Top Banner
131

Diane dela cruz_how to create a simple landing page with weebly

Jan 27, 2015

Download

Documents

Create a landing page for free! Here's how!
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Diane dela cruz_how to create a simple landing page with weebly
Page 2: Diane dela cruz_how to create a simple landing page with weebly

Weebly is one of my favorite free hosting services. I love their website builder! It’s so easy to use!

Page 3: Diane dela cruz_how to create a simple landing page with weebly

Before you can use it, you must create an account.

Page 4: Diane dela cruz_how to create a simple landing page with weebly

You can either connect the service to your Facebook account …

Page 5: Diane dela cruz_how to create a simple landing page with weebly

… or you can sign up the old-fashioned way: by providing your name, email, and password.

Page 6: Diane dela cruz_how to create a simple landing page with weebly
Page 7: Diane dela cruz_how to create a simple landing page with weebly

Once you have signed up, you can now log in.

Page 8: Diane dela cruz_how to create a simple landing page with weebly
Page 9: Diane dela cruz_how to create a simple landing page with weebly

Click the Facebook tab or enter your email and password.

Page 10: Diane dela cruz_how to create a simple landing page with weebly
Page 11: Diane dela cruz_how to create a simple landing page with weebly

To build a website, click the orange “Add Site” button.

Page 12: Diane dela cruz_how to create a simple landing page with weebly
Page 13: Diane dela cruz_how to create a simple landing page with weebly

Enter the title of your landing page.

Page 14: Diane dela cruz_how to create a simple landing page with weebly

I suggest that you name it as something like, “Thank you for joining my list.”

Page 15: Diane dela cruz_how to create a simple landing page with weebly
Page 16: Diane dela cruz_how to create a simple landing page with weebly

Select “Other” in the “Type of Site” dropdown menu.

Page 17: Diane dela cruz_how to create a simple landing page with weebly
Page 18: Diane dela cruz_how to create a simple landing page with weebly

Hit the continue button.

Page 19: Diane dela cruz_how to create a simple landing page with weebly
Page 20: Diane dela cruz_how to create a simple landing page with weebly

You will be prompted to select a website domain.

Page 21: Diane dela cruz_how to create a simple landing page with weebly
Page 22: Diane dela cruz_how to create a simple landing page with weebly

Select “Use a subdomain of Weebly.com” and hit the

orange button.

Page 23: Diane dela cruz_how to create a simple landing page with weebly
Page 24: Diane dela cruz_how to create a simple landing page with weebly

You will be brought to the website editor.

Page 25: Diane dela cruz_how to create a simple landing page with weebly
Page 26: Diane dela cruz_how to create a simple landing page with weebly

To change the theme of the website, click the “Design”

tab.

Page 27: Diane dela cruz_how to create a simple landing page with weebly
Page 28: Diane dela cruz_how to create a simple landing page with weebly

You will see this:

Page 29: Diane dela cruz_how to create a simple landing page with weebly
Page 30: Diane dela cruz_how to create a simple landing page with weebly

To get a better look of all the available themes, click on “All

Themes.”

Page 31: Diane dela cruz_how to create a simple landing page with weebly
Page 32: Diane dela cruz_how to create a simple landing page with weebly

You will find a gallery of themes. Click on the theme

you like.

Page 33: Diane dela cruz_how to create a simple landing page with weebly
Page 34: Diane dela cruz_how to create a simple landing page with weebly

This is a good theme for a landing page:

Page 35: Diane dela cruz_how to create a simple landing page with weebly
Page 36: Diane dela cruz_how to create a simple landing page with weebly

When you click on the theme you like, you will be shown a

preview.

Page 37: Diane dela cruz_how to create a simple landing page with weebly
Page 38: Diane dela cruz_how to create a simple landing page with weebly

Click “Use Theme” to use the design you want.

Page 39: Diane dela cruz_how to create a simple landing page with weebly
Page 40: Diane dela cruz_how to create a simple landing page with weebly

Make sure that these are all turned off:

Page 41: Diane dela cruz_how to create a simple landing page with weebly
Page 42: Diane dela cruz_how to create a simple landing page with weebly

Click to turn off:

