Elizabeth verar how to use thrive themes to build landing pages

How to Build Landing Pages Using

Thrive Themes

What is Thrive Themes

Thrive Themes is a

company that builds

themes and plugins for

Wordpress

Their themes and plugins

are designed to convert

website visitors into

subscribers, and later on

become paying

customers

Let’s start building a

landing page on

Wordpress

Make sure that Thrive

Themes has already

been installed on

Wordpress as plugin

Thrive already installed on

my Wordpress Dashboard

From Wordpress

Dashboard, go to

Pages>Add New

Type a Title for the

New Page

Click Update on

Wordpress to Save

On the Thrive

Dashboard, click on

Theme Options

Click on Style and

Layout Settings

Click on Thrive Dashboard, then click Theme Options

Tick Floating and then

Save All Changes

This is the image of the

page on a separate Tab

Scroll down the page to

make adjustments: eg.

Hide the title page, turn

off breadcrumbs, and

select no featured image

On this page, the title has

been hidden and the

breadcrumbs has been

turned off

On your working page, click

on Edit with Thrive as shown

below

Click on Thrive Landing

Page to select a landing

page

Select a landing page then

click Download

This is image of the landing page

selected

Use the red marked X on

their right to delete

unwanted rows/columns

This is what is left.

Use the green button on the

left to duplicate

rows/columns

Select a color for

background

Use Column Layout to

select column

Drag and drop image on

the left side

Make sure that images

are already downloaded

and saved in your file for

easy access

This is the

image

uploaded

Drag and drop

paragraph/text element on

right column

These are now the text(s)

on the right column

Drag and Drop Button to

create one

This is where you make

adjustments on the Button

This is where you make

changes on the text(s)

This is where you change

text color, size, height, etc.

This is where you make

changes on the Button

Make changes at the

bottom of the image here to

avoid floating image

This is the image of the

first raw

Use the Paragraph/Text

element to put text as

shown below

Use the text editing tools to

make revisions on the

text(s)

Use Column Layout and

insert three columns

Use image icon to insert

desired images from your

file

Use Paragraph/Text

Element to insert Text

below images

Again, select Column

Layout to create columns

Space for image

Space for text

Drag and Drop

image and text as

shown below

Download image from

your file

Insert your text

Edit Image using the

different editing tools as

shown below

Edit text using the editing

tools as shown below

This is now the edited

image with the text

Using the steps as shown

above, continue working on

the rest of the images and

text(s), until you are able to

re-create the website you

would like to work on.

This is the final image of

the re-created site.

Resources:

http://workfromhomebeawesome.com/lesson11