{"id":24170,"date":"2025-05-27T14:17:49","date_gmt":"2025-05-27T21:17:49","guid":{"rendered":"https:\/\/wou.edu\/marcom\/?page_id=24170"},"modified":"2025-08-08T13:17:25","modified_gmt":"2025-08-08T20:17:25","slug":"getting-started-with-divi-builder","status":"publish","type":"page","link":"https:\/\/wou.edu\/marcom\/wordpress-support\/getting-started-with-divi-builder\/","title":{"rendered":"Getting Started with Divi Builder"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_stops=&#8221;#db0a29 0%|#a3080f 100%&#8221; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;diagonal-stripes&#8221; background_pattern_size=&#8221;custom&#8221; background_pattern_width=&#8221;2000px&#8221; background_pattern_height=&#8221;1000px&#8221; background_pattern_horizontal_offset=&#8221;0%&#8221; background_pattern_vertical_offset=&#8221;0%&#8221; custom_padding=&#8221;25px||25px||true|&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|auto|-12px|auto||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Montserrat|700|||||||&#8221; background_layout=&#8221;dark&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 style=\"text-align: center\">Getting Started with Divi Builder<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0|0px|18px|0px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0|0px|21.4062px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Activate the Divi plugin by clicking on Plugins on the left navigation of the Dashboard.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_01.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_margin=&#8221;||&#8221; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_01&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>In a new tab open the page you would like to edit. And click on the Enable Visual Builder button in the top black navigation bar.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_02.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_02&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Then select either Use Existing Content or Clone Existing Page.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_03.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_03&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Now you can start building.<\/p>\n<p>To create a new row select the blue + button.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_04-1.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_04-1&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Select the blue Regular button.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_05.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_05&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Select how many columns you would like.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_06.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_06&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Select the Module you would like to insert.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_07.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_07&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Once you have everything done in the module that you would like click on the green check bar button.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_08.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_08&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>To add another module hover over the area at the end of the last module and click on the gray + icon.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_11.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_11&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Once you have added all your content and are ready to save click on the three dots in the purple circle icon.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_09.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; custom_padding=&#8221;||50px&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_09&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Then click the save button.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/cdn.wou.edu\/marcom\/files\/2025\/08\/Divi_10.jpg&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.2&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;Divi_10&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0|0px|17px|0px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; min_height=&#8221;88px&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_button button_url=&#8221;https:\/\/www.elegantthemes.com\/documentation\/divi\/visual-builder\/&#8221; button_text=&#8221;More in-depth details&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Getting Started with Divi Builder Activate the Divi&#8230;<\/p>\n","protected":false},"author":1591,"featured_media":0,"parent":23847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"splash-page.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Getting Started with Divi Builder -","_seopress_titles_desc":"Learn how to get started with Divi Builder in WordPress. A beginner-friendly guide to building pages, using templates, and editing content visually.","_seopress_robots_index":"","_lmt_disableupdate":"","_lmt_disable":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-24170","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/users\/1591"}],"replies":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/comments?post=24170"}],"version-history":[{"count":5,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24170\/revisions"}],"predecessor-version":[{"id":24988,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/24170\/revisions\/24988"}],"up":[{"embeddable":true,"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/pages\/23847"}],"wp:attachment":[{"href":"https:\/\/wou.edu\/marcom\/wp-json\/wp\/v2\/media?parent=24170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}