Page 43: Diane dela cruz_how to create a simple landing page with weebly
Page 44: Diane dela cruz_how to create a simple landing page with weebly

To remove the header, hover your mouse on the picture and click on the gear icon.

Page 45: Diane dela cruz_how to create a simple landing page with weebly
Page 46: Diane dela cruz_how to create a simple landing page with weebly

Select “No Header.”

Page 47: Diane dela cruz_how to create a simple landing page with weebly
Page 48: Diane dela cruz_how to create a simple landing page with weebly

See, the picture is gone!

Page 49: Diane dela cruz_how to create a simple landing page with weebly
Page 50: Diane dela cruz_how to create a simple landing page with weebly

To add text and pictures to your landing page, click on

the “Elements” tab.

Page 51: Diane dela cruz_how to create a simple landing page with weebly
Page 52: Diane dela cruz_how to create a simple landing page with weebly

You will find elements of the website, which you can

simply drag.

Page 53: Diane dela cruz_how to create a simple landing page with weebly
Page 54: Diane dela cruz_how to create a simple landing page with weebly

Let’s say you want to add some title text.

Page 55: Diane dela cruz_how to create a simple landing page with weebly

Drag the “Title Text” icon into the website area.

Page 56: Diane dela cruz_how to create a simple landing page with weebly
Page 57: Diane dela cruz_how to create a simple landing page with weebly

You will see the words “Click here to edit.”

Page 58: Diane dela cruz_how to create a simple landing page with weebly
Page 59: Diane dela cruz_how to create a simple landing page with weebly

Now, obviously, you know what to do.

Page 60: Diane dela cruz_how to create a simple landing page with weebly

When you click, the area where the text should be will

have a yellow outline.

Page 61: Diane dela cruz_how to create a simple landing page with weebly

Enter your text.

Page 62: Diane dela cruz_how to create a simple landing page with weebly
Page 63: Diane dela cruz_how to create a simple landing page with weebly

This tool bar here will help you format the text (bold,

italicize, change the font size, etc.)

Page 64: Diane dela cruz_how to create a simple landing page with weebly
Page 65: Diane dela cruz_how to create a simple landing page with weebly

Use this to make your text bold.

Page 66: Diane dela cruz_how to create a simple landing page with weebly
Page 67: Diane dela cruz_how to create a simple landing page with weebly

Use the plus (+) or minus (-) sign to change the size of the

font.

Page 68: Diane dela cruz_how to create a simple landing page with weebly
Page 69: Diane dela cruz_how to create a simple landing page with weebly

Use this to hyperlink your text:

Page 70: Diane dela cruz_how to create a simple landing page with weebly
Page 71: Diane dela cruz_how to create a simple landing page with weebly

To insert a picture, drag the picture icon.

Page 72: Diane dela cruz_how to create a simple landing page with weebly
Page 73: Diane dela cruz_how to create a simple landing page with weebly

Click the blue rectangle to upload a photo from your

computer.

Page 74: Diane dela cruz_how to create a simple landing page with weebly
Page 75: Diane dela cruz_how to create a simple landing page with weebly

Then, click the green bar.

Page 76: Diane dela cruz_how to create a simple landing page with weebly
Page 77: Diane dela cruz_how to create a simple landing page with weebly

Here’s the picture:

Page 78: Diane dela cruz_how to create a simple landing page with weebly
Page 79: Diane dela cruz_how to create a simple landing page with weebly

You may want to reward your subscribers by giving them a

freebie like an e-book.

Page 80: Diane dela cruz_how to create a simple landing page with weebly

So how do you upload a file on a Weebly site?

Page 81: Diane dela cruz_how to create a simple landing page with weebly

See this?

Page 82: Diane dela cruz_how to create a simple landing page with weebly
Page 83: Diane dela cruz_how to create a simple landing page with weebly

Let’s take a closer look:

Page 84: Diane dela cruz_how to create a simple landing page with weebly
Page 85: Diane dela cruz_how to create a simple landing page with weebly

Click the link icon:

Page 86: Diane dela cruz_how to create a simple landing page with weebly
Page 87: Diane dela cruz_how to create a simple landing page with weebly

