{"id":8122,"date":"2023-08-15T10:17:19","date_gmt":"2023-08-15T17:17:19","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8122"},"modified":"2023-08-15T10:17:19","modified_gmt":"2023-08-15T17:17:19","slug":"divi-layout-pack-para-membermouse-consejos-de-instalacion-y-edicion","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/divi-layout-pack-for-membermouse-installation-and-editing-tips\/","title":{"rendered":"Divi Layout Pack for MemberMouse - Consejos de instalaci\u00f3n y edici\u00f3n"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/divi\" target=\"_blank\">Divi<\/a>&nbsp;is one of the most popular WordPress themes, and we\u2019ve created this layout pack to make it easy to use Divi and MemberMouse together. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Installing the layout pack takes only a couple of minutes, and when you\u2019re done, you\u2019ll be able to point, click, and edit your MemberMouse site with one of the most popular point-and-click theme builders available. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This article will explain how you can install this free Divi Layout pack and be on your way to easy customization.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Why Divi?<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">We know that building a beautiful membership site takes time. And we know that time is money. When you choose&nbsp;<a href=\"https:\/\/membermouse.com\/divi\" target=\"_blank\" rel=\"noreferrer noopener\">Divi<\/a>&nbsp;as your theme, you can edit your pages with ease, and quickly get a good look and feel in place. In addition, this layout pack makes your MemberMouse core pages responsive, which improves the user experience for your mobile visitors.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Important Concept:<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201cDivi Layout Pack for MemberMouse\u201d replaces your default MemberMouse Core Pages with modern, responsive Divi compatible pages that look good with any style membership site. After importing the Layout Pack into Divi, you import each layout into its respective core page.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>What's Included&nbsp;<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The pack includes layouts for every Core Page as well as an additional layout for a Product or Membership Options page.<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Checkout page<br><\/li>\n\n\n\n<li>Confirmation \/ Thank You page<br><\/li>\n\n\n\n<li>Error page<br><\/li>\n\n\n\n<li>Forgot Password page<br><\/li>\n\n\n\n<li>Login page<br><\/li>\n\n\n\n<li>Logout page<br><\/li>\n\n\n\n<li>Member Home page<br><\/li>\n\n\n\n<li>My Account page<br><\/li>\n\n\n\n<li>Redeem Gift page<br><\/li>\n\n\n\n<li>Reset Password page<br><\/li>\n\n\n\n<li>Save-the-Sale \/ Cancellation page<br><\/li>\n\n\n\n<li>Membership Options page (non-core page)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/divi-layout-pack\" target=\"_blank\">[ DOWNLOAD DIVI LAYOUT PACK FOR MEMBERMOUSE ]<\/a><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Setup Instructions<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Here are the exact steps you need to get up and running with this Divi Layout Pack:&nbsp;<\/strong><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">1.) &nbsp;In order to use the Divi Pack, the Divi Theme will need to be first purchased and installed on your site. If you do not have the Divi Theme yet, it is available from<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/divi\" target=\"_blank\">&nbsp;Elegant Themes here.<\/a><br><br><br>2.)&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/divi-layout-pack\" target=\"_blank\">Download<\/a>&nbsp;and Unzip the Divi Layout Pack for MemberMouse.<br><br><br>3.) &nbsp;Within the unzipped files, find, then copy and paste contents of the&nbsp;<em>custom.css&nbsp;<\/em>file into&nbsp;<em>Divi &gt; Theme Options &gt; Custom CSS.&nbsp;<\/em>This provides structure and design to the template pages.<br><br><br>4.) Copy and paste the following line of code into&nbsp;<em>Divi &gt; Theme Options &gt; Integration &gt; Add Code to Head<\/em>:<br><br><code>&lt;link href=\"<a rel=\"noreferrer noopener\" href=\"https:\/\/fonts.googleapis.com\/css?family=Open+Sans:300,400\" target=\"_blank\">https:\/\/fonts.googleapis.com\/css?family=Open+Sans:300,400<\/a>\" rel=\"stylesheet\"&gt;<\/code><br><br><br>5.) Import the JSON file into&nbsp;<em>Divi &gt; Divi Library &gt; Import & Export.<\/em><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please note that this is a large file and depending on your server configuration, the server may stall out during import. If your import attempt results in a timing out of the server, please contact your host or check their documentation to increase upload_max_filesize and\/or post_max_size.<br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6.) Next, you will want to take a preemptive step to find your&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/docs\/core-pages-overview\/\" target=\"_blank\">MemberMouse Core Pages&nbsp;<\/a>before continuing to step 7. In order to easily identify your core pages, please navigate in the WordPress admin to Pages. Using the dropdown filters near the top of your screen, select Show only Core Pages, and this will provide a list of all your MemberMouse core pages needed in step 8.<br><br><img decoding=\"async\" class=\"wp-image-10060\" style=\"width: 700px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6ed598a3-ppxbxgo69srawdmv01p6alqybhwxqw4hzw.png\" alt=\"\"><br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7.) Deactivate MemberMouse Plugin. This step is required to stop the functionality of some of the core pages while using the Divi editor.<br><br><br>8.) Go to each MemberMouse Core Page from step 6 and import the respective Divi Layout Template using the<em>&nbsp;Divi builder &gt; Browse Layouts &gt; Your Saved Layouts.<\/em><br><br><br>9.) Once you have completed the import for each page from step 8, reactivate MemberMouse Plugin.<br><br><br>10.) Use a test user to check and see that pages still work as expected with the new layouts applied.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>How to Edit or Remove a Template&nbsp;<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">This video walks you through three examples of editing\u00a0that you may want to do to the templates:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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<iframe title=\"Divi Layout Pack - Editing\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/0_6IAh2BoJI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>How to edit, remove or add template blocks<br><\/li>\n\n\n\n<li>How to edit, remove or add SmartTags\u2122 using the Divi Builder<br><\/li>\n\n\n\n<li>How to remove layout pack templates<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">After loading the page layout, you can continue to make any edits on that page as you would normally with Divi. For example, if you want to change SmartTags\u2122 or other text in a section, just double click on that text and make your edits. After you are all done with loading the layout pack and making your edits, you can click the &#8220;save&#8221; button in the bottom right hand corner of the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you go back to the original code for a core page and want to remove the layout pack formatting, you can use the standard MemberMouse&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/docs\/use-the-core-page-templates\/\" target=\"_blank\">Core Page Templates<\/a>. To insert a template, you can either copy and paste the code found in the&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/article-categories\/templates-core\/\" target=\"_blank\">Templates Folder<\/a>, or go to the&nbsp;<em>MM Templates<\/em>&nbsp;dropdown above the WordPress content editor, select<em>&nbsp;<\/em>the Core Page Template you would like to use, and click the&nbsp;&#8216;green plus' icon.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Additional Resources<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Elegant Themes: Importing & Exporting Divi Builder Layouts & Library Collections<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-elegant-themes-documentation wp-block-embed-elegant-themes-documentation\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"rWCIU9I89r\"><a href=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/library-import\/\">Importing &#038; Exporting Divi Builder Layouts &#038; Library Collections<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Importing &#038; Exporting Divi Builder Layouts &#038; Library Collections&#8221; &#8212; Elegant Themes Documentation\" src=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/library-import\/embed\/#?secret=6nsNLmFcC7#?secret=rWCIU9I89r\" data-secret=\"rWCIU9I89r\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Elegant Themes: Getting Started with the Divi Builder<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-elegant-themes-documentation wp-block-embed-elegant-themes-documentation\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"vjL19XckKw\"><a href=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/visual-builder\/\">Getting Started With The Divi Builder<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Getting Started With The Divi Builder&#8221; &#8212; Elegant Themes Documentation\" src=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/visual-builder\/embed\/#?secret=LGMmZ13KQY#?secret=vjL19XckKw\" data-secret=\"vjL19XckKw\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Divi es uno de los temas m\u00e1s populares de WordPress, y hemos creado este pack de dise\u00f1o para facilitar el uso conjunto de Divi y MemberMouse. La instalaci\u00f3n del paquete de dise\u00f1o s\u00f3lo...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[192],"ht-kb-tag":[],"class_list":["post-8122","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extensions-articles"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8122"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8122\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8122"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8122"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}