Unbounce Step by Step Guide

Want to create High
Converting Landing Pages?
☆ www.chairmanarnold.com ☆

Introducing
Unbounce.com

Unbounce lets you create
Stunning and Responsive
Landing Pages in minutes

What is a Landing Page?

A Landing Page is a Website
Page that allows you to
capture a Visitor's Information
through a Lead Form.

A Landing page has one
single purpose

CONVERSION!!!

Whether it be Direct Sales,
Lead Generation, Landing
Pages is extremely important
for your business to grow

Taken from www.buylandingpagedesign.com
Sample of Actual
Landing Page

Sample of Actual
Landing Page
Taken from www.neilpatel.com

After signing up, it will lead
to a Thank You Page
(sample below)

Ready to make your own
Landing page?

Let’s login to
www.Unbounce.com

Click Sign-up

Scroll Down to Sign-Up for
Free

Fill up Details to Create
your Free Account

Provide Details for your
Business, then click Get
started with unbounce

This is our Unbounce
Dashboard Page

These are the previous
Pages I made

Now lets create our first
Landing / Opt-in Page

Click Create New Page

You will be given templates
to choose

The left side is the types of
Templates you can use

The Right Side is a preview
of your chosen Template

For this tutorial lets choose

Remember,
the Simpler, the Better!

Enter Title of Landing Page

Click Start with this Template

This is your Page Builder

Let’s Delete some
unnecessary elements
of this Theme

Delete this portion (header)

Delete this portion
(form bar title)

Scroll Down to delete
bottom portion

Also, Delete This

Delete everything in the
bottom

Click Save to Update
Design

Time to Personalize our
Landing Page

Double Click on the
Headline to select it

Type your Headline in the
box at the bottom

Edit the Font Style

Edit the Font Size

Change Font Colors

Click Close When Done

Now Let’s change the page
image, double click this

Unbounce will load image
options

You will asked to choose from
default Unbounce photos or
upload your own

Let’s upload our own
image, click

Search for image of choice
in your computer

Click “Choose”

Click “Scale Image to Fit” or
“Don’t Scale” to adjust image size

Double Click Here

Add your form captions

Choose your Font Style

Choose your Font Size

Choose your Font Color

Click Close when Done

Let’s make a Landing page
that only asks for
an E-mail Address
(to drive Conversion)

Double Click Here to
Modify Form

A Design your form
window appears

Click on First name

Click Trash Bin icon to Delete

Click “What are you
interested in?”

Click DONE

Double Click Call to Action
Button to Modify

Edit Text Here

Double Click Here to edit
Copyright information

Type the Copyright
Information

Click “Close” when Done

Click Form Confirmation Dialog
to setup Thank you page

Double Click this space

Edit text by clicking it

Click Close when done

Go Back to Main Page

Double Click the sub-header
to edit it

Add sub-header contents and
click close when done

Adjust Font Size of Main
and Sub-header

Let’s Preview our work!
Click here

Let’s test the page

Click the Call to action Button

An error message appears.
Landing page works!

Enter an email address and
click the call to action button

The Thank you Page Appears

To check Landing Page in Mobile
click here in Page Builder

This is the mobile view;
adjust accordingly

Resize elements by clicking
and dragging corners

Click this icon return
to Dashboard Page

In the dashboard page, click
on the page we just made

To integrate with your auto-
responder software
(ex. Benchmark mail)

Choose Webhooks

Or click this to integrate
with 3rd party integrations

Or you can opt to have
the leads emailed to you

A separate tutorial will be
made for this
applications/integrations

Click Change URL

Add your website/domain
to this box

Click Change URL When
Done

Click on “Publish Page”

Click “Looks good , Publish Now”

Unbounce will initialize the
publishing process

Landing Page is done!

You can check Statistics from
this area once launched

Unbounce has a feature to
create a challenger page for
A/B testing / Optimization

Simple Click “Add Variant” to
create a Challenger Page to
compete with existing page

Do some minor modifications
of the existing page and save
it as second variant

Open your landing page
that just launched Live

Here’s how our Landing Page looks like when
opened in a desktop browser

You can add your Landing Page URL to your
Facebook Campaigns
Mock Ads made with www.adparlor.com

Make use of this Features to
improve your
Conversion Numbers!

Now that you’ve learned the basics
of Unbounce, use this Powerful Tool
to Automate your Marketing!

Disclaimer:
I Do not own the image and Company “Tokyo
Ryokan”. This is just for educational purposes.

Thank You!

Unbounce Step by Step Guide

Recommended

Recommended

More Related Content

What's hot

What's hot (8)

Viewers also liked

Viewers also liked (20)

Similar to Unbounce Step by Step Guide

Similar to Unbounce Step by Step Guide (9)

Recently uploaded

Recently uploaded (20)

Unbounce Step by Step Guide