

So if you wanted to, you can use that shortcode on another page or within a module using the Divi Builder. The page contents are deployed using the shortcode. One of these pages is called the My Account page. This allows users more flexibility with organizing page content throughout their site and also allows this content to work on page builders like Divi.įor example, if you are building a site with WooCommerce, you will have designated WooCommerce Pages to handle account information. Normally, plugins will supply the user with an option to deploy account information using a shortcode rather than use the designated account page generated by the plugin. Use Shortcodes to Display Account Pages Whenever Possible The theme customizer can make sure you have the right typography settings to style the text and links in these pages, but the form fields and buttons may require some custom CSS. The content of these account pages normally include text, form fields, links, and buttons. The first step in customizing those account pages is to set the default styles for the Divi Theme in the Theme Customizer because these pages will normally inherit these style settings. General Tips for Designing Account Pages Theme Customizer Settings


Here are a few examples of custom account pages you can create with Divi.

In this tutorial, I’m going to share some tips on how you can use the Divi Builder to design those front-end account pages by taking advantage of those shortcodes. Most of the account pages for third party plugins like WooCommerce use shortcodes (or have shortcodes available) to generate this kind of plugin-specific information. These Account pages (also called front-end pages or reserved pages) handle things like… If you have ever built an e-commerce site or membership site with Divi, you have probably run into the challenge of matching the design or your Divi site with the account pages generated by your plugin to handle membership or e-commerce functionality.
