unbounce step by step guide

Post on 20-Feb-2017

215 Views

Category:

Marketing

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Want to create High

Converting Landing Pages?

☆ www.chairmanarnold.com ☆

Introducing

Unbounce.com

☆ www.chairmanarnold.com ☆

Unbounce lets you create

Stunning and Responsive

Landing Pages in minutes

☆ www.chairmanarnold.com ☆

What is a Landing Page?

☆ www.chairmanarnold.com ☆

A Landing Page is a Website

Page that allows you to

capture a Visitor's Information

through a Lead Form.

☆ www.chairmanarnold.com ☆

A Landing page has one

single purpose

☆ www.chairmanarnold.com ☆

CONVERSION!!!

☆ www.chairmanarnold.com ☆

Whether it be Direct Sales,

Lead Generation, Landing

Pages is extremely important

for your business to grow

☆ www.chairmanarnold.com ☆

☆ www.chairmanarnold.com ☆

Taken from www.buylandingpagedesign.com

Sample of Actual

Landing Page

Sample of Actual

Landing Page

☆ www.chairmanarnold.com ☆Taken from www.neilpatel.com

After signing up, it will lead

to a Thank You Page

(sample below)

☆ www.chairmanarnold.com ☆

Ready to make your own

Landing page?

☆ www.chairmanarnold.com ☆

Let’s login to

www.Unbounce.com

☆ www.chairmanarnold.com ☆

Click Sign-up

☆ www.chairmanarnold.com ☆

Scroll Down to Sign-Up for

Free

☆ www.chairmanarnold.com ☆

Fill up Details to Create

your Free Account

☆ www.chairmanarnold.com ☆

Provide Details for your

Business, then click Get

started with unbounce

☆ www.chairmanarnold.com ☆

This is our Unbounce

Dashboard Page

☆ www.chairmanarnold.com ☆

These are the previous

Pages I made

☆ www.chairmanarnold.com ☆

Now lets create our first

Landing / Opt-in Page

☆ www.chairmanarnold.com ☆

Click Create New Page

☆ www.chairmanarnold.com ☆

You will be given templates

to choose

☆ www.chairmanarnold.com ☆

The left side is the types of

Templates you can use

☆ www.chairmanarnold.com ☆

The Right Side is a preview

of your chosen Template

☆ www.chairmanarnold.com ☆

For this tutorial lets choose

☆ www.chairmanarnold.com ☆

Remember,

the Simpler, the Better!

☆ www.chairmanarnold.com ☆

Enter Title of Landing Page

☆ www.chairmanarnold.com ☆

Click Start with this Template

☆ www.chairmanarnold.com ☆

This is your Page Builder

☆ www.chairmanarnold.com ☆

Let’s Delete some

unnecessary elements

of this Theme

☆ www.chairmanarnold.com ☆

Delete this portion (header)

☆ www.chairmanarnold.com ☆

Delete this portion

(form bar title)

☆ www.chairmanarnold.com ☆

Scroll Down to delete

bottom portion

☆ www.chairmanarnold.com ☆

Also, Delete This

☆ www.chairmanarnold.com ☆

Delete everything in the

bottom

☆ www.chairmanarnold.com ☆

Click Save to Update

Design

☆ www.chairmanarnold.com ☆

Time to Personalize our

Landing Page

☆ www.chairmanarnold.com ☆

Double Click on the

Headline to select it

☆ www.chairmanarnold.com ☆

Type your Headline in the

box at the bottom

☆ www.chairmanarnold.com ☆

Edit the Font Style

☆ www.chairmanarnold.com ☆

Edit the Font Size

☆ www.chairmanarnold.com ☆

Change Font Colors

☆ www.chairmanarnold.com ☆

Click Close When Done

☆ www.chairmanarnold.com ☆

Now Let’s change the page

image, double click this

☆ www.chairmanarnold.com ☆

Unbounce will load image

options

☆ www.chairmanarnold.com ☆

You will asked to choose from

default Unbounce photos or

upload your own

☆ www.chairmanarnold.com ☆

Let’s upload our own

image, click

☆ www.chairmanarnold.com ☆

Search for image of choice

in your computer

☆ www.chairmanarnold.com ☆

Click “Choose”

☆ www.chairmanarnold.com ☆

Click “Scale Image to Fit” or

“Don’t Scale” to adjust image size

☆ www.chairmanarnold.com ☆

Double Click Here

☆ www.chairmanarnold.com ☆

Add your form captions

☆ www.chairmanarnold.com ☆

Choose your Font Style

☆ www.chairmanarnold.com ☆

Choose your Font Size

☆ www.chairmanarnold.com ☆

Choose your Font Color

☆ www.chairmanarnold.com ☆

Click Close when Done

☆ www.chairmanarnold.com ☆

Let’s make a Landing page

