Quick Start Guide

[et_pb_section fb_built=”1″ admin_label=”Hero” _builder_version=”4.14.4″ background_color=”#f8fbfe” use_background_color_gradient=”on” background_color_gradient_start=”rgba(45,185,255,0.63)” background_color_gradient_end=”#3851b5″ background_color_gradient_direction=”135deg” background_image=”http://localhost:8888/wp-content/uploads/2021/12/geometric-bg-overlay-01.jpg” background_blend=”overlay” custom_padding=”5%|0px|5%|0px|true|false” animation_style=”zoom” animation_direction=”bottom” animation_intensity_zoom=”8%” animation_starting_opacity=”100%” global_colors_info=”{}”][et_pb_row _builder_version=”3.25″ custom_padding=”9px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.14.4″ text_font=”Nunito Sans||||||||” text_text_color=”#ffffff” text_font_size=”18px” text_line_height=”1.8em” header_font=”Nunito Sans|700|||||||” header_text_align=”center” header_text_color=”#ffffff” header_font_size=”45px” header_line_height=”1.3em” header_2_font=”||||||||” text_orientation=”center” max_width=”700px” module_alignment=”center” custom_margin=”||6px|||” global_colors_info=”{}”]

Quick-Start Guide

Building A Website with SiteGround Hosting, WordPress, and the Divi Theme[/et_pb_text][et_pb_button button_text=”Essential Technology Stack” button_alignment=”center” _builder_version=”4.14.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#559af4″ button_bg_color_gradient_end=”#205a99″ button_bg_color_gradient_direction=”85deg” button_bg_color_gradient_start_position=”42%” button_border_width=”0px” button_border_radius=”26px” custom_margin=”32px|||||” custom_padding=”8px|||||” hover_enabled=”0″ box_shadow_style=”preset3″ global_colors_info=”{}” module_class=”popmake-1115″ sticky_enabled=”0″][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”12px||14px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

The guide below will walk you through launching a WordPress website with a pre-made Divi layout on the SiteGround hosting platform. Once setup you can follow the link to a variety of Divi tutorials to learn how to customize the pre-made layout and make it your own. With a minimal investment of time and money you’ll be well on your way to managing your own business website.

Note: this guide contains affiliate links to SiteGround and Elegant Themes (i.e., maker of Divi). WP Web Caddy may receive a small commission (at no additional cost to you) for purchases made via these links.

[/et_pb_text][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

Steps

  1. Choose and purchase a SiteGround hosting plan
  2. Create a SiteGround hosted WordPress website
  3. Install SSL certificate and enable HTTPS
  4. Configure the WordPress backend
  5. Install the Divi Theme
  6. Configure Divi options
  7. Create the Home page using a Divi pre-made layout
  8. Customize the Divi pre-made layout

[/et_pb_text][et_pb_button button_url=”https://wpwebcaddy.com/#gethelp” button_text=”Get Assistance” button_alignment=”center” _builder_version=”4.14.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#559af4″ button_bg_color_gradient_end=”#205a99″ button_bg_color_gradient_direction=”85deg” button_bg_color_gradient_start_position=”42%” button_border_width=”0px” button_border_radius=”26px” box_shadow_style=”preset3″ global_colors_info=”{}”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”chooseplan” _builder_version=”4.14.4″ _module_preset=”default” custom_margin=”||-1px|||” global_colors_info=”{}”]

1. Choose And Purchase A SiteGround Hosting Plan

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ module_class=”reverse” _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”12px|||||” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

Managed hosting is the foundational component of any website as it provides the data center services necessary to establish a robust and secure internet presence.

SiteGround offers three Managed WordPress hosting plans:

  • The StartUp plan is an entry level plan that is ideal for small businesses and professional websites that are just getting started and have limited budgets.
  • The GrowBig plan is a great value for the money, offering the ability to host multiple websites under one plan, and includes additional services over the StartUp plan that improve performance and stability.
  • The GoGeek plan is best suited for e-commerce businesses and larger sites expecting more than 100K site visits per month.

Bear in mind that you can upgrade your plan anytime after your initial plan purchase.

[/et_pb_text][et_pb_button button_url=”https://www.siteground.com/go/oqfgr0phkw” url_new_window=”on” button_text=”Compare And Purchase A Plan” button_alignment=”center” _builder_version=”4.14.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#559af4″ button_bg_color_gradient_end=”#205a99″ button_bg_color_gradient_direction=”85deg” button_bg_color_gradient_start_position=”42%” button_border_width=”0px” button_border_radius=”26px” box_shadow_style=”preset3″ global_colors_info=”{}”][/et_pb_button][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/siteground-plans.png” title_text=”siteground plans” url=”https://www.siteground.com/go/oqfgr0phkw” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||12px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”createwebsite” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

2. Create A SiteGround Hosted WordPress Website

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ module_class=”reverse” _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Once you log into your SiteGround Client Area for the first time, on your dashboard, you will see a Set Up Site button. Click on it and follow the steps to:

  1. Select a domain
    1. If you haven’t already purchased a domain name you can do so through SiteGround when creating your website. Doing so will simplify the setup but isn’t necessary.
  2. Add a new website (choosing WordPress as your application)
    1. During the setup you’ll have the option to install WordPress + Woocommerce. Select this option if you plan to sell products or services online. Otherwise select WordPress only. (Woocommerce can always be added later).

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/client-panel.png” title_text=”client panel” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||19px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”configbackend” _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”]

3. Install SSL Certificate And Enable HTTPS

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ module_class=”reverse” _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

After creating the website application (i.e., WordPress) you’ll want to install an SSL certificate and enable the HTTPS protocol for your site. This will enable secure communication with your website. Click the link below for the specific instructions on creating an SSL certificate.

  1. Install SSL certificate and enable HTTPS

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/ssl-manager.png” title_text=”ssl manager” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||22px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”wpbackend” _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”]

4. Configure The WordPress Backend

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row module_class=”reverse” _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

From the Site Tools menu go to WordPress…Install & Manage and click the arrow icon next to your domain name to launch the WordPress Admin Panel

 

[/et_pb_text][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/launch-admin.png” title_text=”launch admin” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin=”||2px|||” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

In the WordPress Admin panel go to Settings…General and modify the Site Title and Tagline to values appropriate for your business. Keep in mind that these values are what search engines will display in search results when indexing your site. They should give some indication of what your site is about.

Next, set the Timezone appropriate for your business and click Save.

 

[/et_pb_text][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/general-settings.png” title_text=”general settings” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||14px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”installdivi” _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”]

5. Install The Divi Theme

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ module_class=”reverse” _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin=”||4px|||” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

In order to install the Divi Theme you’ll need to purchase a Divi membership. You can follow the affiliate link below to complete your purchase. There are two membership options available: annual and lifetime. The lifetime membership is the best value if you intend to run a business website for several years.

 

[/et_pb_text][et_pb_button button_url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59516&url=59749″ url_new_window=”on” button_text=”Purchase Divi Membership” button_alignment=”center” _builder_version=”4.14.4″ _module_preset=”default” custom_button=”on” button_text_color=”#FFFFFF” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#559af4″ button_bg_color_gradient_end=”#2765bc” button_bg_color_gradient_direction=”160deg” button_bg_color_gradient_start_position=”54%” button_border_width=”0px” button_border_radius=”26px” box_shadow_style=”preset3″ global_colors_info=”{}”][/et_pb_button][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]Divi WordPress Theme[/et_pb_code][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Once you’ve purchased a Divi membership go to the Members Area (My Downloads) section and click the button to download the Divi Theme. You only need the Divi Theme download as it includes both the Divi theme and the Divi page builder plugin.

Clicking the download button will place a zip file in your download folder called Divi.zip

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/divi-members-area.png” title_text=”divi members area” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Return to the WordPress Admin Panel and go to Appearance…Themes and click the Add New button.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/add-theme-1.png” title_text=”add-theme-1″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Click Upload Theme

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/add-theme-2.png” title_text=”add-theme-2″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Click Choose File

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/add-theme-3.png” title_text=”add-theme-3″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Select the Divi.zip file you downloaded from the Divi Member Area (It’s likely located in your download folder), then click Install Now

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/add-theme-4.png” title_text=”add-theme-4″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

When the install completes click Activate.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/add-theme-5.png” title_text=”add-theme-5″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||12px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”configdivi” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

6. Configure Divi Options

Full Divi Tutorial

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Most Divi options are optimally preset so you will not have to modify them. However, you will want to navigate to Divi…Theme Options…Updates and enter your Divi Member Area Username and API Key. This will allow you to track and install Divi updates as they are published.

You can find your username and API key in the Divi Member Area under Account… Username & API Key.

Click Save Changes

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/divi-api.png” title_text=”divi-api” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

While still in Divi…Theme Options, click the “Upload” button next to the Logo option and upload your business logo. Acceptable file types are JPG and PNG. Be sure to click “Save Changes” after completing the upload.

Adding A Custom Logo

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/business-logo.png” title_text=”business logo” show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px||10px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”createhomepage” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

7. Create the Home page using a Divi pre-made layout

Full Divi Tutorial

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

From the WordPress admin dashboard go to Pages and click Add New.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-1.png” title_text=”home page 1″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Enter Home as the page title and click Use Divi Builder

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-2.png” title_text=”home page 2″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Click Start Building

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-3.png” title_text=”home page 3″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Click Browse Layouts to choose a premade layout.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-4.png” title_text=”home page 4″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Search, filter, or scroll the available layouts and click on the one you wish to use.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-5.png” title_text=”home page 5″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Select the Home page layout then click on Use This Layout. Once the layout loads click on Publish.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-6.png” title_text=”home page 6″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Once published click Save then click on Exit Visual Builder.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-7.png” title_text=”home page 7″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Click back into the WordPress Dashboard.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-8.png” title_text=”home page 8″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Goto Settings…Reading then select “A Static Page” as your homepage display and choose “Home” from the Homepage dropdown. Once complete, click Save Changes.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://wpwebcaddy.com/wp-content/uploads/2022/01/home-page-9.png” title_text=”home page 9″ show_in_lightbox=”on” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” custom_padding=”13px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”customize” _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]

8. Customize the Divi pre-made layout

Getting Started With The Visual Builder

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” custom_margin_tablet=”-28px||||false|false” custom_margin_phone=”-28px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.4″ _module_preset=”default” custom_margin_tablet=”16px||||false|false” custom_margin_phone=”20px||||false|false” custom_margin_last_edited=”on|tablet” global_colors_info=”{}”]

Once you’ve loaded a Divi pre-made layout you can customize any of the content elements to suit your needs using the Divi builder. You’ll find all the documentation and tutorials you need to work with the Divi builder here.

 

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.14.4″ _module_preset=”default” global_colors_info=”{}”]Divi WordPress Theme[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]