<\/div>\n\n\n\n

So, you\u2019re ready to launch a monetized website with WordPress <\/strong>+ MemberPress.<\/strong> Good choice!<\/p>

\n
WHAT'S INSIDE<\/p>\nToggle<\/span>
What is Divi?<\/a><\/li>
Why should I care if my site looks modern?<\/a><\/li>
Favorite DIVI features<\/a><\/li>
How to create a MemberPress site with DIVI<\/a><\/li>
BONUS STEPS!<\/a><\/li>
Need some inspiration? Here\u2019s a MemberPress site using DIVI right now!<\/a><\/li>
Takeaway<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n
And, heck, it\u2019s easy enough with a free WordPress theme, right? <\/p>\n\n\n\n
Zzzz. Boring!<\/strong><\/p>\n\n\n
\n
$\"Sponge$ <\/a><\/figure>\n<\/div>\n\n\n
This ain\u2019t your grandma\u2019s internet no more (unless, of course, you\u2019re Shirley Curry<\/a> or Iris Apfel<\/a>).<\/p>\n\n\n
\n
$\"Gamer$ <\/a>
Gamer Shirley Curry<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n
Your site needs to look top-notch<\/strong> to stand out. And, this is where WordPress page builders<\/strong> come in.<\/p>\n\n\n\n
Here at MemberPress, one of our favorites is DIVI!<\/a><\/strong><\/p>\n\n\n
\n
$\"DiviHomepage\"$ <\/a><\/figure>\n<\/div>\n\n\n
You can use the DIVI plugin to:<\/p>\n\n\n\n
\n
Start a brand new website<\/strong> on WordPress<\/li>\n\n\n\n
Upgrade your existing site<\/strong> with better design and functionality<\/li>\n<\/ul>\n\n\n\nYup, even if you already have a MemberPress site<\/a><\/strong> up and running, you can use DIVI<\/strong> to spruce up its posts and pages. <\/p>\n\n\n\n
<\/span>What is Divi?<\/span><\/h2>\n\n\n\nDIVI<\/a> is a WordPress page builder<\/strong> and theme<\/strong> from Elegant Themes. It makes building and designing an absolutely stunning website super fast and easy.<\/p>\n\n\n
\n
$\"Divi$ <\/a><\/figure>\n<\/div>\n\n\n
Now, I will admit, the default WordPress Gutenberg editor<\/a> has gotten a lot better over the years. You could even say it\u2019s a little fancy (like Applebee\u2019s on a date night).<\/p>\n\n\n\n
But, DIVI<\/strong> is like Mastro\u2019s<\/a>, and you\u2019re the master chef.<\/p>\n\n\n
\n
$\"Sounds$ <\/a><\/figure>\n<\/div>\n\n\n
Fire up its drag-and-drop builder<\/strong> and you\u2019ll be whipping up sleek designs with ease. Even if you\u2019re a newbie, its many pre-built modules<\/strong> and layouts<\/strong> make your design job simple.<\/p>\n\n\n
\n
$\"Divi$ <\/a><\/figure>\n<\/div>\n\n\n
<\/span>Why should I care if my site looks modern?<\/span><\/h2>\n\n\n\n
There are many benefits<\/strong> to creating a fresh new website with DIVI. But, I want to highlight a big one:<\/p>\n\n\n\n
You\u2019ll increase traffic and improve SEO<\/h3>\n\n\n\n
Good site design, layout, and functionality help your site rank up<\/strong> in the complex world of SEO.<\/p>\n\n\n
\n
$\"SEO$ <\/a><\/figure>\n<\/div>\n\n\n
While its algorithm<\/strong> is constantly evolving, Google likes sites that are \u201ctrustworthy<\/strong>\u201d and \u201c<\/a>authoritative<\/a><\/strong>.\u201d<\/a><\/p>\n\n\n\n
Having a great looking site with a smooth user experience helps you look less spammy<\/strong> in the eyes of visitors, and ultimately, Google.<\/p>\n\n\n\n
Think about it. Would you feel comfortable giving your credit card to the web-equivalent to a seedy motel off the highway? Or, would you get sketched out and run to the more clean, polished Holiday Inn down the street?<\/p>\n\n\n
\n
$\"Motel$ <\/a><\/figure>\n<\/div>\n\n\n
There are many other factors that boost SEO, which brings us to our first choice feature.<\/p>\n\n\n\n
<\/span>Favorite DIVI features<\/span><\/h2>\n\n\n\n
Mobile responsive editing<\/h3>\n\n\n\n
Google takes a mobile-first approach to site indexing<\/a>. So, having a mobile-friendly site helps your SEO, which can lead to more conversions and sales.<\/strong><\/p>\n\n\n\n
DIVI makes mobile editing a breeze. You can edit for different devices and breakpoints to make sure your site looks great on smartphones, tablets, and desktops. <\/p>\n\n\n\n
And soon, probably even VR goggles.<\/p>\n\n\n
\n
$\"Divi$ <\/a><\/figure>\n<\/div>\n\n\n
While editing, DIVI automatically switches between different device views, so you can focus more on design and less on the technical stuff.<\/p>\n\n\n\n
Edit MemberPress pages<\/h3>\n\n\n\n
Creating a smooth membership experience is key to retaining customers. DIVI can directly edit many MemberPress pages<\/strong>, such as those for membership registrations.<\/p>\n\n\n
\n
$\"Divi$ <\/a><\/figure>\n<\/div>\n\n\n
This feature:<\/p>\n\n\n\n
\n
Saves time<\/strong><\/li>\n\n\n\n
Avoids work-arounds<\/strong> that complicate the backend<\/li>\n<\/ul>\n\n\n\n
It\u2019s as easy as enabling a setting, creating a membership, and clicking edit<\/em>. I\u2019ll show you how later.<\/p>\n\n\n\n
With the on-page editor, you can spiff up the default MemberPress registration process<\/strong> using DIVI\u2019s many modules and layouts.<\/p>\n\n\n
\n
$\"Divi$ <\/a>
An example membership sign-up page built with divi + memberpress<\/figcaption><\/figure>\n<\/div>\n\n\n
You can also add things like testimonials<\/strong>, videos<\/strong>, and features right on a sign up page, giving users an extra nudge to hit the buy button.<\/p>\n\n\n\n
Protect specific content on pages with the MemberPress DIVI add-on<\/h3>\n\n\n\nOnce installed, the MemberPress DIVI add-on<\/a> lets you show or hide whatever page elements you want based on membership level.<\/p>\n\n\n\n
You can apply a MemberPress rule to specific content<\/strong>, right inside the DIVI page builder, so only paying members can see it.<\/p>\n\n\n
\n
$\"Divi$ <\/a><\/figure>\n<\/div>\n\n\n
Using this integration, you can:<\/p>\n\n\n\n
\n
Have a members-only section<\/strong> that teases premium content<\/li>\n\n\n\n
Create custom messages<\/strong> to persuade people to sign up<\/li>\n\n\n\n
Give away freebies <\/strong>to convince visitors to buy your exclusive stuff<\/li>\n<\/ul>\n\n\n\n
$\"Free$ <\/a><\/figure>\n<\/div>\n\n\n
Want to try it out?<\/strong> Learn how to install the add-on and protect page content in the video below.<\/p>\n\n\n\n
\n
<\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">WATCH >>> HOW TO PROTECT SPECIFIC CONTENT ON DIVI PAGES WITH MEMBERPRESS<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Visual editing: a no-code solution<\/h3>\n\n\n\n<p>You\u2019re busy running an online business. The last thing you want to do is browse Stack Overflow until 2 AM to find a snippet of code that\u2019ll get your site working.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures.jpg\"><img decoding=\"async\" width=\"800\" height=\"347\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures.jpg\" alt=\"Divi drag and drop visual builder\" class=\"wp-image-45324\" style=\"width:516px;height:223px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures.jpg 800w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures-300x130.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures-768x333.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures-392x170.jpg 392w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures-700x304.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIDragAndDropVisualFeatures-156x68.jpg 156w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>With <strong>DIVI<\/strong>, you don\u2019t have to.<\/p>\n\n\n\n<p>It\u2019s a <strong>100% visual editor<\/strong>. So you can easily change design settings like color, font, and margins. And, the <strong>drag-and-drop interface<\/strong> lets you arrange elements until everything looks just right.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample.jpg\"><img decoding=\"async\" width=\"900\" height=\"566\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample.jpg\" alt=\"Divi training website example\" class=\"wp-image-45328\" style=\"width:571px;height:358px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-300x189.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-768x483.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-270x170.jpg 270w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-840x528.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-700x440.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVITrainingExample-156x98.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Don\u2019t even think about hopping on <a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"W3Schools\">W3Schools<\/a> to learn CSS. DIVI takes care of that grunt work for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pre-built layouts<\/h3>\n\n\n\n<p>DIVI has a <strong>huge library<\/strong> <strong>of pre-made layouts<\/strong>. Building a site can be as simple as inserting your logo, changing some placeholder text, and switching up some colors.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage.jpg\"><img decoding=\"async\" width=\"800\" height=\"485\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage.jpg\" alt=\"Divi layouts collage\" class=\"wp-image-45362\" style=\"width:611px;height:370px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage.jpg 800w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage-300x182.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage-768x466.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage-280x170.jpg 280w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage-700x424.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVILayoutCollage-156x95.jpg 156w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>There are layouts for just about every type of niche, from <strong><a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/get-a-free-online-course-layout-pack-for-divi\" target=\"_blank\" rel=\"noopener nofollow\" title=\"online courses\">online courses<\/a><\/strong> to <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/get-a-free-online-yoga-layout-pack-for-divi\" target=\"_blank\" rel=\"noopener nofollow\" title=\"yoga\">yoga<\/a>.<\/p>\n\n\n\n<p>Have a more obscure idea? DIVI just might have you covered. You can even find templates for things like <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/get-a-free-handmade-soap-layout-pack-for-divi\" target=\"_blank\" rel=\"noopener nofollow\" title=\"soap making\">soap making<\/a>, <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/get-a-free-flower-farm-layout-pack-for-divi\" target=\"_blank\" rel=\"noopener nofollow\" title=\"flower farms\">flower farms<\/a>, and <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/get-a-free-poke-restaurant-layout-pack-for-divi\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Poke restaurants\">poke restaurants<\/a>. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls.jpg\"><img decoding=\"async\" width=\"700\" height=\"379\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls.jpg\" alt=\"Divi restaurant site design example\" class=\"wp-image-45368\" style=\"width:525px;height:284px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls-300x162.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls-314x170.jpg 314w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIPokeBowls-156x84.jpg 156w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Each layout pack comes with most of the essential pages \u2013 like contact, about us, blog post, and landing pages.<\/p>\n\n\n\n<p>You can also <strong>mix and match<\/strong> pages from different layouts throughout your site. You\u2019re not limited to using just one! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bulk editing<\/h3>\n\n\n\n<p>Building websites can be hella tedious. Sometimes, you want to make a small change to many components all at once. But, manually changing each one is likely more painful than Nickelback on slo-mo.<\/p>\n\n\n\n<p>With DIVI, you can highlight multiple elements on a page and <strong>change them all at the same time<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1.jpg\"><img decoding=\"async\" width=\"800\" height=\"411\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1.jpg\" alt=\"Divi multiselect\" class=\"wp-image-45418\" style=\"width:637px;height:327px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1.jpg 800w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1-300x154.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1-768x395.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1-331x170.jpg 331w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1-700x360.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Multiselect1-156x80.jpg 156w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Dynamic content<\/h3>\n\n\n\n<p>This is another feature that cuts down on the drudge work. <\/p>\n\n\n\n<p>Have a bunch of memberships, but don\u2019t want to design each registration page individually?<\/p>\n\n\n\n<p>Create a template with <strong>dynamic content<\/strong> instead.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"773\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI.jpg\" alt=\"Divi dynamic content theme settings\" class=\"wp-image-45376\" style=\"width:446px;height:383px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-300x258.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-768x660.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-198x170.jpg 198w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-715x614.jpg 715w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-796x684.jpg 796w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-603x518.jpg 603w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DynamicContentThemeSettingsDIVI-156x134.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><figcaption class=\"wp-element-caption\">You can create templates that apply to all pages of a certain type \u2013 like memberships, group pricing pages, and courses. <\/figcaption><\/figure>\n<\/div>\n\n\n<p>Then, when you create a new membership, <strong>your styles are already applied to it<\/strong>. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields.gif\"><img decoding=\"async\" width=\"1024\" height=\"764\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-1024x764.gif\" alt=\"Using custom fields in Divi\" class=\"wp-image-45583\" style=\"width:528px;height:395px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-1024x764.gif 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-300x224.gif 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-768x573.gif 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-228x170.gif 228w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-823x614.gif 823w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-917x684.gif 917w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-694x518.gif 694w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-156x116.gif 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/Using-Custom-Fields-1080x806.gif 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Using dynamic content in divi. source: <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/dynamic-content-for-divi-is-available-now\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Elegant themes blog\">Elegant themes<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>And, your <em>dynamic placeholder text<\/em> will be <strong>replaced<\/strong> <strong>automatically<\/strong> with your membership title, price, and whatever else you choose to display. <strong><em>Magic<\/em>.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/magictrick.gif\"><img decoding=\"async\" width=\"245\" height=\"165\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/magictrick.gif\" alt=\"Magic trick gif\" class=\"wp-image-46203\"><\/a><\/figure>\n<\/div>\n\n\n<p>Okay, I could list out cool features until I\u2019m DIVI-purple in the face. But at this point, you probably want to get started. So, let\u2019s go!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_create_a_MemberPress_site_with_DIVI\"><\/span>How to create a MemberPress site with DIVI<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>So, you\u2019re ready to launch a brand new site. Even though it may seem daunting, you\u2019ll be up-and-running in no time. Here\u2019s what you need to do:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Set up a WordPress site<\/h3>\n\n\n\n<p>First thing\u2019s first, you need a website. To do that, you\u2019ll need to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Get a <strong>domain name<\/strong><\/li>\n\n\n\n<li>Buy some <strong>web hosting<\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.wpbeginner.com\/how-to-install-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Install WordPress\">Install WordPress<\/a><\/strong> on your web host.<\/li>\n<\/ul>\n\n\n\n<p>For this how-to, I\u2019ll be building a basic sample site called <strong><em>Legit JavaScript.<\/em><\/strong> The site will teach coding through online courses. And it\u2019ll need a few pages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Homepage<\/strong><\/li>\n\n\n\n<li><strong>Blog<\/strong><\/li>\n\n\n\n<li><strong>Course listings<\/strong><\/li>\n\n\n\n<li><strong>Pricing<\/strong><\/li>\n\n\n\n<li><strong>Contact<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Map out your site pages like I did in the list above. You can always add more later, so no pressure to have it all figured out just yet.<\/p>\n\n\n\n<p>Now, once you know what pages you need, it\u2019s time to hop on WordPress and make them.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Create your pages<\/h4>\n\n\n\n<p>First, we\u2019ll start with the <strong>homepage<\/strong>.<\/p>\n\n\n\n<p>From the WordPress Dashboard, go to <strong>Pages<\/strong> > <strong>Add New<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage.jpg\"><img decoding=\"async\" width=\"900\" height=\"469\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage.jpg\" alt=\"Add new page in MemberPress\" class=\"wp-image-45384\" style=\"width:599px;height:312px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-300x156.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-768x400.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-326x170.jpg 326w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-840x438.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-700x365.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewPage-156x81.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Name the page <strong>Home<\/strong>.<\/p>\n\n\n\n<p>Then, click <strong>Publish<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish.jpg\"><img decoding=\"async\" width=\"900\" height=\"448\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish.jpg\" alt=\"MemberPress publish home page\" class=\"wp-image-45385\" style=\"width:600px;height:298px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-300x149.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-768x382.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-342x170.jpg 342w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-840x418.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-700x348.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HomePagePublish-156x78.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Don\u2019t worry about content right now. You\u2019ll edit your pages later with DIVI.<\/p>\n\n\n\n<p>Repeat the instructions above to <strong>create your other pages<\/strong> (blog, contact, about, etc). <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Set your homepage displays<\/h4>\n\n\n\n<p>Now, you need to set the <em>Home<\/em> page you just created as the actual homepage on your WordPress site. That way, when people go to the site URL, they\u2019ll see your <em><strong>Home<\/strong><\/em> page.<\/p>\n\n\n\n<p>Also, if you created a <strong>blog page<\/strong>, you need to set it as your Posts page on WordPress.<\/p>\n\n\n\n<p>To do this, go to <strong>Settings<\/strong> > <strong>Reading<\/strong>.<\/p>\n\n\n\n<p>Then, under <em>Your homepage displays<\/em><strong>, <\/strong>select <strong>A static page.<\/strong><\/p>\n\n\n\n<p>Next, in the dropdown beside <em>Homepage<\/em><strong>,\u00a0 <\/strong>select<strong> Home.<\/strong><\/p>\n\n\n\n<p>Then<strong> <\/strong>select<strong> Blog<\/strong> next to <em>Posts page<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings.jpg\"><img decoding=\"async\" width=\"1000\" height=\"586\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings.jpg\" alt=\"WordPress reading settings\" class=\"wp-image-45390\" style=\"width:590px;height:345px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-300x176.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-768x450.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-290x170.jpg 290w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-840x492.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-700x410.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/WordPressReadingSettings-156x91.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Finally, click <strong>Save Changes<\/strong>.<\/p>\n\n\n\n<p>Now, when visitors go to your site URL, the <em>Home<\/em> page will appear.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Create a navigation menu<\/h4>\n\n\n\n<p>Once you have the site pages made, and your URL is pointing to your homepage, <strong>create a navigation menu<\/strong> so visitors can easily find their way around your site.<\/p>\n\n\n\n<p>First, go to <strong>Appearance<\/strong> > <strong>Menus<\/strong>.<\/p>\n\n\n\n<p>Now, <strong>give your menu a name<\/strong>. Then, under <em>Menu Settings<\/em>, check <strong>Primary Menu<\/strong> as the <em>display location.<\/em><\/p>\n\n\n\n<p>Then, select <strong>Create Menu<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress.jpg\"><img decoding=\"async\" width=\"900\" height=\"526\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress.jpg\" alt=\"Add a new menu in WordPress\" class=\"wp-image-45519\" style=\"width:638px;height:372px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-300x175.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-768x449.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-291x170.jpg 291w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-840x491.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-700x409.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress-156x91.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Next, select your pages under <strong>Add menu items<\/strong> on the left. Then, click <strong>Add to Menu<\/strong>.<\/p>\n\n\n\n<p>Once your pages are added, look under <em>Menu structure<\/em>, and click-and-drag items to change their order. The links (shown top-to-bottom) will display left-to-right.<\/p>\n\n\n\n<p>You can also expand the menu items using the down caret symbol (\u25bc) to change the link text under <em>Navigation label<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2.jpg\"><img decoding=\"async\" width=\"900\" height=\"534\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2.jpg\" alt=\"Add a new menu item in WordPress\" class=\"wp-image-45522\" style=\"width:659px;height:391px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-300x178.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-768x456.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-287x170.jpg 287w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-840x498.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-700x415.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewMenuWordPress2-156x93.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>When you\u2019re done, click <strong>Save Menu<\/strong>.<\/p>\n\n\n\n<p>If you run into any snags, <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-navigation-menu-in-wordpress-beginners-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">refer to this article<\/a> for an in-depth tutorial on creating a menu in WordPress.<\/p>\n\n\n\n<p><strong>BONUS:<\/strong> You can also <a href=\"https:\/\/memberpress.com\/docs\/conditional-login-logout-menu-item\/\" target=\"_blank\" rel=\"noopener\" title=\"add a login\/logout menu item\">add a login\/logout menu item<\/a> and <a href=\"https:\/\/memberpress.com\/docs\/control-what-menu-items-users-see\/\" target=\"_blank\" rel=\"noopener\" title=\"make items appear when certain conditions are met\">make items appear when certain conditions are met<\/a>, such as when a member is logged in.<\/p>\n\n\n\n<p>Now, the basic structure of your WordPress site is set up. Next, you need to deck it out with some plugins.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Install MemberPress<\/h3>\n\n\n\n<p>To monetize content on WordPress, you\u2019ll need a plugin. And, in my totally unbiased opinion, <strong>MemberPress<\/strong> is by far the best option. <\/p>\n\n\n\n<p>Head over to <strong><a href=\"https:\/\/memberpress.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"MemberPress.com\">MemberPress.com<\/a><\/strong> and <strong>purchase a plan<\/strong>. The DIVI integration works with all of them.<\/p>\n\n\n\n<p>Then, <strong>download<\/strong> the plugin zip file from the <a href=\"https:\/\/memberpress.com\/account\/downloads\/\">Account page<\/a> of the MemberPress website.<\/p>\n\n\n\n<p>Now, <strong>upload the plugin<\/strong> from your WordPress Dashboard.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1.jpg\"><img decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1.jpg\" alt=\"Upload a new plugin to WordPress\" class=\"wp-image-51240\" title=\"5UploadPlugin | MemberPress\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-300x157.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-768x403.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-324x170.jpg 324w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-840x441.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-700x367.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/5UploadPlugin-1024x537-1-156x82.jpg 156w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once installed, the <strong>MemberPress Setup Wizard<\/strong> will guide you through the basics, such as <a href=\"https:\/\/memberpress.com\/docs\/choosing-your-gateways\/\">adding a payment method<\/a>.<\/p>\n\n\n\n<p>Once you finish the <em>Setup Wizard<\/em>, you\u2019re ready for next step.<\/p>\n\n\n\n<p>One plugin down, one to go!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Install DIVI<\/h3>\n\n\n\n<p>To get DIVI going, head to the <a href=\"https:\/\/memberpress.com\/go\/elegantthemes\" target=\"_blank\" rel=\"noopener nofollow sponsored\" title=\"Elegant Themes website\">Elegant Themes website<\/a> and <strong>purchase a DIVI plan<\/strong>.<\/p>\n\n\n\n<p>Then, click <strong>Account<\/strong>, and login with your credentials.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin.jpg\"><img decoding=\"async\" width=\"900\" height=\"510\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin.jpg\" alt=\"Divi login page\" class=\"wp-image-45425\" style=\"width:601px;height:340px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin-300x170.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin-768x435.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin-840x476.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin-700x397.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ElegantThemesLogin-156x88.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, you\u2019ll be taken to the Members Area. Here, choose to <strong>Download the DIVI Theme<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite.jpg\"><img decoding=\"async\" width=\"900\" height=\"499\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite.jpg\" alt=\"Download Divi\" class=\"wp-image-45426\" style=\"width:639px;height:354px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-300x166.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-768x426.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-307x170.jpg 307w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-840x466.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-700x388.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DownloadDIVIElegantThemesSite-156x86.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>It will download the <strong>DIVI zip file<\/strong> to your computer. This file includes both the DIVI page builder and theme.<\/p>\n\n\n\n<p>Once it\u2019s downloaded, head to your <em>WordPress Admin Dashboard<\/em>.<\/p>\n\n\n\n<p>On the left sidebar, go to <strong>Appearance<\/strong> > <strong>Themes<\/strong>.<\/p>\n\n\n\n<p>Next, select <strong>Add New<\/strong> > <strong>Upload Theme<\/strong> > <strong>Choose File<\/strong>.<\/p>\n\n\n\n<p>Find the <strong>Divi.zip file<\/strong> on your computer. Then, click <strong>Install Now<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme.jpg\"><img decoding=\"async\" width=\"900\" height=\"497\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme.jpg\" alt=\"Installing the Divi them\" class=\"wp-image-45431\" style=\"width:613px;height:338px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-300x166.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-768x424.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-308x170.jpg 308w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-840x464.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-700x387.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InstallingDIVITheme-156x86.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>And that\u2019s it, the DIVI plugin and theme are now installed.<\/p>\n\n\n\n<p>But, there\u2019s one more step to finish the setup.<\/p>\n\n\n\n<p>You need to <strong>link the plugin to your Elegant Themes account<\/strong> <strong>so you receive software updates<\/strong> (this is an important step!).<\/p>\n\n\n\n<p>To activate the link, head back to the <em>Members Area<\/em> of the Elegant Themes website.<\/p>\n\n\n\n<p>Then, click <strong>Account<\/strong> > <strong>API Keys<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes.jpg\"><img decoding=\"async\" width=\"900\" height=\"499\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes.jpg\" alt=\"Divi account tab API keys\" class=\"wp-image-45437\" style=\"width:607px;height:337px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-300x166.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-768x426.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-307x170.jpg 307w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-840x466.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-700x388.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AccountTabAPIKeysElegantThemes-156x86.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Next, <strong>copy the API key<\/strong> that\u2019s generated. Or, choose <strong>Generate New API Key<\/strong> to make a separate one for your site.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI.jpg\"><img decoding=\"async\" width=\"600\" height=\"306\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI.jpg\" alt=\"API key in Divi\" class=\"wp-image-45439\" style=\"width:518px;height:264px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI.jpg 600w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI-300x153.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI-333x170.jpg 333w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyAPIKeyDIVI-156x80.jpg 156w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, go back to WordPress.<\/p>\n\n\n\n<p>Then, go to <strong>DIVI<\/strong> > T<strong>heme Options<\/strong> > <strong>Updates <\/strong>tab.<\/p>\n\n\n\n<p>Enter your Elegant Themes <strong>username<\/strong>. Then, paste your <strong>API key<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"494\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI.jpg\" alt=\"Paste API key into WordPress for Divi\" class=\"wp-image-45440\" style=\"width:657px;height:361px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-300x165.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-768x422.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-310x170.jpg 310w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-840x461.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-700x384.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PasteAPIKeyinWPDIVI-156x86.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Finally, click <strong>Save Changes<\/strong>.<\/p>\n\n\n\n<p>Your Elegant Themes account is now linked to your WordPress site.<\/p>\n\n\n\n<p>Now that the boring stuff out of the way, <strong>it\u2019s time to start building!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Make your paywalled content<\/h3>\n\n\n\n<p>Load your site with the <strong>content<\/strong> you\u2019re going to sell. This is just to get you started \u2013 you can always add more later as your site grows.<\/p>\n\n\n\n<p>For example, you can <strong>sell stuff like\u2026<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Online Courses<\/h4>\n\n\n\n<p>For <em>Legit JavaScript<\/em>, I\u2019m going to create online courses with <a href=\"https:\/\/memberpress.com\/features\/easily-build-sell-courses\/\" target=\"_blank\" rel=\"noopener\" title=\"MemberPress Courses\">MemberPress Courses<\/a>.<\/p>\n\n\n\n<p>It lets you create courses 100% visually with a <strong>drag-and-drop curriculum builder<\/strong>. You can also offer quizzes, track student progress, offer certifications, and much more.<\/p>\n\n\n\n<p>Watch the video below to see <strong>how to create courses in MemberPress<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"znJV9cymH4ddxtKBrCtAjUiOXITcXNW4bVRChhY7lRH6ZmN7Yl9DEsQspo3K0qO8JkFaZS5gbSuv\"><div class=\"responsive-video\"><iframe title=\"How to Create + Sell Online Courses on WordPress in 2024 (MemberPress Courses)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WOedEnUBozw?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">WATCH >> HOW TO CREATE A COURSE IN MEMBERPRESS<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Digital products<\/h4>\n\n\n\n<p><strong>Upload files<\/strong> with <a href=\"https:\/\/memberpress.com\/addons\/downloads\/\" target=\"_blank\" rel=\"noopener\" title=\"MemberPress Downloads\">MemberPress Downloads<\/a> to <strong>sell digital products<\/strong>!<\/p>\n\n\n\n<p>You can sell:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ebooks<\/strong><\/li>\n\n\n\n<li><strong>Templates<\/strong><\/li>\n\n\n\n<li>Videos<\/li>\n\n\n\n<li>Music, audio, and podcasts<\/li>\n\n\n\n<li>and <strong>much more!<\/strong><\/li>\n<\/ul>\n\n\n\n<p>See <a href=\"https:\/\/memberpress.com\/blog\/how-to-sell-digital-products-on-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"our article on why and how to sell digital products\">our article on why and how to sell digital products<\/a> for a detailed guide.<\/p>\n\n\n\n<p>Also, watch the <strong>tutorial video<\/strong> below to see how to sell files with MemberPress:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"WyZ1nKFMXcuqmbatoQCHBDgkEAPJ8U52OS4TGpVN79LIi3zvesjlwhdr0YfRx\"><div class=\"responsive-video\"><iframe title=\"How to Sell Files (Digital Downloads) on WordPress with MemberPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/0qJCWbCcOwc?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">watch >> how to sell files on wordpress with memberpress<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Anything else!<\/h4>\n\n\n\n<p>Insert whatever content you want on WordPress <strong>pages<\/strong> and <strong>posts<\/strong>. You can <a href=\"https:\/\/memberpress.com\/blog\/how-to-make-a-video-hub-with-paid-content-behind-a-paywall\/\" target=\"_blank\" rel=\"noopener\" title=\"embed videos\">embed videos<\/a>, text, download links, and more.<\/p>\n\n\n\n<p><strong>Need some ideas?<\/strong> See what MemberPress creators are selling right now:<\/p>\n\n\n\n<div class=\"block-mp-button-wrap\">\n\t<a id=\"button-block_cd4061721b273b156426361d9db1e5cf\" href=\"https:\/\/memberpress.com\/blog\/memberpress-website-examples\/\" target=\"_blank\" class=\"button button-blue center\">READ >> 100+ Membership Site Examples (In Real Life)<\/a>\n<\/div>\n\n\n\n\n<p>Once you have some content on your site, you can use MemberPress to add some monetization features.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a membership<\/h3>\n\n\n\n<div id=\"ad-56473\" class=\"ad-720x300 adsanity-720x300 aligncenter adsanity-aligncenter\"><div class=\"adsanity-inner\">\n\n<a href=\"https:\/\/memberpress.com\/pt\/ads\/page-memberpress-demo\/\" target=\"_blank\"><img decoding=\"async\" width=\"720\" height=\"300\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo.jpg\" class=\"no-lazy-load wp-post-image\" alt=\"memberpress demo adsanity block\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo.jpg 720w, https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo-300x125.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo-408x170.jpg 408w, https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo-700x292.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2023\/07\/Adsanity-MP-Demo-156x65.jpg 156w\" sizes=\"(max-width: 720px) 100vw, 720px\"><\/a>\n<\/div><\/div>\n\n\n\n\n<p>Next, create one or more <strong>memberships <\/strong>to sell your paywalled content.<\/p>\n\n\n\n<p>This is an important step because it\u2019ll allow people make purchases on your site.<\/p>\n\n\n\n<p>Go to <strong>MemberPress<\/strong> > <strong>Memberships<\/strong>. Then click <strong>Add New<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2021\/12\/add-new-memberships.png\"><img decoding=\"async\" width=\"511\" height=\"361\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2021\/12\/add-new-memberships.png\" alt=\"MemberPress add new membership button\" class=\"wp-image-31382\" title=\"6NewMembership | MemberPress\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2021\/12\/add-new-memberships.png 511w, https:\/\/memberpress.com\/wp-content\/uploads\/2021\/12\/add-new-memberships-300x212.png 300w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, choose your <strong>Membership Terms.<\/strong> The <em>Billing Type<\/em> can be:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>One-time<\/strong>, where customers are only billed once<\/li>\n\n\n\n<li><strong>Recurring<\/strong>, which is billed every month, year, or whatever you choose<\/li>\n<\/ul>\n\n\n\n<p>For <em>Legit JavaScript<\/em>, once someone buys a monthly or yearly membership, they\u2019ll have <strong>access to all of my courses<\/strong>.<\/p>\n\n\n\n<p>So, I\u2019ll create<strong> <\/strong>two <strong>recurring<\/strong> memberships. <strong>Monthly<\/strong> and <strong>yearly<\/strong>. Members will get a slight discount for paying yearly.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage.jpg\"><img decoding=\"async\" width=\"900\" height=\"504\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage.jpg\" alt=\"Setting up recurring monthly memberships in MemberPress\" class=\"wp-image-45490\" style=\"width:664px;height:371px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-300x168.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-768x430.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-304x170.jpg 304w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-840x470.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-700x392.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/RecurringMonthlyMembershipFullPage-156x87.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once created, be sure to click <strong>Publish<\/strong> to save your membership.<\/p>\n\n\n\n<p>Now people can buy a membership on your site. Next, you\u2019ll need to make your content <strong>exclusive<\/strong> by protecting it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Set up a rule<\/h3>\n\n\n\n<p>To protect content, you\u2019ll make one or more <a href=\"https:\/\/memberpress.com\/features\/powerful-access-rules\/\" target=\"_blank\" rel=\"noopener\" title=\"Rules in MemberPress\">rules in MemberPress<\/a>. This will ensure only those who buy your membership(s) can get their hands on your premium stuff.<\/p>\n\n\n\n<p>First go to <strong>MemberPress<\/strong> > <strong>Rules<\/strong> > <strong>Add New<\/strong>.<\/p>\n\n\n\n<p>Then, in the dropdown under <em>Protected Content<\/em>, <strong>select one of MemberPress\u2019 many rule types<\/strong>. Wherever your content is on your site, <a href=\"https:\/\/memberpress.com\/docs\/rules-overview\/\" target=\"_blank\" rel=\"noopener\" title=\"you can protect it\">you can protect it<\/a>.<\/p>\n\n\n\n<p>On <em>Legit JavaScript<\/em>, all of my courses have a category applied to them. So, I\u2019ll select <em><strong>Courses with Course Categories<\/strong><\/em>. Then, I\u2019ll select my category name, <em>Paid Course<\/em>.<\/p>\n\n\n\n<p>Now, under <em>Access Conditions<\/em>, <strong>select your membership(s)<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress.jpg\"><img decoding=\"async\" width=\"900\" height=\"437\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress.jpg\" alt=\"Course with course category rule in MemberPress\" class=\"wp-image-45466\" style=\"width:659px;height:320px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-300x146.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-768x373.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-350x170.jpg 350w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-840x408.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-700x340.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CourseWithCourseCategoryRuleMemberPress-156x76.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, click <strong>Save Rule<\/strong>.<\/p>\n\n\n\n<p>That\u2019s it! Now, on <em>Legit JavaScript<\/em>, only people who buy a membership can take my courses.<\/p>\n\n\n\n<p>If you have multiple pieces of content, like courses, videos, and files \u2013 you can <strong>create multiple rules<\/strong> to protect them all.<\/p>\n\n\n\n<p>Okay, now the basics of the back-end are set up. That means it\u2019s time for the front-end baby!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design your header and footer<\/h3>\n\n\n\n<p>Finally, it\u2019s time to get the party started!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/party.gif\"><img decoding=\"async\" width=\"390\" height=\"215\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/party.gif\" alt=\"Footloose party gif\" class=\"wp-image-45483\" style=\"width:274px;height:151px\"><\/a><\/figure>\n<\/div>\n\n\n<p>While this step is optional, most websites at least have a <strong>header<\/strong>. Usually, with a logo and navigation menu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader.jpg\"><img decoding=\"async\" width=\"938\" height=\"400\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader.jpg\" alt=\"Site header of MemberPress site My Mindful Movement\" class=\"wp-image-45502\" style=\"width:649px;height:276px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader.jpg 938w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-300x128.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-768x328.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-399x170.jpg 399w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-840x358.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-700x299.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementHeader-156x67.jpg 156w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/><\/a><figcaption class=\"wp-element-caption\">the site header of MemberPress Site <a href=\"https:\/\/memberpress.com\/blog\/memberpress-customer-story-mymindfulmovement-watch-now\/\" target=\"_blank\" rel=\"noopener\" title=\"My Mindful Movement\">My Mindful Movement<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>The <strong>footer<\/strong> typically has another navigation menu, a link to a terms of service page, social media links, and other things like that.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter.jpg\"><img decoding=\"async\" width=\"900\" height=\"338\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter.jpg\" alt=\"My Mindful Movement MemberPress site footer\" class=\"wp-image-45505\" style=\"width:649px;height:243px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-300x113.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-768x288.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-453x170.jpg 453w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-840x315.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-700x263.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MyMindfulMovementFooter-156x59.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><figcaption class=\"wp-element-caption\">the site footer of <a href=\"https:\/\/memberpress.com\/blog\/memberpress-customer-story-mymindfulmovement-watch-now\/\" target=\"_blank\" rel=\"noopener\" title=\"My Mindful Movement\">My Mindful Movement<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Here\u2019s how to create a header and footer with DIVI. We\u2019ll start with the <strong>header<\/strong>.<\/p>\n\n\n\n<p>Go to <strong>DIVI<\/strong> > <strong>Theme Builder<\/strong>. <\/p>\n\n\n\n<p>Then, select <strong>Add Global Header<\/strong>.<\/p>\n\n\n\n<p><strong>NOTE:<\/strong> It\u2019s called the \u201cGlobal\u201d Header because it\u2019ll appear at the top of every page on your site by default (unless you specify otherwise).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"492\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI.jpg\" alt=\"Add global header in \nDivi\" class=\"wp-image-45510\" style=\"width:662px;height:361px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-300x164.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-768x420.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-311x170.jpg 311w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-840x459.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-700x383.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ThemeBuilderAddDefaultHeaderDIVI-156x85.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You\u2019ll see two options. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Build Global Header<\/strong> \u2013 This lets you build from scratch.<\/li>\n\n\n\n<li><em>Add From Library<\/em> \u2013 Build from a pre-built header on a layout.<\/li>\n<\/ul>\n\n\n\n<p>Since headers are simple, it\u2019s easy to build one from scratch.<\/p>\n\n\n\n<p>So, select <strong>Build Global Header<\/strong>.<\/p>\n\n\n\n<p>Then, click the <strong>green (+) icon<\/strong> to insert a row.<\/p>\n\n\n\n<p>The header for <em>Legit JavaScript<\/em> will have a logo on the left and navigation menu on the right. So, I\u2019ll <strong>select the row type<\/strong> below. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow.jpg\"><img decoding=\"async\" width=\"800\" height=\"421\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow.jpg\" alt=\"Selecting row type in \nDivi\" class=\"wp-image-45513\" style=\"width:613px;height:322px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow.jpg 800w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow-300x158.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow-768x404.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow-323x170.jpg 323w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow-700x368.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/HeaderInsertRow-156x82.jpg 156w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The row you select will depend on how many elements you want to include in your header.<\/p>\n\n\n\n<p>Now, click the <strong>grey <strong>(+) <\/strong>icons<\/strong> to add modules.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI.jpg\"><img decoding=\"async\" width=\"820\" height=\"201\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI.jpg\" alt=\"Adding a new module to the header in DIVI\" class=\"wp-image-45527\" style=\"width:640px;height:156px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI.jpg 820w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI-300x74.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI-768x188.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI-660x162.jpg 660w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI-700x172.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/AddNewModuleHeaderDIVI-156x38.jpg 156w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>For my header, I\u2019ll select <strong>Image<\/strong> for the left column module, and <strong>Menu<\/strong> for the right.<\/p>\n\n\n\n<p>Once your modules are in place, <strong>adjust<\/strong> <strong>size<\/strong>, <strong>padding<\/strong>, <strong>margins<\/strong>, and <strong>color<\/strong> until you\u2019ve designed the header of your dreams.<\/p>\n\n\n\n<p>Here\u2019s mine:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader.jpg\"><img decoding=\"async\" width=\"900\" height=\"249\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader.jpg\" alt=\"Global header layout in DIVI. Sample header.\" class=\"wp-image-45532\" style=\"width:646px;height:179px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-300x83.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-768x212.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-614x170.jpg 614w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-840x232.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-700x194.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptHeader-156x43.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Be sure to click <strong>Save <\/strong>when you\u2019re finished.<\/p>\n\n\n\n<p>Now that the global header is complete, let\u2019s hop down under to tackle <strong>the footer<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/kangaroo.gif\"><img decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/kangaroo.gif\" alt=\"Hopping kangaroo gif\" class=\"wp-image-45613\" style=\"width:193px;height:193px\"><\/a><\/figure>\n<\/div>\n\n\n<p>Back in the <em>DIVI Theme Builder<\/em>, select <strong>Add Global Footer<\/strong>. <\/p>\n\n\n\n<p>When building a footer, it\u2019s easier to use one on a pre-made layout.<\/p>\n\n\n\n<p>In this case, select <strong>Add Global Footer<\/strong> > <strong>Add From Library<\/strong>.<\/p>\n\n\n\n<p>Then, a library of pre-made DIVI layouts will appear.<\/p>\n\n\n\n<p>Look through pages within layout packs until you find a footer style you like.<\/p>\n\n\n\n<p>Then, <strong>select the page<\/strong> and choose <strong>Use This Layout<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote.jpg\"><img decoding=\"async\" width=\"900\" height=\"661\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote.jpg\" alt=\"Use This Layout button in DIVI\" class=\"wp-image-45617\" style=\"width:594px;height:436px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-300x220.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-768x564.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-231x170.jpg 231w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-836x614.jpg 836w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-700x514.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseThisLayoutFoote-156x115.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The layout will then populate in the editor.<\/p>\n\n\n\n<p>Now, use the <strong>trash icon<\/strong> to get rid of every section except the footer.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"300\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI.jpg\" alt=\"Delete section button in DIVI\" class=\"wp-image-45619\" style=\"width:561px;height:186px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-300x100.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-768x256.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-510x170.jpg 510w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-840x280.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-700x233.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteSectionDIVI-156x52.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, only the <strong>footer<\/strong> section should remain.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"345\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI.jpg\" alt=\"DIVI pre-built footer\" class=\"wp-image-45623\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-300x115.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-768x294.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-443x170.jpg 443w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-840x322.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-700x268.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/FooterSampleDIVI-156x60.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Next you\u2019ll want to <strong>modify your footer<\/strong>. Change the text, add your navigation menu, social icons, privacy policy link, and more.<\/p>\n\n\n\n<p>Just click <strong>Save<\/strong> when you\u2019re done.<\/p>\n\n\n\n<p>Here\u2019s what the footer for <em>Legit JavaScript<\/em> looks like now:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter.jpg\"><img decoding=\"async\" width=\"900\" height=\"334\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter.jpg\" alt=\"Footer created with DIVI\" class=\"wp-image-45622\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-300x111.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-768x285.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-458x170.jpg 458w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-840x312.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-700x260.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptFooter-156x58.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Congrats! Your site should now have a global header and footer. <\/p>\n\n\n\n<p>Now, any page you make will have this header and footer applied to it.<\/p>\n\n\n\n<p>To edit your header and footer, just go back to the <em>DIVI Theme Builder<\/em> and click the <strong>pencil icon<\/strong> to make changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit.jpg\"><img decoding=\"async\" width=\"900\" height=\"522\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit.jpg\" alt=\"DIVI Theme Builder. How to edit the global header and footer.\" class=\"wp-image-45626\" style=\"width:590px;height:342px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-300x174.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-768x445.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-293x170.jpg 293w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-840x487.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-700x406.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DIVIThemeBuilderGlobalHeaderFooterEdit-156x90.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Okay, so making the header and footer was actually just the pre-game. Let\u2019s get this party started for real this time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Build your pages with DIVI<\/h3>\n\n\n\n<p>I recommend designing your homepage first, and then the rest.<\/p>\n\n\n\n<p>For <em>Legit JavaScript<\/em>, I\u2019m going to use the <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/download-a-free-breathtaking-learning-management-lms-layout-pack-for-divi\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Learning Management (LMS) pre-built layout pack\">Learning Management (LMS) pre-built layout pack<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault.jpg\"><img decoding=\"async\" width=\"800\" height=\"595\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault.jpg\" alt=\"DIVI LMS Layout pack home page\" class=\"wp-image-45478\" style=\"width:517px;height:384px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault.jpg 800w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault-300x223.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault-768x571.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault-229x170.jpg 229w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault-696x518.jpg 696w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackHomepageDefault-156x116.jpg 156w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Built for online course sites, it even has a course listings page. So, I won\u2019t have to design it manually.<\/p>\n\n\n\n<p>To edit a page with the DIVI builder, go to <strong>Pages<\/strong>. Then, hover over your page and select <strong>Edit With DIVI.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI.jpg\"><img decoding=\"async\" width=\"692\" height=\"400\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI.jpg\" alt=\"Edit With DIVI options on pages\" class=\"wp-image-45476\" style=\"width:530px;height:306px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI.jpg 692w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI-300x173.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI-294x170.jpg 294w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/PagesEditWithDIVI-156x90.jpg 156w\" sizes=\"(max-width: 692px) 100vw, 692px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, click <strong>Choose a Premade Layout<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"496\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI.jpg\" alt=\"Choose a premade layout option in DIVI\" class=\"wp-image-45633\" style=\"width:561px;height:308px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-300x165.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-768x423.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-308x170.jpg 308w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-840x463.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-700x386.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ChooseAPremadeLayoutDIVI-156x86.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Next, browse through the layout packs until you find one you like.<\/p>\n\n\n\n<p>In my case, I\u2019m going to search for the LMS pack. <\/p>\n\n\n\n<p>Now, I\u2019ll select <strong>LMS Home Page<\/strong>.<\/p>\n\n\n\n<p>When you have your page selected, click <strong>Use This Layout<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout.jpg\"><img decoding=\"async\" width=\"900\" height=\"554\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout.jpg\" alt=\"LMS Home Page selection in the DIVI builder\" class=\"wp-image-46348\" style=\"width:612px;height:376px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-300x185.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-768x473.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-276x170.jpg 276w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-840x517.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-700x431.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LMSPackDIVIHomePackUseThisLayout-156x96.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once the layout is loaded up, use the DIVI builder to <strong>edit the page.<\/strong><\/p>\n\n\n\n<p>See the <a href=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/visual-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"DIVI builder plugin documentation page\">DIVI builder plugin documentation page<\/a> to learn how to use its many features.<\/p>\n\n\n\n<p>When you\u2019re finished designing your homepage, click <strong>Save.<\/strong><\/p>\n\n\n\n<p>Here\u2019s what the <em>Legit JavaScript<\/em> homepage looks like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage.jpg\"><img decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-1024x557.jpg\" alt=\"Legit JavaScript sample MemberPress site homepage\" class=\"wp-image-45638\" style=\"width:623px;height:338px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-1024x557.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-300x163.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-768x418.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-313x170.jpg 313w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-840x457.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-700x381.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-156x85.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage-1080x587.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepage.jpg 1100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once your homepage is done, <strong>repeat these steps <\/strong>for your about, contact, and other non-MemberPress related pages.<\/p>\n\n\n\n<p>Now, let\u2019s talk about the <strong>membership<\/strong>-related sections of your site.<\/p>\n\n\n\n<p>Since I have 2 different memberships on <em>Legit JavaScript<\/em>, I need <strong>3 pages<\/strong> that are essential for making a sale:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pricing page,<\/strong> listing my two membership options<\/li>\n\n\n\n<li><strong>Monthly<\/strong> registration page<\/li>\n\n\n\n<li><strong>Yearly<\/strong> registration page <\/li>\n<\/ul>\n\n\n\n<p>The two<strong> registration pages<\/strong> are where people will actually buy the plans. These are generated by MemberPress when you create memberships.<\/p>\n\n\n\n<p>So, let\u2019s get to styling.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design your membership registration pages<\/h3>\n\n\n\n<p>You already have your memberships made, but now it\u2019s time to spruce up their registration pages.<\/p>\n\n\n\n<p>Go to <strong>MemberPress<\/strong> > <strong>Memberships<\/strong>, and then click <strong>View<\/strong> under a membership.<\/p>\n\n\n\n<p>This will take you to that membership\u2019s registration page, where you can see the default styling.<\/p>\n\n\n\n<p>While the page does look nice and clean, you\u2019ll want it to match the fancy new look of your other pages.<\/p>\n\n\n\n<p>Fortunately, DIVI lets you style registration pages directly! But first you\u2019ll need to <strong>enable a setting<\/strong>.<\/p>\n\n\n\n<p>Go to <strong>DIVI<\/strong> > <strong>Theme Options<\/strong> > <strong>Builder<\/strong>.<\/p>\n\n\n\n<p>Enable <strong>Memberships<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"563\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI.jpg\" alt=\"Enabling Memberships in DIVI\" class=\"wp-image-45641\" style=\"width:629px;height:393px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-300x188.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-768x480.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-272x170.jpg 272w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-840x525.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-700x438.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/EnableMembershipsDIVI-156x98.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, click <strong>Save<\/strong>.<\/p>\n\n\n\n<p>Now, go back to <strong>MemberPress<\/strong> > <strong>Memberships<\/strong>. Then, hover over the membership, and click <strong>Edit.<\/strong><\/p>\n\n\n\n<p>Before you open the registration page in the builder, you\u2019ll need to enable a few settings here on the membership edit page.<\/p>\n\n\n\n<p>On the right side of the page, under <em>Divi Page Settings<\/em>, set the <em>Page Layout <\/em>to<strong> No Sidebar<\/strong>.<\/p>\n\n\n\n<p>Then, enable <strong>Use Custom Page Template<\/strong>, and set it to <strong>Blank Page.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI.jpg\"><img decoding=\"async\" width=\"500\" height=\"587\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI.jpg\" alt=\"Membership edit page settings to change before using the DIVI builder\" class=\"wp-image-45644\" style=\"width:243px;height:285px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI.jpg 500w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI-256x300.jpg 256w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI-145x170.jpg 145w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI-441x518.jpg 441w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipPageSettingsForDIVI-133x156.jpg 133w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, click <strong>Update<\/strong> to save these changes.<\/p>\n\n\n\n<p>One more thing before designing the page.<\/p>\n\n\n\n<p>Under <strong>Membership Options<\/strong> > <strong>Registration <\/strong>tab, click <strong>Membership Shortcodes<\/strong>.<\/p>\n\n\n\n<p>Then, <strong>copy the second shortcode.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode.jpg\"><img decoding=\"async\" width=\"1000\" height=\"544\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode.jpg\" alt=\"The membership registration form shortcode in MemberPress\" class=\"wp-image-45647\" style=\"width:615px;height:334px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-300x163.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-768x418.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-313x170.jpg 313w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-840x457.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-700x381.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MembershipRegistrationFormShortcode-156x85.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>This will allow you to place the<strong> registration form <\/strong>wherever you want using the DIVI builder.<\/p>\n\n\n\n<p>Now, style that page!<\/p>\n\n\n\n<p>Back at the top of the membership edit page, click <strong>Use The DIVI Builder.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage.jpg\"><img decoding=\"async\" width=\"1000\" height=\"469\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage.jpg\" alt=\"Use The DIVI Builder option on a membership edit page in MemberPress\" class=\"wp-image-45649\" style=\"width:638px;height:298px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-300x141.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-768x360.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-362x170.jpg 362w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-840x394.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-700x328.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/UseTheDIVIBuilderMPMembershipPage-156x73.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, select <strong>Choose a Premade Layout.<\/strong><\/p>\n\n\n\n<p><strong>NOTE:<\/strong> Chances are, you won\u2019t find a pre-built page in DIVI that\u2019s specifically designed for registration pages. Find one that can be edited to include a form and some basic info.<\/p>\n\n\n\n<p><strong>And remember<\/strong>, you don\u2019t have to stick with the same layout pack you built the rest of your site with. You can change the font and colors from another layout\u2019s page to match the rest of your site.<\/p>\n\n\n\n<p>For <em>Legit JavaScript<\/em>, I\u2019m going to use the <strong>contact page layout<\/strong> that\u2019s included in the LMS pack.<\/p>\n\n\n\n<p>So, I\u2019ll select the <strong>LMS<\/strong> <strong>Contact Page<\/strong>, and click <strong>Use This Layout<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"601\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI.jpg\" alt=\"LMS Layout pack contact page selection in DIVI\" class=\"wp-image-45652\" style=\"width:575px;height:384px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-300x200.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-768x513.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-255x170.jpg 255w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-840x561.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-700x467.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-156x104.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/ContactPageLayoutDIVI-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>DIVI will populate this layout and redirect you back to the membership edit page. Once there, click <strong>Build On The Front End<\/strong>.<\/p>\n\n\n\n<p>You\u2019ll then be taken to the builder.<\/p>\n\n\n\n<p>First, insert the <strong>registration form shortcode<\/strong> (that you copied earlier) onto the page.<\/p>\n\n\n\n<p>For my example, there\u2019s a contact form. I\u2019ll hover over that module and click the <strong>trash icon<\/strong> to delete it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI.jpg\"><img decoding=\"async\" width=\"1000\" height=\"509\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI.jpg\" alt=\"Deleting a module in DIVI\" class=\"wp-image-45657\" style=\"width:626px;height:319px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-300x153.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-768x391.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-334x170.jpg 334w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-840x428.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-700x356.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/DeleteModuleDIVI-156x79.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, I\u2019ll click the <strong>grey (+) icon<\/strong> to insert a <strong>new module<\/strong>, and select<strong> Text<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"467\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI.jpg\" alt=\"Inserting a new text module with DIVI\" class=\"wp-image-45661\" style=\"width:596px;height:308px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-300x156.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-768x399.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-328x170.jpg 328w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-840x436.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-700x363.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertTextModuleDIVI-156x81.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, I\u2019ll <strong>paste the shortcode<\/strong> to replace the placeholder text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode.jpg\"><img decoding=\"async\" width=\"900\" height=\"551\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode.jpg\" alt=\"Inserting a membership registration form shortcode on a page in the DIVI builder.\" class=\"wp-image-45663\" style=\"width:575px;height:352px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-300x184.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-768x470.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-278x170.jpg 278w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-840x514.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-700x429.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/InsertMembershipRegistrationFormShortcode-156x96.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once you\u2019ve taken these steps to insert the shortcode, click <strong>Save<\/strong>.<\/p>\n\n\n\n<p>Now, your registration form is embedded!<\/p>\n\n\n\n<p>Continue editing the page, and click <strong>Save<\/strong> when you\u2019re done.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI.jpg\"><img decoding=\"async\" width=\"1000\" height=\"575\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI.jpg\" alt=\"Monthly membership page in DIVI\" class=\"wp-image-45666\" style=\"width:628px;height:360px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-300x173.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-768x442.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-296x170.jpg 296w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-840x483.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-700x403.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/MonthlyMembershipPageDIVI-156x90.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>For a more in-depth look at <strong>editing membership registration pages in DIVI<\/strong>, watch our tutorial video below.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"n6LKj3vGshI1PfOZWz5CFpeqRxlm9rVo0ASk4gaTwu8BEyUdicD\"><div class=\"responsive-video\"><iframe title=\"How to Create a Custom Membership Registration Page in MemberPress with DIVI\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/N215SW-hlhU?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">WATch >> how to create a custom membership registration page in memberpress with Divi page builder<\/figcaption><\/figure>\n\n\n\n<p><strong>BONUS:<\/strong> You can modify which fields show up on your registration forms globally (in the <em>MemberPress settings<\/em>) or per-membership.<\/p>\n\n\n\n<p>Visit our <a href=\"https:\/\/memberpress.com\/docs\/fields\/\" target=\"_blank\" rel=\"noopener\" title=\"Knowledge Base page\">Knowledge Base page<\/a> and watch our tutorial on custom fields below to see how.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"Idksti05oC4Ufxh69cFEul\"><div class=\"responsive-video\"><iframe title=\"Customize Your Registration Pages with Custom Fields in MemberPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tGM5mWb4J08?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">WATCH >>> How TO CUSTOMIZE WHAT FIELDS SHOW UP ON YOUR REGISTRATION PAGES IN MEMBERPRESS<\/figcaption><\/figure>\n\n\n\n<p><strong>ALSO:<\/strong> If you\u2019re offering many membership tiers, consider <strong>creating a template<\/strong> instead of designing each registration page individually.<\/p>\n\n\n\n<p>Doing so will save you a lot of time. It\u2019ll style all of your membership pages, and use <strong>dynamic content<\/strong> to display membership-related information.<\/p>\n\n\n\n<p>Watch <a href=\"http:\/\/youtube.com\/watch?v=24n5Rg2GMYU\" target=\"_blank\" rel=\"noopener nofollow\" title=\"this video by Mak\">this video<\/a> to learn more about using <strong>templates<\/strong> with MemberPress + DIVI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a pricing page<\/h3>\n\n\n\n<p>This step is optional, especially if you only have 1 membership on your site.<\/p>\n\n\n\n<p>But, if you have 2 or more, a pricing page lets visitors <strong>compare your plans<\/strong> in a sleek, side-by-side view.<\/p>\n\n\n\n<p>Repeat the steps outlined earlier in the article to <strong>create a new page<\/strong> and <strong>design it with DIVI<\/strong>.<\/p>\n\n\n\n<p>A lot of DIVI layouts have a pricing page included, which makes things even simpler.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1.jpg\"><img decoding=\"async\" width=\"900\" height=\"709\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1.jpg\" alt=\"Pricing page made with DIVI\" class=\"wp-image-45676\" style=\"width:620px;height:488px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-300x236.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-768x605.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-216x170.jpg 216w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-779x614.jpg 779w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-868x684.jpg 868w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-658x518.jpg 658w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptPricingPage1-156x123.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once the page is designed, <strong>link your individual membership registration URLs<\/strong> to your pricing tables.<\/p>\n\n\n\n<p>Go to <strong>MemberPress<\/strong> > <strong>Memberships<\/strong>. Then, <strong>copy a membership\u2019s URL<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL.jpg\"><img decoding=\"async\" width=\"1000\" height=\"463\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL.jpg\" alt=\"Memberships page on the backend of MemberPress\" class=\"wp-image-45682\" style=\"width:639px;height:295px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-300x139.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-768x356.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-367x170.jpg 367w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-840x389.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-700x324.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CopyMembershipURL-156x72.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, go back to the pricing page in the DIVI builder.<\/p>\n\n\n\n<p>Click your <strong>Sign Up <\/strong>button and find the <strong>Link property<\/strong>.<\/p>\n\n\n\n<p>Then, under <strong>Button Link URL<\/strong>, paste the <strong>registration page URL<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI.jpg\"><img decoding=\"async\" width=\"900\" height=\"531\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI.jpg\" alt=\"Linking a membership registration page to a pricing page sign up button with DIVI.\" class=\"wp-image-45684\" style=\"width:627px;height:370px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-300x177.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-768x453.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-288x170.jpg 288w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-840x496.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-700x413.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/SignUpButtonLinkingRegistrationPageDIVI-156x92.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Repeat these steps if you have more than one membership.<\/p>\n\n\n\n<p>Then, click<strong> Save<\/strong> when you\u2019re finished linking.<\/p>\n\n\n\n<p>Now, back in the WordPress Dashboard, go to <strong>Pages<\/strong>.<\/p>\n\n\n\n<p>Find your pricing page, then hover over its name and <strong>right-click on View<\/strong>. Then click <strong>Copy Link Address<\/strong> to copy the pricing page URL.<\/p>\n\n\n\n<p>You\u2019ll need the URL for the next step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a group in MemberPress + link the pricing page<\/h3>\n\n\n\n<p>A <strong>group<\/strong> is a way to link memberships in MemberPress. Members can upgrade or downgrade between them (if you enable it in the settings), and more.<\/p>\n\n\n\n<p>Go to <strong>MemberPress<\/strong> > <strong>Groups <\/strong>> <strong>Add New<\/strong>.<\/p>\n\n\n\n<p><strong>Give it a name<\/strong>. In my case, <em>Monthly <\/em>and <em>Yearly.<\/em><\/p>\n\n\n\n<p>Then, locate <strong>Memberships<\/strong> under <em>Group Options<\/em>.<\/p>\n\n\n\n<p>Select your memberships to be included in this group.<\/p>\n\n\n\n<p>Then, check <strong>Disable Pricing Page<\/strong>. Next, paste your <strong>pricing page\u2019s URL<\/strong> in the <em>Alternate Group URL<\/em> field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress.jpg\"><img decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress.jpg\" alt=\"Group settings in MemberPress\" class=\"wp-image-45927\" style=\"width:618px;height:371px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-300x180.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-768x461.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-283x170.jpg 283w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-840x504.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-700x420.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/GroupOptionsMemberPress-156x94.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Then, click <strong>Publish<\/strong> to save the group.<\/p>\n\n\n\n<p>See our <a href=\"https:\/\/memberpress.com\/docs\/creating-groups\/\" target=\"_blank\" rel=\"noopener\" title=\"Knowledge Base page on groups\">Knowledge Base page on <\/a><strong><a href=\"https:\/\/memberpress.com\/docs\/creating-groups\/\" target=\"_blank\" rel=\"noopener\" title=\"Knowledge Base page on groups\">MemberPress groups<\/a><\/strong> for a more detailed guide on setting up groups.<\/p>\n\n\n\n<p>Now, people can compare your plans and buy your stuff. Next, you need to make sure they can do that from the homepage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Make your pricing page easy to find<\/h3>\n\n\n\n<p>The last thing you need when you\u2019re growing an online business is frustrated site visitors. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/angryatcomputer.gif\"><img decoding=\"async\" width=\"480\" height=\"358\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/angryatcomputer.gif\" alt=\"Guy in a cubicle angry at his computer. First, smashing his keyboard, then smacking the computer monitor with the keyboard.\" class=\"wp-image-46437\" style=\"width:253px;height:189px\"><\/a><\/figure>\n<\/div>\n\n\n<p>You want it to be as easy as possible for people to make a purchase. One way to do that is to add your pricing page to the <strong>navigation menu<\/strong>.<\/p>\n\n\n\n<p>The <strong>Sign Up<\/strong> link on <em>Legit JavaScript<\/em> leads to my pricing page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp.jpg\"><img decoding=\"async\" width=\"957\" height=\"560\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp.jpg\" alt=\"The Sign Up link on a sample site's navigation menu.\" class=\"wp-image-45695\" style=\"width:611px;height:357px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp.jpg 957w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-300x176.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-768x449.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-291x170.jpg 291w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-840x492.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-700x410.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/LegitJavaScriptDIVISiteHomepageSignUp-156x91.jpg 156w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To add a sign up link to the nav menu, go to <strong>Appearance<\/strong> > <strong>Menus<\/strong>.<\/p>\n\n\n\n<p>Now, on the left, expand the <strong>Groups item<\/strong>. If you don\u2019t see Groups, click <em>Screen Options<\/em> at the top and enable Groups.<\/p>\n\n\n\n<p>Next, <strong>select your group<\/strong> and click <strong>Add to Menu<\/strong>.<\/p>\n\n\n\n<p>Then, drag-and-drop it to the position you want.<\/p>\n\n\n\n<p>Expand the item and change the <strong>Navigation label<\/strong> to \u201c<strong>Sign Up<\/strong>.\u201d You could also label it <em>Pricing<\/em>, <em>Memberships<\/em>, or something else.<\/p>\n\n\n\n<p>Lastly, click <strong>Save Menu<\/strong>.<\/p>\n\n\n\n<p>And there you go, you\u2019ve got a <strong>link to the pricing page<\/strong> on your header.<\/p>\n\n\n\n<p>Now, everything\u2019s set up to make your first sale! Guess it\u2019s time for that party GIF again:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/party.gif\"><img decoding=\"async\" width=\"390\" height=\"215\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/party.gif\" alt=\"Footloose party gif\" class=\"wp-image-45483\" style=\"width:242px;height:133px\"><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"BONUS_STEPS\"><\/span>BONUS STEPS!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>It ain\u2019t last call yet \u2013 you need to keep building your site to attract new visitors. There\u2019s a lot more things you can do to enhance your membership and sale experience.<\/p>\n\n\n\n<p>Here are just a few\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design other MemberPress pages<\/h3>\n\n\n\n<p>Design other <strong>MemberPress pages <\/strong>to match the site\u2019s style. These include the:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>MemberPress <a href=\"https:\/\/memberpress.com\/docs\/account-page\/\" target=\"_blank\" rel=\"noopener\" title=\"Account page\">Account page<\/a><\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/memberpress.com\/docs\/thank-you-page\/\" target=\"_blank\" rel=\"noopener\" title=\"Thank you page\">Thank you page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/memberpress.com\/docs\/memberpress-login-page\/\" target=\"_blank\" rel=\"noopener\" title=\"Login page\">Login page<\/a><\/li>\n<\/ul>\n\n\n\n<p>Beyond design, MemberPress also offers a wide variety of tools to keep your site running smooth. Let\u2019s check them out.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Grow your business with built-in MemberPress features<\/h3>\n\n\n\n<p>MemberPress has many features you can use right out of the box to do all sorts of things, like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>where members are redirected to<\/strong> <a href=\"https:\/\/memberpress.com\/docs\/thank-you-page\/\" target=\"_blank\" rel=\"noopener\" title=\"after buying\">after buying<\/a> or <a href=\"https:\/\/memberpress.com\/docs\/account\/\" target=\"_blank\" rel=\"noopener\" title=\"logging in\">logging in<\/a><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/memberpress.com\/docs\/unauthorized-redirect\/\" target=\"_blank\" rel=\"noopener\" title=\"Customize the unauthorized message\">Customize the unauthorized message<\/a> <\/strong>seen by people who haven\u2019t paid when trying to access protected content<\/li>\n\n\n\n<li>Offer <strong>discounts<\/strong> with the <a href=\"https:\/\/memberpress.com\/blog\/how-to-use-discount-coupon-codes-effectively-on-your-membership-site\/\" target=\"_blank\" rel=\"noopener\" title=\"coupons feature\">coupons feature<\/a><\/li>\n\n\n\n<li>Let users know when things like subscriptions and free trials are ending with <strong><a href=\"https:\/\/memberpress.com\/blog\/mastering-automated-email-reminders-in-the-memberpress-plugin\/\" target=\"_blank\" rel=\"noopener\" title=\"reminders\">reminders<\/a><\/strong><\/li>\n\n\n\n<li>Track site metrics with <strong>MemberPress Reports<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"5GaURCyHAybHc1ZTirS26jvNxJp8uKqrZx5fXofdCD7QkAT7bgQEhe0MqeUB9nNj0\"><div class=\"responsive-video\"><iframe title=\"MemberPress Reports\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/r6V8V67_9bc?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">watch >> memberpress reports<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Make use of MemberPress\u2019 many add-ons and third party integrations<\/h3>\n\n\n\n<p>MemberPress also has many <strong>add-ons<\/strong> and <strong>integrations<\/strong> with third-party services that can take your business to the next level. You can use these tools to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Offer <strong>corporate membership packages<\/strong> with the <a href=\"https:\/\/memberpress.com\/addons\/corporate-accounts\/\" target=\"_blank\" rel=\"noopener\" title=\"Corporate Accounts add-on\">Corporate Accounts add-on<\/a><\/li>\n\n\n\n<li><strong>Reduce spam<\/strong> and <strong>fraudulent sign-ups<\/strong> with the <a href=\"https:\/\/memberpress.com\/addons\/math-captcha\/\" target=\"_blank\" rel=\"noopener\" title=\"Math CAPTCHA add-on\">Math CAPTCHA add-on<\/a><\/li>\n\n\n\n<li><strong>Provide PDF invoices<\/strong> to customers with the <a href=\"https:\/\/memberpress.com\/blog\/announcing-pdf-invoices\/\" target=\"_blank\" rel=\"noopener\" title=\"PDF Invoice add-on\">PDF Invoice add-on<\/a><\/li>\n\n\n\n<li><strong>Automate tasks<\/strong> between MemberPress and over 5,000 services with <a href=\"https:\/\/memberpress.com\/blog\/introducing-official-zapier-memberpress-integration\/\" target=\"_blank\" rel=\"noopener\" title=\"Zapier\">Zapier<\/a><\/li>\n\n\n\n<li><strong>Stay in touch with subscribers<\/strong> using an email marketing tool like <a href=\"https:\/\/memberpress.com\/addons\/mailchimp\/\" target=\"_blank\" rel=\"noopener\" title=\"Mailchimp\">Mailchimp<\/a>, <a href=\"https:\/\/memberpress.com\/go\/convertkit\" target=\"_blank\" rel=\"noopener nofollow sponsored\" title=\"ConvertKit\">ConvertKit<\/a>, or <a href=\"https:\/\/memberpress.com\/go\/activecamp\/landing\" target=\"_blank\" rel=\"noopener nofollow sponsored\" title=\"ActiveCampaign\">ActiveCampaign<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"24ExBXemARvFKLPpCnZTOGjh\"><div class=\"responsive-video\"><iframe title=\"Supercharge Your MemberPress Site with Add-ons & Integrations!\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Icu6xTAkOxI?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption>watch >> Supercharge your memberpess site with add-ons & integrations<\/figcaption><\/figure>\n\n\n\n<p>See our <a href=\"https:\/\/memberpress.com\/addons\/\" target=\"_blank\" rel=\"noopener\" title=\" integrations and add-ons page\">integrations and add-ons page<\/a> for a full list.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need some inspiration? Here\u2019s a MemberPress site using DIVI right now!<\/h2>\n\n\n\n<p>In the sleepy mountain town of Crested Butte, a small museum is set on educating visitors about the Colorado ski destination\u2019s past.<\/p>\n\n\n\n<p><a href=\"https:\/\/memberpress.com\/blog\/memberpress-customer-story-crested-butte-museum-watch-now\/\" target=\"_blank\" rel=\"noopener\" title=\"The Crested Butte Museum\">The Crested Butte Museum<\/a> has been around since 1993, and has since expanded to the metaverse! (Well, not yet, but they <em>have <\/em>grown their digital footprint big-time.)<\/p>\n\n\n\n<p><a href=\"https:\/\/crestedbuttemuseum.com\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"The site\">The site<\/a> first started as a way to collect museum membership dues online, but quickly turned into a virtual learning experience.<\/p>\n\n\n\n<p>Their formula for success is simple.<\/p>\n\n\n\n<p><strong>WordPress<\/strong> + <strong>MemberPress<\/strong> + <strong>DIVI<\/strong>!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/powerpuffgirls.gif\"><img decoding=\"async\" width=\"495\" height=\"275\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/powerpuffgirls.gif\" alt=\"The PowerPuff Girls gif\" class=\"wp-image-46491\" style=\"width:307px;height:171px\"><\/a><\/figure>\n<\/div>\n\n\n<p>In our conversation with <strong>Anna-Marie Davidson<\/strong>, the museum\u2019s Events and Marketing Coordinator, she shared her experience using WordPress.<\/p>\n\n\n\n<p><em><strong>\u201cWe do use the DIVI plugin, which MemberPress integrates with. That makes it really easy to edit the visual layout.\u201d<\/strong><\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage.jpg\"><img decoding=\"async\" width=\"1000\" height=\"617\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage.jpg\" alt=\"Crested Butte Museum home page screenshot\" class=\"wp-image-46499\" style=\"width:633px;height:390px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage.jpg 1000w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-300x185.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-768x474.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-276x170.jpg 276w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-840x518.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-700x432.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumAtHomePage-156x96.jpg 156w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong><em>\u201cWe\u2019re able to build the custom pages that look really nice within DIVI. That\u2019s been really helpful to not have to have a bunch of coding knowledge.\u201d<\/em><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage.jpg\"><img decoding=\"async\" width=\"900\" height=\"533\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage.jpg\" alt=\"Crested Butte Museum membership pricing page\" class=\"wp-image-46502\" style=\"width:653px;height:386px\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage.jpg 900w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-300x178.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-768x455.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-287x170.jpg 287w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-840x497.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-700x415.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/CrestedButteMuseumMembershipPricingPage-156x92.jpg 156w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To learn more about <a href=\"https:\/\/memberpress.com\/blog\/memberpress-customer-story-crested-butte-museum-watch-now\/\" target=\"_blank\" rel=\"noopener\" title=\"Crested Butte Museum's success\">Crested Butte Museum\u2019s success<\/a>, watch the <strong>customer story video<\/strong> below!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"9sEFfhpoDJx7TH\"><div class=\"responsive-video\"><iframe title=\"Customer Stories: Crested Butte Museum (MemberPress)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TMjV73bIWDU?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\n<\/div><figcaption class=\"wp-element-caption\">WATCH >>> THE CRESTED BUTTE MUSEUM MEMBERPRESS CUSTOMER SUCCESS STORY<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Takeaway\"><\/span>Takeaway<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Having a modern user experience is critical to thriving in the online business world. So don\u2019t settle for some lame-o, free WordPress theme. <\/p>\n\n\n\n<p>Invest in <strong>standing out<\/strong> from the snooze-fest with <strong>DIVI<\/strong>.<\/p>\n\n\n\n<p>In summary, to get an awesome <strong>MemberPress site<\/strong> off-the-ground with the <strong>DIVI page builder<\/strong>, you need to:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Set up a <strong>WordPress site<\/strong><\/li>\n\n\n\n<li>Install <strong>MemberPress<\/strong><\/li>\n\n\n\n<li>Install <strong>DIVI<\/strong><\/li>\n\n\n\n<li>Upload and\/or insert <strong>content<\/strong> to sell<\/li>\n\n\n\n<li>Create a <strong>membership<\/strong><\/li>\n\n\n\n<li>Set up a <strong>rule<\/strong><\/li>\n\n\n\n<li>Build a <strong>header<\/strong> and <strong>footer<\/strong><\/li>\n\n\n\n<li>Design your pages with DIVI<\/li>\n\n\n\n<li>Offer new content and get the word out!<\/li>\n<\/ol>\n\n\n\n<p>So, what are you waiting for? Snag <a href=\"https:\/\/memberpress.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"MemberPress\">MemberPress<\/a> + <a href=\"https:\/\/memberpress.com\/go\/elegantthemes\" target=\"_blank\" rel=\"noopener nofollow sponsored\" title=\"DIVI\">DIVI<\/a> and get building!<\/p>\n\n\n\n<p>Use DIVI and got some additional tips? Let us know in the comments below.<\/p>\n\n\n\n<div class=\"full-width-cta blue image-left\">\n\t<div class=\"full-width-cta-container\">\n\t\t<div class=\"full-width-cta__image\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/memberpress.com\/wp-content\/themes\/memberpress-theme\/images\/Guy1.webp\" alt=\"cta character\" loading=\"lazy\" width=\"485\" height=\"432\" srcset=\"https:\/\/memberpress.com\/wp-content\/themes\/memberpress-theme\/images\/transparent.gif 1w, https:\/\/memberpress.com\/wp-content\/themes\/memberpress-theme\/images\/Guy1-mobile.webp 543w, https:\/\/memberpress.com\/wp-content\/themes\/memberpress-theme\/images\/Guy1.webp 485w\" sizes=\"auto, (max-width: 767px) 1px, (max-width: 1023px) 543px, 485px\">\n\t\t<\/div>\n\t\t<div class=\"full-width-cta__text\">\n\t\t\t<h3>Get MemberPress Today!<\/h3>\n\t\t\t<div><p>Start getting paid for the content you create.<\/p>\n<\/div>\n\t\t\t<div class=\"pricing-cta\">\n\t\t\t\t<a href=\"https:\/\/memberpress.com\/pt\/plans\/pricing\/\" class=\"cta-button\">\n\t\t\t\t\tGet MemberPress Now\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/memberpress.com\/wp-content\/themes\/memberpress-theme\/images\/long-arrow-right-white.svg\" class=\"arrow-red\" alt=\"arrow\" width=\"20\" height=\"14\">\n\t\t\t\t<\/a>\n\t\t\t\t<a href=\"https:\/\/memberpress.com\/pt\/features\">See All Features<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\">\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>So, you\u2019re ready to launch a monetized website with WordPress + MemberPress. Good choice! And, heck, it\u2019s easy enough with a free WordPress theme, right? Zzzz. Boring! This ain\u2019t your grandma\u2019s internet no more (unless, of course, you\u2019re Shirley Curry or Iris Apfel). Your site needs to look top-notch to stand out. And, this is [\u2026]<\/p>\n","protected":false},"author":51464,"featured_media":46643,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"complete","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","_strive_post_notes":"","footnotes":""},"categories":[6,446],"tags":[],"class_list":{"0":"post-22383","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-add-ons","8":"category-announcements","9":"entry"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Carl Jessee\"\/>\n\t<meta name=\"keywords\" content=\"wordpress page builder,divi website,memberpress divi website\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.4.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Build a MemberPress Divi Website\" \/>\n\t\t<meta property=\"og:description\" content=\"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1480\" \/>\n\t\t<meta property=\"og:image:height\" content=\"833\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-11-01T15:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-24T18:01:06+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Build a MemberPress Divi Website\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#blogposting\",\"name\":\"Build a MemberPress Divi Website\",\"headline\":\"How to Build a Membership Site with DIVI (Ultimate Guide)\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/carlcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg\",\"width\":1480,\"height\":833},\"datePublished\":\"2022-11-01T09:00:00-04:00\",\"dateModified\":\"2026-02-24T13:01:06-05:00\",\"inLanguage\":\"pt-BR\",\"commentCount\":2,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#webpage\"},\"articleSection\":\"Add-Ons, Announcements\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/#listItem\",\"name\":\"MemberPress Features\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/#listItem\",\"position\":2,\"name\":\"MemberPress Features\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/add-ons\\\/#listItem\",\"name\":\"Add-Ons\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/add-ons\\\/#listItem\",\"position\":3,\"name\":\"Add-Ons\",\"item\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/add-ons\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#listItem\",\"name\":\"How to Build a Membership Site with DIVI (Ultimate Guide)\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/#listItem\",\"name\":\"MemberPress Features\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#listItem\",\"position\":4,\"name\":\"How to Build a Membership Site with DIVI (Ultimate Guide)\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/category\\\/memberpress-features\\\/add-ons\\\/#listItem\",\"name\":\"Add-Ons\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/carlcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/carlcaseproof-com\\\/\",\"name\":\"Carl Jessee\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/f78464b81a3becdbe80e3933b997850b.jpg?ver=1772732557\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/\",\"name\":\"Build a MemberPress Divi Website\",\"description\":\"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/carlcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/author\\\/carlcaseproof-com\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#mainImage\",\"width\":1480,\"height\":833},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/blog\\\/how-to-build-a-membership-site-with-divi\\\/#mainImage\"},\"datePublished\":\"2022-11-01T09:00:00-04:00\",\"dateModified\":\"2026-02-24T13:01:06-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/pt\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\r\n\t\t<title>Build a MemberPress Divi Website<\/title>\n\n","aioseo_head_json":{"title":"Build a MemberPress Divi Website","description":"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.","canonical_url":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/","robots":"max-image-preview:large","keywords":"wordpress page builder,divi website,memberpress divi website","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#blogposting","name":"Build a MemberPress Divi Website","headline":"How to Build a Membership Site with DIVI (Ultimate Guide)","author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/carlcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg","width":1480,"height":833},"datePublished":"2022-11-01T09:00:00-04:00","dateModified":"2026-02-24T13:01:06-05:00","inLanguage":"pt-BR","commentCount":2,"mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#webpage"},"articleSection":"Add-Ons, Announcements"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/pt","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/#listItem","name":"MemberPress Features"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/#listItem","position":2,"name":"MemberPress Features","item":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/#listItem","name":"Add-Ons"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/#listItem","position":3,"name":"Add-Ons","item":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#listItem","name":"How to Build a Membership Site with DIVI (Ultimate Guide)"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/#listItem","name":"MemberPress Features"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#listItem","position":4,"name":"How to Build a Membership Site with DIVI (Ultimate Guide)","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/#listItem","name":"Add-Ons"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/pt\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/pt\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/pt\/blog\/author\/carlcaseproof-com\/#author","url":"https:\/\/memberpress.com\/pt\/blog\/author\/carlcaseproof-com\/","name":"Carl Jessee","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/f78464b81a3becdbe80e3933b997850b.jpg?ver=1772732557"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#webpage","url":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/","name":"Build a MemberPress Divi Website","description":"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/memberpress.com\/pt\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/carlcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/pt\/blog\/author\/carlcaseproof-com\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg","@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#mainImage","width":1480,"height":833},"primaryImageOfPage":{"@id":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/#mainImage"},"datePublished":"2022-11-01T09:00:00-04:00","dateModified":"2026-02-24T13:01:06-05:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/pt\/#website","url":"https:\/\/memberpress.com\/pt\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/memberpress.com\/pt\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"MemberPress","og:type":"article","og:title":"Build a MemberPress Divi Website","og:description":"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.","og:url":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg","og:image:width":1480,"og:image:height":833,"article:published_time":"2022-11-01T15:00:00+00:00","article:modified_time":"2026-02-24T18:01:06+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Build a MemberPress Divi Website","twitter:description":"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/11\/HowToCreateAMemberPressSiteWithDIVIBlogImage.jpg"},"aioseo_meta_data":{"post_id":"22383","title":"Build a MemberPress Divi Website","description":"Take your Divi website to the next level with the MemberPress Divi Page Builder add-on. Get fine-grained paywalling and content segmenting fast.","keywords":[{"label":"WordPress page builder","value":"WordPress page builder"},{"label":"divi website","value":"divi website"},{"label":"memberpress divi website","value":"memberpress divi website"}],"keyphrases":{"focus":{"keyphrase":false,"score":63,"analysis":{"keyphraseInTitle":{"score":3,"maxScore":9,"error":1},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInURL":{"score":1,"maxScore":5,"error":1},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"none","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"},\"book\":[],\"event\":[],\"jobPosting\":[],\"music\":[],\"person\":[],\"restaurant\":[],\"service\":[],\"video\":[]}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-02-24 18:04:25","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2020-12-21 16:17:19","updated":"2026-03-03 15:05:49"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/\" title=\"MemberPress Features\">MemberPress Features<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/\" title=\"Add-Ons\">Add-Ons<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\tHow to Build a Membership Site with DIVI (Ultimate Guide)\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/pt"},{"label":"MemberPress Features","link":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/"},{"label":"Add-Ons","link":"https:\/\/memberpress.com\/pt\/blog\/category\/memberpress-features\/add-ons\/"},{"label":"How to Build a Membership Site with DIVI (Ultimate Guide)","link":"https:\/\/memberpress.com\/pt\/blog\/how-to-build-a-membership-site-with-divi\/"}],"app_bookmark":{"bookmark_id":0,"is_bookmarked":false,"bookmark_date":0},"comments_count":"2","content_native":[],"app_access":{"can_access":true,"restrict_message":null},"_links":{"self":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/posts\/22383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/users\/51464"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/comments?post=22383"}],"version-history":[{"count":1,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/posts\/22383\/revisions"}],"predecessor-version":[{"id":79305,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/posts\/22383\/revisions\/79305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/media\/46643"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/media?parent=22383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/categories?post=22383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memberpress.com\/pt\/wp-json\/wp\/v2\/tags?post=22383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Edit MemberPress pages<\/h3>\n\n\n\nCreating a smooth membership experience is key to retaining customers. DIVI can directly edit many MemberPress pages<\/strong>, such as those for membership registrations.<\/p>\n\n\n