that only asks for

an E-mail Address

(to drive Conversion)

☆ www.chairmanarnold.com ☆

Double Click Here to

Modify Form

☆ www.chairmanarnold.com ☆

A Design your form

window appears

☆ www.chairmanarnold.com ☆

Click on First name

☆ www.chairmanarnold.com ☆

Click Trash Bin icon to Delete

☆ www.chairmanarnold.com ☆

Click “What are you

interested in?”

☆ www.chairmanarnold.com ☆

Click Trash Bin icon to Delete

☆ www.chairmanarnold.com ☆

Click DONE

☆ www.chairmanarnold.com ☆

Double Click Call to Action

Button to Modify

☆ www.chairmanarnold.com ☆

Edit Text Here

☆ www.chairmanarnold.com ☆

Double Click Here to edit

Copyright information

☆ www.chairmanarnold.com ☆

Type the Copyright

Information

☆ www.chairmanarnold.com ☆

Click “Close” when Done

☆ www.chairmanarnold.com ☆

Click Form Confirmation Dialog

to setup Thank you page

☆ www.chairmanarnold.com ☆

Double Click this space

☆ www.chairmanarnold.com ☆

Edit text by clicking it

☆ www.chairmanarnold.com ☆

Click Close when done

☆ www.chairmanarnold.com ☆

Go Back to Main Page

☆ www.chairmanarnold.com ☆

Double Click the sub-header

to edit it

☆ www.chairmanarnold.com ☆

Add sub-header contents and

click close when done

☆ www.chairmanarnold.com ☆

Adjust Font Size of Main

and Sub-header

☆ www.chairmanarnold.com ☆

Let’s Preview our work!

Click here

☆ www.chairmanarnold.com ☆

☆ www.chairmanarnold.com ☆

Let’s test the page

☆ www.chairmanarnold.com ☆

Click the Call to action Button

☆ www.chairmanarnold.com ☆

An error message appears.

Landing page works!

☆ www.chairmanarnold.com ☆

Enter an email address and

click the call to action button

☆ www.chairmanarnold.com ☆

The Thank you Page Appears

☆ www.chairmanarnold.com ☆

To check Landing Page in Mobile

click here in Page Builder

☆ www.chairmanarnold.com ☆

This is the mobile view;

adjust accordingly

☆ www.chairmanarnold.com ☆

Resize elements by clicking

and dragging corners

☆ www.chairmanarnold.com ☆

Click this icon return

to Dashboard Page

☆ www.chairmanarnold.com ☆

In the dashboard page, click

on the page we just made

☆ www.chairmanarnold.com ☆

To integrate with your auto-

responder software

(ex. Benchmark mail)

☆ www.chairmanarnold.com ☆

Choose Webhooks

☆ www.chairmanarnold.com ☆

Or click this to integrate

with 3rd party integrations

☆ www.chairmanarnold.com ☆

Or you can opt to have

the leads emailed to you

☆ www.chairmanarnold.com ☆

A separate tutorial will be

made for this

applications/integrations

☆ www.chairmanarnold.com ☆

Click Change URL

☆ www.chairmanarnold.com ☆

Add your website/domain

to this box

☆ www.chairmanarnold.com ☆

Click Change URL When

Done

☆ www.chairmanarnold.com ☆

Click on “Publish Page”

☆ www.chairmanarnold.com ☆

Click “Looks good , Publish Now”

☆ www.chairmanarnold.com ☆

Unbounce will initialize the

publishing process

☆ www.chairmanarnold.com ☆

Landing Page is done!

☆ www.chairmanarnold.com ☆

You can check Statistics from

this area once launched

☆ www.chairmanarnold.com ☆

Unbounce has a feature to

create a challenger page for

A/B testing / Optimization

☆ www.chairmanarnold.com ☆

Simple Click “Add Variant” to

create a Challenger Page to

compete with existing page

☆ www.chairmanarnold.com ☆

Do some minor modifications

of the existing page and save

it as second variant

☆ www.chairmanarnold.com ☆

Open your landing page

that just launched Live

☆ www.chairmanarnold.com ☆

Here’s how our Landing Page looks like when

opened in a desktop browser

☆ www.chairmanarnold.com ☆

You can add your Landing Page URL to your

Facebook Campaigns

☆ www.chairmanarnold.com ☆Mock Ads made with www.adparlor.com

Make use of this Features to

improve your

Conversion Numbers!

☆ www.chairmanarnold.com ☆

Now that you’ve learned the basics

of Unbounce, use this Powerful Tool

to Automate your Marketing!

☆ www.chairmanarnold.com ☆

Disclaimer:I Do not own the image and Company “Tokyo

Ryokan”. This is just for educational purposes.

☆ www.chairmanarnold.com ☆

Thank You!

☆ www.chairmanarnold.com ☆

top related