Site Layout (Samples)
This layout is where we control the defaults for all the modules on your site. Also where you can see the options and ideas for items that can be added to articles and pages.
Divi Module List
-
- Accordion
- Audio
- Bar Counter
- Blog
- Blurb
- Button
- Call to Action
- Circle Counter
- Code
- Comments
- Contact Form
- Countdown Timer
- Divider
- Email Opt-in Form
- Filterable Portfolio
- Gallery
- Hero
- Icon
- Image
- Login Form
- Map
- Menu
- Number Counter
- Person
- Portfolio
- Portfolio Carousel
- Post Navigation
- Post Title
- Pricing Tables
- Search
- Slider
- Social Follow
- Tabs
- Text
- Toggle
- Video
WooCommerce Modules
-
- Breadcrumbs
- Cart Products
- Cart Totals
- Checkout Detail
- Checkout Information
- Checkout Payment
- Cross Sells
- Notice
- Product Add to Cart
- Product Gallery
- Product Images
- Product Information
- Product Price
- Product Rating
- Product Review
- Product Tabs
- Product Title
- Product Upsell
- Related Products
Module: Accordion
You can create any number of toggles within an accordion that will look great inside any sized column.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Audio
The audio module makes it easy to share audio files with your visitors. This is a great tool for things like letting a user play music while they browse, having a podcast, or showing off an original song
Your Title Goes Here
Module: Blog
You can add a group of blog posts anywhere you wish throughout your site.
Module: Bar Counter
Using the bar counter module is a fun and effective way to display stats to your visitors. Animations are triggered using lazy loading to make browsing the page truly engaging.
- Your Title Goes Here 50%
Module: Button
Add buttons anywhere on your page with ease. Using the Divi Advanced Design Settings, there are countless different button styles that can be created.
Module: Blurb
The blurb module is a simple and elegant combination of text and imagery. Blurbs are a great way to showcase small bits of important information and are often used in rows to display skills or features. Pictures and Icons can be used on top or to th e side of the title and text.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Call To Action
It’s always important to give your visitors a clear call to action. Whether you are trying to get them to purchase your product or contact you for a quote, the call-to-action module will get the clicks you need.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Circle Counter
Animated pie counters are a fun and effective way to display stats to your visitors. Animations are triggered using lazy-loading to make browsing the page truly engaging.
%
Your Title Goes Here
Module: Contact Form
You can add a group of blog posts anywhere you wish throughout your site.
Contact Form Title
Module: Code
The code module lets you add code, such as HTML, JavaScript and CSS to your page. Using Divi’s built-in code editor and syntax highlighter, it’s easy to write your own code. This is a great way to easily integrate third party scripts or use your development skills to customize your website.
Module: Comments
The Comments module makes it easy to add a comment from anywhere on your post or page. This means you are no longer limited to having comments displayed at the bottom of your post, and can instead gain full control over the order of elements using the Divi Builder. You can also use Divi’s advanced design settings to customize the contact form in new and exciting ways.
Module: Countdown Timer
It is important to be able to let your visitors know when something is going to be launched or an event is going to occur. Simply set the date and time to count down to and wait for the big day.
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Module: Divider
The divider module is a simple way to add space anywhere on your page. If something needs some room to breath, then add a divider to give it some separation.
Module: Email Opt-In
Animated pie counters are a fun and effective way to display stats to your visitors. Animations are triggered using lazy-loading to make browsing the page truly engaging.
Module: Gallery
The gallery module displays a gallery of images in different formats. Customize image orientation, overlay styles and more. This is a great way to display a gallery of photos or artwork on your website.
Module: Filterable Portfolio
Display your portfolio in a beautiful gallery and let visitors filter your projects by category. Projects are filtered on the fly without reloading the page.
Module: Icon
The divi icon module allows you to place one of hundreds of different icons on your website and customize its size and color. You can choose from Divi’s native icon set or from hundreds more icons included in the Font Awesome icon set.
Module: Image
You can use the divi image module to add images to your website. You control the image size, box-shadow, border, and more. You can also apply various overlay styles. Images are a stable part of every website, and Divi makes it easy to add images to your pages. “Marketing Partnership Program does not recommend you do full witdth images unless they are in the background
Module: Login Form
Creating a login form for your registered users with different roles is just a click away with the Divi Login Form Module. Add a login form anywhere on your website and tweak the design with ease. It even allows a redirect to the current page after login for a better user experience.
Module: Number Counter
Animated number counters are a fun and effective way to display stats to your visitors. Animations are triggered using lazy-loading to make browsing the page truly engaging.
%
Your Title Goes Here
Module: Person
The person module is a great way to display team members on your about page. Each person includes a name, bio, photo and links to social profiles.
Name Goes Here
Position
The person module is a great way to display team members on your about page. Each person includes a name, bio, photo and links to social profiles.
Module: Portfolio
The portfolio module is used to create a beautiful gallery of artwork or designs. Each image in the gallery will link to a project page where visitors can learn more about the work.
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
Module: Post Navigation
Using the Post Navigation module, you can place automatic links to your next and previous blog posts to encourage users to continue browsing your website..
Module: Post Slider
The Post Slider makes it easy to add featured blog posts to the top of your page in a standard slider format. This module is a great compliment to the Divi Blog Module.
Module: Post Title
The post title module will automatically display the title of the current post, along with meta information such as the post author, post date, comment count, and more. You can choose which elements are displayed and customize the appearance of each element as well.
Site Layout
Module: Pricing Tables
It’s easier than ever to create pricing tables for your online products. Create as many tables as you want, and control the pricing and features of each. You can even feature a particular plan to increase conversions.
Table Title
Subtitle goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Table Title
Subtitle goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Table Title
Subtitle goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Module: Search
Using the search module, you can add a search form anywhere on your website (instead of being limited to use the WordPress search widget in your sidebar and footer).
Module: Sidebar
Divi lets you create an unlimited number of widget ready areas on the fly. Sidebars can then be added to any page, allowing you to create unique sidebars for different sections of your website.
Module: Social Follow
Social media is more important than ever and it is important that you are able build your social following. This module allows you to display the icons and link to all of your social profiles
Module: Slider
Sliders can be placed anywhere. They can be big, small, fixed width or full width. Divi sliders support parallax backgrounds, as well as full width video backgrounds!
Module: Tabs
Tabs are a great way to consolidate information and improve user experience on your page. Using Divi, you can create any number of tabs that will look great inside any sized column.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Toggle
Toggles are a great way to consolidate information and improve user experience on your page. Using Divi, you can create any number of toggles that will look great inside any sized column.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Text
Text can be added anywhere to your page. Text modules can be placed within any column type, and when combined with other modules, they make for a truly dynamic page.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Module: Testimonial
Testimonials are a great way to encourage trust from your visitors. Using the Divi testimonial widget, you can quickly add testimonials to your join & sales pages.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Module: Video
The Video Module is perfect for adding a single video anywhere on your site within any layout. Simply upload a video or define a video URL and Divi will embed it into your page within any column size.
Ask Marketing Partnership Program about Affordable Video Hosting. Where possible don’t use expensive services or Youtube. It’s also not optimal for loading videos on your site
Module: Video Slider
The video slider module lets you place an entire collection of videos in a single slider. This is great for displaying any sized group of videos on your page in a condensed fashion.
WooCommerce Modules
Module: Woo Breadcrumbs
The Woo Breadcrumb module allows users to modify the WooCommerce Breadcrumb element which helps users to navigate your website/store by keeping track of their path.
Module: Woo Cart Products
The WooCommerce cart products module displays the products currently inside of a visitor’s cart. This module is used to construct a custom WooCommerce cart page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your cart page. What would usually require custom development to accomplish can be done easily with Divi!
Module: Woo Cart Totals
The WooCommerce cart totals module displays the current subtotal, shipping and total price for the products in a user’s cart. This module is used to construct a custom WooCommerce cart page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your cart page. What would usually require custom development to accomplish can be done easily with Divi!
Module: Woo Checkout Billing Info
The WooCommerce checkout billing module displays the billing details form used during checkout. This module is used to construct a custom WooCommerce checkout page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your checkout page. What would usually require custom development to accomplish can be done easily with Divi!
Module: Woo Checkout Shipping
The WooCommerce checkout shipping module displays the shipping details form used during checkout. This module is used to construct a custom WooCommerce checkout page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your checkout page. What would usually require custom development to accomplish can be done easily with Divi!
Module: Woo Checkout Details
The WooCommerce checkout details module displays order details, including the products being purchased and their prices, during checkout. This module is used to construct a custom WooCommerce checkout page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your checkout page. What would usually require custom development to accomplish can be done easily with Divi!
Module: WooCommerce Checkout Information
The WooCommerce checkout information module displays the additional information form used during checkout. This module is used to construct a custom WooCommerce checkout page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your checkout page. What would usually require custom development to accomplish can be done easily with Divi!
Module: WooCommerce Payment
The WooCommerce checkout payment module displays the payment type selection and payment form details during checkout. This module is used to construct a custom WooCommerce checkout page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your checkout page. What would usually require custom development to accomplish can be done easily with Divi!
Module: WooCommerce Cross Sells
The WooCommerce cross sells module displays cross sells and related products on the cart page. This module is used to construct a custom WooCommerce cart page and can be fully customized using the full range of Divi design settings. This gives you much more control over the look of your cart page. What would usually require custom development to accomplish can be done easily with Divi!
Module: Woo Notices
The Woo Notice module allows you to add the WooCommerce Cart Notice element to any WC product page in Divi. The Cart Notice element is a notification that pops up on the page whenever a user successfully adds a product to the cart by clicking the Add to Cart button. In addition to a notification message, the cart notice also provides a “view cart” button.
Product Page Notice
Cart Page Notice
Checkout Page Notices
Module: Product Add To Carts
The Woo Notice module allows you to add the WooCommerce Cart Notice element to any WC product page in Divi. The Cart Notice element is a notification that pops up on the page whenever a user successfully adds a product to the cart by clicking the Add to Cart button. In addition to a notification message, the cart notice also provides a “view cart” button.
Module: Product Add To Carts
Module: Product Gallery
Module: Product Images
The WooCommerce product images module allows users to add and modify the WooCommerce Product Images element. With this module, you can display the single main product image and/or a gallery of product images that work like a thumbnail slider. You can even choose to show and customize a sale badge on the product image as well.
Module: Product Information
Additional information
Module: Product Meta
The WooCommerce meta module allows you to add the WooCommerce product meta of any product to any page in Divi. The WooCommerce product meta element is responsible for displaying things like the product SKU, Categories, and Tags associated with a particular product. Not only can you choose which of these elements to display for your product, but you can also use Divi’s built-in design settings to design the product meta with ease.
Module: Product Price
The WooCommerce product price module gives you the ability to add the WooCommerce Product Price to any regular page/post or product page. The Woo Price will display the product price associated with the selected product. This would also include the variable price for variable products as well.
Module: Product Rating
The WooCommerce product rating module allows you to add the WooCommerce product rating of the selected product to any page in Divi. The Product Rating will display the average star rating given to the product by customers. It will also display the count of customer reviews as a clickable link. The product rating element will only be displayed if at least one rating or customer review was given for the selected product.
Module: Product Stock
The WooCommerce product stock module allows you to add the WooCommerce product stock of any product to any page in Divi. This lets the user know if the product is in or out of stock and/or how many units are available. Plus, you can use Divi’s built-in design settings to design the product rating with ease.
Module: Product Review
The WooCommerce product reviews module allows you to add the WooCommerce Product Reviews element to any regular page/post or product page on your Divi site. This module will display the reviews of the selected product as well as a form for submitting new reviews.
Module: Product Tabs
The WooCommerce product tabs module allows you to add the WooCommerce product tabs element of any product to any page in Divi. The Woo Tabs module allows you to include a tab for the product description, additional information, and reviews. And, with the module’s built-in design settings, you can design the product tabs with ease.
Donate Any Amount below
Michael Perruccio’s Development Fund Donation
Module: Product Title
The WooCommerce product title module allows users to add and modify the WooCommerce Product Title. You can choose to display the current product of a particular product page, or you can choose to display any other existing product on any page, product, or post. With this module, you can place the title of your product anywhere and that product title will update dynamically whenever you update a particular product title.
Michael Perruccio’s Development Fund Donation
Module: Product Upsell
The WooCommerce product up-sell module allows you to add the WooCommerce up-sell element to a regular page/post or WC Product page. The up-sells are products that the user adds to a particular product when adding a product to the store.
Module: Products
The WooCommerce products module displays a list of products. You choose which categories to display products from. The product list can be fully customized using Divi’s wide range of design settings.
Module: Related Products
The WooCommerce related products module allows you to add the WooCommerce related products element/section to a regular page/post or WC product page. The related products are pulled from products in your store that share the same category or tag(s).
0 Comments