unbounce step by step guide

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

Upload: chairmanarnold

Post on 20-Feb-2017

215 views

Category:

Marketing


2 download

TRANSCRIPT

Page 1: Unbounce Step by Step Guide

Want to create High

Converting Landing Pages?

☆ www.chairmanarnold.com ☆

Page 2: Unbounce Step by Step Guide

Introducing

Unbounce.com

☆ www.chairmanarnold.com ☆

Page 3: Unbounce Step by Step Guide

Unbounce lets you create

Stunning and Responsive

Landing Pages in minutes

☆ www.chairmanarnold.com ☆

Page 4: Unbounce Step by Step Guide

What is a Landing Page?

☆ www.chairmanarnold.com ☆

Page 5: Unbounce Step by Step Guide

A Landing Page is a Website

Page that allows you to

capture a Visitor's Information

through a Lead Form.

☆ www.chairmanarnold.com ☆

Page 6: Unbounce Step by Step Guide

A Landing page has one

single purpose

☆ www.chairmanarnold.com ☆

Page 7: Unbounce Step by Step Guide

CONVERSION!!!

☆ www.chairmanarnold.com ☆

Page 8: Unbounce Step by Step Guide

Whether it be Direct Sales,

Lead Generation, Landing

Pages is extremely important

for your business to grow

☆ www.chairmanarnold.com ☆

Page 9: Unbounce Step by Step Guide

☆ www.chairmanarnold.com ☆

Taken from www.buylandingpagedesign.com

Sample of Actual

Landing Page

Page 10: Unbounce Step by Step Guide

Sample of Actual

Landing Page

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

Page 11: Unbounce Step by Step Guide

After signing up, it will lead

to a Thank You Page

(sample below)

☆ www.chairmanarnold.com ☆

Page 12: Unbounce Step by Step Guide

Ready to make your own

Landing page?

☆ www.chairmanarnold.com ☆

Page 13: Unbounce Step by Step Guide

Let’s login to

www.Unbounce.com

☆ www.chairmanarnold.com ☆

Page 14: Unbounce Step by Step Guide

Click Sign-up

☆ www.chairmanarnold.com ☆

Page 15: Unbounce Step by Step Guide

Scroll Down to Sign-Up for

Free

☆ www.chairmanarnold.com ☆

Page 16: Unbounce Step by Step Guide

Fill up Details to Create

your Free Account

☆ www.chairmanarnold.com ☆

Page 17: Unbounce Step by Step Guide

Provide Details for your

Business, then click Get

started with unbounce

☆ www.chairmanarnold.com ☆

Page 18: Unbounce Step by Step Guide

This is our Unbounce

Dashboard Page

☆ www.chairmanarnold.com ☆

Page 19: Unbounce Step by Step Guide

These are the previous

Pages I made

☆ www.chairmanarnold.com ☆

Page 20: Unbounce Step by Step Guide

Now lets create our first

Landing / Opt-in Page

☆ www.chairmanarnold.com ☆

Page 21: Unbounce Step by Step Guide

Click Create New Page

☆ www.chairmanarnold.com ☆

Page 22: Unbounce Step by Step Guide

You will be given templates

to choose

☆ www.chairmanarnold.com ☆

Page 23: Unbounce Step by Step Guide

The left side is the types of

Templates you can use

☆ www.chairmanarnold.com ☆

Page 24: Unbounce Step by Step Guide

The Right Side is a preview

of your chosen Template

☆ www.chairmanarnold.com ☆

Page 25: Unbounce Step by Step Guide

For this tutorial lets choose

☆ www.chairmanarnold.com ☆

Page 26: Unbounce Step by Step Guide

Remember,

the Simpler, the Better!

☆ www.chairmanarnold.com ☆

Page 27: Unbounce Step by Step Guide

Enter Title of Landing Page

☆ www.chairmanarnold.com ☆

Page 28: Unbounce Step by Step Guide

Click Start with this Template

☆ www.chairmanarnold.com ☆

Page 29: Unbounce Step by Step Guide

This is your Page Builder

☆ www.chairmanarnold.com ☆

Page 30: Unbounce Step by Step Guide

Let’s Delete some

unnecessary elements

of this Theme

☆ www.chairmanarnold.com ☆

Page 31: Unbounce Step by Step Guide

Delete this portion (header)

☆ www.chairmanarnold.com ☆

Page 32: Unbounce Step by Step Guide

Delete this portion

(form bar title)

☆ www.chairmanarnold.com ☆

Page 33: Unbounce Step by Step Guide

Scroll Down to delete

bottom portion

☆ www.chairmanarnold.com ☆

Page 34: Unbounce Step by Step Guide

Also, Delete This

☆ www.chairmanarnold.com ☆

Page 35: Unbounce Step by Step Guide

Delete everything in the

bottom

☆ www.chairmanarnold.com ☆

Page 36: Unbounce Step by Step Guide

Click Save to Update

Design

