59
How to Build Landing Pages Using

Elizabeth verar how to use thrive themes to build landing pages

  • Upload
    epverar

  • View
    95

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Elizabeth verar how to use thrive themes to build landing pages

How to Build Landing Pages Using

Thrive Themes

Page 2: Elizabeth verar how to use thrive themes to build landing pages

What is Thrive Themes

Page 3: Elizabeth verar how to use thrive themes to build landing pages

Thrive Themes is a

company that builds

themes and plugins for

Wordpress

Page 4: Elizabeth verar how to use thrive themes to build landing pages

Their themes and plugins

are designed to convert

website visitors into

subscribers, and later on

become paying

customers

Page 5: Elizabeth verar how to use thrive themes to build landing pages

Let’s start building a

landing page on

Wordpress

Page 6: Elizabeth verar how to use thrive themes to build landing pages

Make sure that Thrive

Themes has already

been installed on

Wordpress as plugin

Page 7: Elizabeth verar how to use thrive themes to build landing pages

Thrive already installed on

my Wordpress Dashboard

Page 8: Elizabeth verar how to use thrive themes to build landing pages

From Wordpress

Dashboard, go to

Pages>Add New

Page 9: Elizabeth verar how to use thrive themes to build landing pages
Page 10: Elizabeth verar how to use thrive themes to build landing pages

Type a Title for the

New Page

Page 11: Elizabeth verar how to use thrive themes to build landing pages

Click Update on

Wordpress to Save

Page 12: Elizabeth verar how to use thrive themes to build landing pages

On the Thrive

Dashboard, click on

Theme Options

Page 13: Elizabeth verar how to use thrive themes to build landing pages
Page 14: Elizabeth verar how to use thrive themes to build landing pages

Click on Style and

Layout Settings

Page 15: Elizabeth verar how to use thrive themes to build landing pages

Click on Thrive Dashboard, then click Theme Options

Page 16: Elizabeth verar how to use thrive themes to build landing pages

Tick Floating and then

Save All Changes

Page 17: Elizabeth verar how to use thrive themes to build landing pages

This is the image of the

page on a separate Tab

Page 18: Elizabeth verar how to use thrive themes to build landing pages

Scroll down the page to

make adjustments: eg.

Hide the title page, turn

off breadcrumbs, and

select no featured image

Page 19: Elizabeth verar how to use thrive themes to build landing pages
Page 20: Elizabeth verar how to use thrive themes to build landing pages

On this page, the title has

been hidden and the

breadcrumbs has been

turned off

Page 21: Elizabeth verar how to use thrive themes to build landing pages

On your working page, click

on Edit with Thrive as shown

below

Page 22: Elizabeth verar how to use thrive themes to build landing pages

Click on Thrive Landing

Page to select a landing

page

Page 23: Elizabeth verar how to use thrive themes to build landing pages

Select a landing page then

click Download

Page 24: Elizabeth verar how to use thrive themes to build landing pages

This is image of the landing page

selected

Page 25: Elizabeth verar how to use thrive themes to build landing pages

Use the red marked X on

their right to delete

unwanted rows/columns

Page 26: Elizabeth verar how to use thrive themes to build landing pages

This is what is left.

Page 27: Elizabeth verar how to use thrive themes to build landing pages

Use the green button on the

left to duplicate

rows/columns

Page 28: Elizabeth verar how to use thrive themes to build landing pages

Select a color for

background

Page 29: Elizabeth verar how to use thrive themes to build landing pages

Use Column Layout to

select column

Page 30: Elizabeth verar how to use thrive themes to build landing pages

Drag and drop image on

the left side

Page 31: Elizabeth verar how to use thrive themes to build landing pages

Make sure that images

are already downloaded

and saved in your file for

easy access

Page 32: Elizabeth verar how to use thrive themes to build landing pages

This is the

image

uploaded

Page 33: Elizabeth verar how to use thrive themes to build landing pages

Drag and drop

paragraph/text element on

right column

Page 34: Elizabeth verar how to use thrive themes to build landing pages

These are now the text(s)

on the right column

Page 35: Elizabeth verar how to use thrive themes to build landing pages

Drag and Drop Button to

create one

Page 36: Elizabeth verar how to use thrive themes to build landing pages

This is where you make

adjustments on the Button

Page 37: Elizabeth verar how to use thrive themes to build landing pages

This is where you make

changes on the text(s)

Page 38: Elizabeth verar how to use thrive themes to build landing pages

This is where you change

text color, size, height, etc.

Page 39: Elizabeth verar how to use thrive themes to build landing pages

This is where you make

changes on the Button

Page 40: Elizabeth verar how to use thrive themes to build landing pages

Make changes at the

bottom of the image here to

avoid floating image

Page 41: Elizabeth verar how to use thrive themes to build landing pages

This is the image of the

first raw

Page 42: Elizabeth verar how to use thrive themes to build landing pages

Use the Paragraph/Text

element to put text as

shown below

Page 43: Elizabeth verar how to use thrive themes to build landing pages

Use the text editing tools to

make revisions on the

text(s)

Page 44: Elizabeth verar how to use thrive themes to build landing pages

Use Column Layout and

insert three columns

Page 45: Elizabeth verar how to use thrive themes to build landing pages

Use image icon to insert

desired images from your

file

Page 46: Elizabeth verar how to use thrive themes to build landing pages

Use Paragraph/Text

Element to insert Text

below images

Page 47: Elizabeth verar how to use thrive themes to build landing pages

Again, select Column

Layout to create columns

Page 48: Elizabeth verar how to use thrive themes to build landing pages

Space for image

Space for text

Drag and Drop

image and text as

shown below

Page 49: Elizabeth verar how to use thrive themes to build landing pages

Download image from

your file

Page 50: Elizabeth verar how to use thrive themes to build landing pages

Insert your text

Page 51: Elizabeth verar how to use thrive themes to build landing pages

Edit Image using the

different editing tools as

shown below

Page 52: Elizabeth verar how to use thrive themes to build landing pages

Edit text using the editing

tools as shown below

Page 53: Elizabeth verar how to use thrive themes to build landing pages

This is now the edited

image with the text

Page 54: Elizabeth verar how to use thrive themes to build landing pages

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.

Page 55: Elizabeth verar how to use thrive themes to build landing pages

This is the final image of

the re-created site.

Page 56: Elizabeth verar how to use thrive themes to build landing pages
Page 57: Elizabeth verar how to use thrive themes to build landing pages
Page 58: Elizabeth verar how to use thrive themes to build landing pages
Page 59: Elizabeth verar how to use thrive themes to build landing pages

Resources:

http://workfromhomebeawesome.com/lesson11