elizabeth verar how to use thrive themes to build landing pages

Download Elizabeth verar how to use thrive themes to build landing pages

Post on 12-Jan-2017

93 views

Category:

Education

2 download

Embed Size (px)

TRANSCRIPT

  • 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

  • Lets 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