☆ www.chairmanarnold.com ☆

Page 37: Unbounce Step by Step Guide

Time to Personalize our

Landing Page

☆ www.chairmanarnold.com ☆

Page 38: Unbounce Step by Step Guide

Double Click on the

Headline to select it

☆ www.chairmanarnold.com ☆

Page 39: Unbounce Step by Step Guide

Type your Headline in the

box at the bottom

☆ www.chairmanarnold.com ☆

Page 40: Unbounce Step by Step Guide

Edit the Font Style

☆ www.chairmanarnold.com ☆

Page 41: Unbounce Step by Step Guide

Edit the Font Size

☆ www.chairmanarnold.com ☆

Page 42: Unbounce Step by Step Guide

Change Font Colors

☆ www.chairmanarnold.com ☆

Page 43: Unbounce Step by Step Guide

Click Close When Done

☆ www.chairmanarnold.com ☆

Page 44: Unbounce Step by Step Guide

Now Let’s change the page

image, double click this

☆ www.chairmanarnold.com ☆

Page 45: Unbounce Step by Step Guide

Unbounce will load image

options

☆ www.chairmanarnold.com ☆

Page 46: Unbounce Step by Step Guide

You will asked to choose from

default Unbounce photos or

upload your own

☆ www.chairmanarnold.com ☆

Page 47: Unbounce Step by Step Guide

Let’s upload our own

image, click

☆ www.chairmanarnold.com ☆

Page 48: Unbounce Step by Step Guide

Search for image of choice

in your computer

☆ www.chairmanarnold.com ☆

Page 49: Unbounce Step by Step Guide

Click “Choose”

☆ www.chairmanarnold.com ☆

Page 50: Unbounce Step by Step Guide

Click “Scale Image to Fit” or

“Don’t Scale” to adjust image size

☆ www.chairmanarnold.com ☆

Page 51: Unbounce Step by Step Guide

Double Click Here

☆ www.chairmanarnold.com ☆

Page 52: Unbounce Step by Step Guide

Add your form captions

☆ www.chairmanarnold.com ☆

Page 53: Unbounce Step by Step Guide

Choose your Font Style

☆ www.chairmanarnold.com ☆

Page 54: Unbounce Step by Step Guide

Choose your Font Size

☆ www.chairmanarnold.com ☆

Page 55: Unbounce Step by Step Guide

Choose your Font Color

☆ www.chairmanarnold.com ☆

Page 56: Unbounce Step by Step Guide

Click Close when Done

☆ www.chairmanarnold.com ☆

Page 57: Unbounce Step by Step Guide

Let’s make a Landing page

that only asks for

an E-mail Address

(to drive Conversion)

☆ www.chairmanarnold.com ☆

Page 58: Unbounce Step by Step Guide

Double Click Here to

Modify Form

☆ www.chairmanarnold.com ☆

Page 59: Unbounce Step by Step Guide

A Design your form

window appears

☆ www.chairmanarnold.com ☆

Page 60: Unbounce Step by Step Guide

Click on First name

☆ www.chairmanarnold.com ☆

Page 61: Unbounce Step by Step Guide

Click Trash Bin icon to Delete

☆ www.chairmanarnold.com ☆

Page 62: Unbounce Step by Step Guide

Click “What are you

interested in?”

☆ www.chairmanarnold.com ☆

Page 63: Unbounce Step by Step Guide

Click Trash Bin icon to Delete

☆ www.chairmanarnold.com ☆

Page 64: Unbounce Step by Step Guide

Click DONE

☆ www.chairmanarnold.com ☆

Page 65: Unbounce Step by Step Guide

Double Click Call to Action

Button to Modify

☆ www.chairmanarnold.com ☆

Page 66: Unbounce Step by Step Guide

Edit Text Here

☆ www.chairmanarnold.com ☆

Page 67: Unbounce Step by Step Guide

Double Click Here to edit

Copyright information

☆ www.chairmanarnold.com ☆

Page 68: Unbounce Step by Step Guide

Type the Copyright

Information

☆ www.chairmanarnold.com ☆

Page 69: Unbounce Step by Step Guide

Click “Close” when Done

☆ www.chairmanarnold.com ☆

Page 70: Unbounce Step by Step Guide

Click Form Confirmation Dialog

to setup Thank you page

☆ www.chairmanarnold.com ☆

Page 71: Unbounce Step by Step Guide

Double Click this space

☆ www.chairmanarnold.com ☆

Page 72: Unbounce Step by Step Guide

Edit text by clicking it

☆ www.chairmanarnold.com ☆

Page 73: Unbounce Step by Step Guide

Click Close when done

☆ www.chairmanarnold.com ☆

Page 74: Unbounce Step by Step Guide

Go Back to Main Page

☆ www.chairmanarnold.com ☆

Page 75: Unbounce Step by Step Guide

Double Click the sub-header

to edit it

☆ www.chairmanarnold.com ☆

Page 76: Unbounce Step by Step Guide