This will appear:

Page 88: Diane dela cruz_how to create a simple landing page with weebly
Page 89: Diane dela cruz_how to create a simple landing page with weebly

Click “File on your website.”

Page 90: Diane dela cruz_how to create a simple landing page with weebly
Page 91: Diane dela cruz_how to create a simple landing page with weebly

Click “upload a file.”

Page 92: Diane dela cruz_how to create a simple landing page with weebly
Page 93: Diane dela cruz_how to create a simple landing page with weebly

Choose the file you want to upload.

Page 94: Diane dela cruz_how to create a simple landing page with weebly
Page 95: Diane dela cruz_how to create a simple landing page with weebly

There are a few things you still need to do.

Page 96: Diane dela cruz_how to create a simple landing page with weebly

Click the “Pages” tab.

Page 97: Diane dela cruz_how to create a simple landing page with weebly
Page 98: Diane dela cruz_how to create a simple landing page with weebly

You will see this:

Page 99: Diane dela cruz_how to create a simple landing page with weebly
Page 100: Diane dela cruz_how to create a simple landing page with weebly

Click the orange “Add a Page” button.

Page 101: Diane dela cruz_how to create a simple landing page with weebly
Page 102: Diane dela cruz_how to create a simple landing page with weebly

Click “External Link” in the black dropdown.

Page 103: Diane dela cruz_how to create a simple landing page with weebly
Page 104: Diane dela cruz_how to create a simple landing page with weebly

Type the name of your main website or you can simply type

“blog” if you have a blog.

Page 105: Diane dela cruz_how to create a simple landing page with weebly
Page 106: Diane dela cruz_how to create a simple landing page with weebly

Type the link to your blog or website and click “Save

Settings.”

Page 107: Diane dela cruz_how to create a simple landing page with weebly
Page 108: Diane dela cruz_how to create a simple landing page with weebly

You will see this:

Page 109: Diane dela cruz_how to create a simple landing page with weebly
Page 110: Diane dela cruz_how to create a simple landing page with weebly

Don’t worry about the picture. The tab that has your main site

name or your blog’s title will lead people to your site or blog.

Page 111: Diane dela cruz_how to create a simple landing page with weebly
Page 112: Diane dela cruz_how to create a simple landing page with weebly

Click “Advanced Settings.”

Page 113: Diane dela cruz_how to create a simple landing page with weebly
Page 114: Diane dela cruz_how to create a simple landing page with weebly

You will see this:

Page 115: Diane dela cruz_how to create a simple landing page with weebly
Page 116: Diane dela cruz_how to create a simple landing page with weebly

Scroll down a bit further and check the box that says:

“Hide this page from search engines.”

Page 117: Diane dela cruz_how to create a simple landing page with weebly
Page 118: Diane dela cruz_how to create a simple landing page with weebly

Hit the “Save Settings” button.

Page 119: Diane dela cruz_how to create a simple landing page with weebly
Page 120: Diane dela cruz_how to create a simple landing page with weebly

Why would you want your site to be hidden from search

engines?

Page 121: Diane dela cruz_how to create a simple landing page with weebly

Because your freebie, which is only for your subscribers, is available through that site.

Page 122: Diane dela cruz_how to create a simple landing page with weebly

You wouldn’t want it to be found on search engines.

Page 123: Diane dela cruz_how to create a simple landing page with weebly

Why?

Page 124: Diane dela cruz_how to create a simple landing page with weebly

Because your freebie is meant to be downloaded by people who give you their email addresses!

Page 125: Diane dela cruz_how to create a simple landing page with weebly

They should get your freebie by entering their name and email

in your “email catcher.”

Page 126: Diane dela cruz_how to create a simple landing page with weebly

When your site is ready, hit the orange “Publish” button.

Page 127: Diane dela cruz_how to create a simple landing page with weebly
Page 128: Diane dela cruz_how to create a simple landing page with weebly
Page 129: Diane dela cruz_how to create a simple landing page with weebly

There you go!

Page 130: Diane dela cruz_how to create a simple landing page with weebly
Page 131: Diane dela cruz_how to create a simple landing page with weebly

The End.