All Sections

Interactive Sections

Interactive Section 1

What our clients say about our work

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla viverra urna facilisis amet, vitae sapien. Feugiat tortor nisl eu faucibus dolor mauris. Malesuada tincidunt rutrum turpis vitae sed euismod urna etiam mi. Vitae, rutrum quis enim integer.

Ben Smith

Founder, Automation Inc.

Nulla viverra urna facilisis amet, vitae sapien. Feugiat tortor nisl eu faucibus dolor mauris. Malesuada tincidunt rutrum turpis vitae sed euismod urna etiam mi. Vitae, rutrum quis enim integer.

Jane Doe

Founder, FashionHouse

Nulla viverra urna facilisis amet, vitae sapien. Feugiat tortor nisl eu faucibus dolor mauris. Malesuada tincidunt.

Mark Robinson

Founder, Workflow inc

Interactive Section 2

High converting templates that work

Nulla viverra urna facilisis amet, vitae sapien. Feugiat tortor nisl eu faucibus dolor mauris. Malesuada tincidunt rutrum turpis vitae sed euismod urna etiam mi. Vitae, rutrum quis enim integer.

Introducing Falcon UI

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

Awesome Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

Interactive Section 3

Toggle Image Modules

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Branding

Visitors see help content and contact options side-by-side.

Checkout

Visitors see help content and contact options side-by-side.

Support

Visitors see help content and contact options side-by-side.
Interactive Mockup
Interactive Mockup
Interactive Mockup

Interactive Section 4

Toggle Image Modules

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Branding

Visitors see help content and contact options side-by-side.

Checkout

Visitors see help content and contact options side-by-side.

Support

Visitors see help content and contact options side-by-side.

Interactive Section 5

Toggle Image Modules

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mobile Optimized

Each layout and section is lovingly crafted, and rigorously tested for mobile devices

Z

Beautiful Forms

A variety of professional, sleek and best practice form designs designed to convert

Interactive Components

A variety of interactive components to organise your content and delight users

Interactive mockup
Interactive mockup
Interactive mockup

Interactive Section 6

Toggle Image Modules

Interactive mockup
Interactive mockup
Interactive mockup

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Cards

Visitors see help content and contact options side-by-side.

Blurbs

Visitors see help content and contact options side-by-side.

Forms

Visitors see help content and contact options side-by-side.

Interactive Section 7

Toggle Row content

The current way
The DiviWP way
u
The hardest part about putting together a good design is figuring out how each section, row and module works together to create harmonious and consistent layouts.
5

It takes time and technical understanding

5

Free layout packs lack polish or are overly stylized

5

Limited interactive sections

5

You can't import sections directly into your page

Layout mockup
N

We’ve focussed on designing example pages for common scenarios that show you how each section fits together and can be used to create visually interesting and high converting layouts.

R

We've done all the hard design thinking for you

R

Save time by importing world-class layouts & sections

R

Increase conversions with beautiful form designs

FEATURES

5
18+ Demo Page Layouts
5
180+ individual sections
5
Semantically structured page hierarchy
5
Fully responsive and mobile optimised
5
Interactive sections
5
Gravity Forms and Divi form modules compatible
DiviWP Way

Interactive Section 8

Toggle Row content

Versatile Interactive Rows

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Branding

Checkout

Support

1

Interactive

i

Services

Brand Interactions

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Branding

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

Branding

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

Email Marketing

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst. 

Checkout

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lifetime access

35+ high-quality, professionally designed demo layouts

330+ high-quality, professionally designed sections

Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Conversion Optimised

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

Interactive

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Services

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

Services

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

Interactive Section 9

Toggle Row content

Mobile Optimized

Z

Beautiful Forms

Interactive Components

Save Time

Professional Support

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Research and Analysis
Prototyping and low fidelity design
Interactive Mockups
Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Interactive Section 10

Toggle Row content

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Research and Analysis

Prototyping and low fidelity design

Interactive Mockups
Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Mobile Optimized

Z

Beautiful Forms

Interactive Components

Save Time

Professional Support

Interactive Section 11

Toggle Row content

What’s new

Mobile Optimized

Beautiful Forms

Interactive Components

Save Time

Professional Support

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Show and hide Rows

Use any module within the row

Add as many links as you’d like

Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Interactive Section 12

Toggle Row content

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Show and hide Rows

Use any module within the row

Add as many links as you’d like

Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

What’s new

Mobile Optimized

Beautiful Forms

Interactive Components

Save Time

Professional Support

Interactive Section 13

Toggle Row content

What’s new

Mobile Optimized

Beautiful Forms

Interactive Components

Save Time

Professional Support

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Show and hide Rows

Use any module within the row

Add as many links as you’d like

Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Interactive Section 14

Toggle Row content

Course listing

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Show and hide Rows

Use any module within the row

Add as many links as you’d like

Course listing

Beautiful Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

What’s new

Mobile Optimized

Beautiful Forms

Interactive Components

Save Time

Professional Support

Interactive Section 15

Toggle Row content

What’s new

Mobile Optimized

This is blurb body text that displays when the blurb is active. Easily removable.

Starting Point

You can edit this text or remove it entirely.

Interactive Components

This text is for the interactive component blurb.

Save Time

This text is for the save time blurb.

Professional Support

This text is for the professional support blurb.

Web developer at desk

Delightful Interactions

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

1

Versatile Row Design

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

The Perfect Starting Point

You’ll be able to tweak colors, copy or images in a matter of minutes using Divi’s built in productivity tools.

Save hours of time

Increase conversions

Delight customers

Branding

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.

Design

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Interactive Section 16

Toggle Row content

Delightful Interactions

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.

1

Versatile Row Design

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. In hac habitasse platea dictumst.
Web developer at desk

The Perfect Starting Point

You’ll be able to tweak colors, copy or images in a matter of minutes using Divi’s built in productivity tools.

Save hours of time

Increase conversions

Delight customers

Branding

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.

Design

In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.

Course listing

Interactive Components

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Save Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Course listing

Professional Support

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

What’s new

Mobile Optimized

This is blurb body text that displays when the blurb is active. Easily removable.

Starting Point

You can edit this text or remove it entirely.

Interactive Components

This text is for the interactive component blurb.

Save Time

This text is for the save time blurb.

Professional Support

This text is for the professional support blurb.

Interactive Section 17

Toggle Row content

Our 3 Step Process

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetur adipiscing elit.

1

Import

Visitors see help content and contact options side-by-side.

2

Edit

Visitors see help content and contact options side-by-side.

3

Publish

Visitors see help content and contact options side-by-side.

Course listing

Step 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Prototyping

Design

Development

Course listing thumbnail

Step 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Prototyping

Design

Development

Course listing

Step 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Prototyping

Design

Development

Interactive Section 18

Toggle Row content

1

Import

Visitors see help content and contact options side-by-side.

2

Edit

Visitors see help content and contact options side-by-side.

3

Publish

Visitors see help content and contact options side-by-side.

Course listing

Step 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Prototyping

Design

Development

Course listing

Step 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Step 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Interactive Section 19

Toggle Row content

Course listing

Step 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Prototyping

Design

Development

Course listing

Step 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Build better products

All-in-one product management platform makes it easy to collect feedback, prioritize features and nail product releases.

Course listing

Step 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

1

Import

Visitors see help content and contact options side-by-side.

2

Edit

Visitors see help content and contact options side-by-side.

3

Publish

Visitors see help content and contact options side-by-side.

Interactive Section 20

Toggle Row content with DiviWP Blog Sections

Versatile Interactive Rows

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Updates

i

Single Blog Posts

Example Posts