Add sub-header contents and

click close when done

☆ www.chairmanarnold.com ☆

Page 77: Unbounce Step by Step Guide

Adjust Font Size of Main

and Sub-header

☆ www.chairmanarnold.com ☆

Page 78: Unbounce Step by Step Guide

Let’s Preview our work!

Click here

☆ www.chairmanarnold.com ☆

Page 79: Unbounce Step by Step Guide

☆ www.chairmanarnold.com ☆

Page 80: Unbounce Step by Step Guide

Let’s test the page

☆ www.chairmanarnold.com ☆

Page 81: Unbounce Step by Step Guide

Click the Call to action Button

☆ www.chairmanarnold.com ☆

Page 82: Unbounce Step by Step Guide

An error message appears.

Landing page works!

☆ www.chairmanarnold.com ☆

Page 83: Unbounce Step by Step Guide

Enter an email address and

click the call to action button

☆ www.chairmanarnold.com ☆

Page 84: Unbounce Step by Step Guide

The Thank you Page Appears

☆ www.chairmanarnold.com ☆

Page 85: Unbounce Step by Step Guide

To check Landing Page in Mobile

click here in Page Builder

☆ www.chairmanarnold.com ☆

Page 86: Unbounce Step by Step Guide

This is the mobile view;

adjust accordingly

☆ www.chairmanarnold.com ☆

Page 87: Unbounce Step by Step Guide

Resize elements by clicking

and dragging corners

☆ www.chairmanarnold.com ☆

Page 88: Unbounce Step by Step Guide

Click this icon return

to Dashboard Page

☆ www.chairmanarnold.com ☆

Page 89: Unbounce Step by Step Guide

In the dashboard page, click

on the page we just made

☆ www.chairmanarnold.com ☆

Page 90: Unbounce Step by Step Guide

To integrate with your auto-

responder software

(ex. Benchmark mail)

☆ www.chairmanarnold.com ☆

Page 91: Unbounce Step by Step Guide

Choose Webhooks

☆ www.chairmanarnold.com ☆

Page 92: Unbounce Step by Step Guide

Or click this to integrate

with 3rd party integrations

☆ www.chairmanarnold.com ☆

Page 93: Unbounce Step by Step Guide

Or you can opt to have

the leads emailed to you

☆ www.chairmanarnold.com ☆

Page 94: Unbounce Step by Step Guide

A separate tutorial will be

made for this

applications/integrations

☆ www.chairmanarnold.com ☆

Page 95: Unbounce Step by Step Guide

Click Change URL

☆ www.chairmanarnold.com ☆

Page 96: Unbounce Step by Step Guide

Add your website/domain

to this box

☆ www.chairmanarnold.com ☆

Page 97: Unbounce Step by Step Guide

Click Change URL When

Done

☆ www.chairmanarnold.com ☆

Page 98: Unbounce Step by Step Guide

Click on “Publish Page”

☆ www.chairmanarnold.com ☆

Page 99: Unbounce Step by Step Guide

Click “Looks good , Publish Now”

☆ www.chairmanarnold.com ☆

Page 100: Unbounce Step by Step Guide

Unbounce will initialize the

publishing process

☆ www.chairmanarnold.com ☆

Page 101: Unbounce Step by Step Guide

Landing Page is done!

☆ www.chairmanarnold.com ☆

Page 102: Unbounce Step by Step Guide

You can check Statistics from

this area once launched

☆ www.chairmanarnold.com ☆

Page 103: Unbounce Step by Step Guide

Unbounce has a feature to

create a challenger page for

A/B testing / Optimization

☆ www.chairmanarnold.com ☆

Page 104: Unbounce Step by Step Guide

Simple Click “Add Variant” to

create a Challenger Page to

compete with existing page

☆ www.chairmanarnold.com ☆

Page 105: Unbounce Step by Step Guide

Do some minor modifications

of the existing page and save

it as second variant

☆ www.chairmanarnold.com ☆

Page 106: Unbounce Step by Step Guide

Open your landing page

that just launched Live

☆ www.chairmanarnold.com ☆

Page 107: Unbounce Step by Step Guide

Here’s how our Landing Page looks like when

opened in a desktop browser

☆ www.chairmanarnold.com ☆

Page 108: Unbounce Step by Step Guide

You can add your Landing Page URL to your

Facebook Campaigns

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

Page 109: Unbounce Step by Step Guide

Make use of this Features to

improve your

Conversion Numbers!

☆ www.chairmanarnold.com ☆

Page 110: Unbounce Step by Step Guide

Now that you’ve learned the basics

of Unbounce, use this Powerful Tool

to Automate your Marketing!

☆ www.chairmanarnold.com ☆

Page 111: Unbounce Step by Step Guide

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

Ryokan”. This is just for educational purposes.

☆ www.chairmanarnold.com ☆

Page 112: Unbounce Step by Step Guide

Thank You!

☆ www.chairmanarnold.com ☆