Difference between revisions of "Learn/A-Facebook-Landing-Page-Without-HTML"

(migration import)
 

(33 intermediate revisions by one other user not shown)

Line 4: Line 4:
 
| Header = Facebook%20Landing%20Page%20sans%20the%20HTML
 
| Header = Facebook%20Landing%20Page%20sans%20the%20HTML
 
| Subhead = Point and click landing page setup
 
| Subhead = Point and click landing page setup
| Bitly = http://bit.ly/NeedBitly
+
| Bitly = http://bit.ly/FacebookSansHTML
| Date = 11 April 2011
+
| Date = April 21, 2011
 
}}
 
}}
 +
==Point and click landing page setup==
 +
----
 +
{{SiteReportMedRecAd}}Maybe you've seen our article on how to create a landing page for first-time visitors to your company's Facebook page, [[Learn/How-To-Create-a-Facebook-Landing-Page|How To Create a Facebook Landing Page]], and were dismayed to find you needed [[Glossary/HTML|HTML]] to create that page.
 +
<br />
 +
Don't despair! You ''can'' create a Facebook landing page for new visitors even if you don't know HTML. Here's our step-by-step guide.
  
A few weeks ago I wrote a post on the weblog about this: [http://blog.aboutus.org/2011/03/16/non-html-facebook-landing-page/ Non HTML Facebook Landing Page]. It was in response to a question about whether we at AboutUs are expecting business owners to have some [[Glossary/HTML|HTML]] proficiency after our [[Learn/A-Facebook-Landing-Page-Engages-New-Visitors|A Facebook Landing Page Engages New Visitors]] article - which relies on HTML.
+
=='''1.''' Sign in to [http://www.pagemodo.com Pagemodo].==
 +
----
 +
: [[Image:LandingPageNonHTML6.jpg]]
  
Here, I want to go through this easy process step by step, because there are some stumbling points.  
+
=='''2.''' Start a new page.==
 +
----
 +
: [[Image:LandingPageNonHTML.jpg]]
  
<big>'''1.'''</big>Sign in to [http://www.pagemodo.com pagemodo].
+
=='''3.''' Pick the template you like - you have 17 choices.==
: [[Image:LandingPageNonHTML6.jpg]]
+
----
 
 
<big>'''2.'''</big>Pick the template you like, of 17 choices.
 
 
: [[Image:LandingPageNonHTML2.jpg|600px]]
 
: [[Image:LandingPageNonHTML2.jpg|600px]]
  
<big>'''3.'''</big>Fill in all the fields - helpful hints - add links - save often.
+
=='''4.''' After you select the template, you will need to customize it.==
 +
----
 +
: [[Image:LandingPageNonHTML3.jpg]]
  
[[Learn/The-Importance-of-a-Landing-Page|The Importance of a Landing Page]]
+
=='''5.''' Fill in all the fields you want.==
 +
----
 +
Don't worry about styling on your first pass - just concentrate on what you want to say. Make sure you '''add a link''' to every section - headline, description, images - and send people where you want them to go - to a sales page, for example.
  
[[Image:LandingPageNonHTML.jpg]]
+
: [[Image:LandingPageNonHTML4.jpg]]
  
 +
=='''6.''' Save your work by clicking the small '''Save for Later''' button.==
 +
----
 +
Don't click the big '''Buy & Install''' button yet. If you do, you'll be purchasing the '''Pro''' version of Pagemodo, at $13.25 per month.
  
[[Image:LandingPageNonHTML3.jpg]]
+
: [[Image:LandingPageNonHTML5.jpg]]
  
[[Image:LandingPageNonHTML4.jpg]]
+
=='''7.''' Scroll back up to the '''Subscription''' box.==
 +
----
 +
You can choose the '''Free''' option here. Once you do, you'll see a button that says simply '''Install''', rather than the '''Buy & Install''' button you saw before.
  
[[Image:LandingPageNonHTML5.jpg]]
+
: [[Image:LandingPageNonHTML7.jpg]]
  
[[Image:LandingPageNonHTML7.jpg]]
+
=='''8.''' REMEMBER, your landing page is for new visitors only.==
 +
----
 +
The landing page you've just created will be seen ONLY by people who haven't already '''liked''' your Facebook page. Test it by signing out of Facebook and navigating back to your Facebook page. You should see your new landing page. You will '''NOT''' see it when you're signed in.
  
 +
Think about what you want people to see if they're new to your Facebook page. They don't know what your page is about, or what your company does. You also need about what you want people to do when they first come to your Facebook page - '''like''' it? Sign up for your email newsletter? Go to your site and buy something?
  
Within a few hours of working with this, I set up this landing page for [[AboutUs]]: [http://www.facebook.com/AboutUs.org?sk=app_112078882147346 http://blog.AboutUs.org/wp-content/uploads/2011/03/PagemodoScreenshotSmall.png]
+
To read more about creating a great landing page, read [[Learn/The-Importance-of-a-Landing-Page|The Importance of a Landing Page]].
  
 +
See some great examples of Facebook landing pages in our article, [[Learn/A-Facebook-Landing-Page-Engages-New-Visitors|A Facebook Landing Page Engages New Visitors]].
  
Earlier this month, Emily Widle wrote a great article on how to add a dynamic landing page for new people visiting you on Facebook
+
==Tested at AboutUs==
 
 
----
 
'''''Check out how your home page looks to search engines and people with the free [[Website-Visibility-Report|Home Page Analysis]]. Want a deeper look at all your site's pages? Try an [http://www.aboutus.org/site-report/buy  AboutUs Site Report].
 
 
----
 
----
 +
<div style="float: right">[http://www.facebook.com/AboutUs.org?sk=app_112078882147346 http://blog.AboutUs.org/wp-content/uploads/2011/03/PagemodoScreenshotSmall.png]</div>
 +
It took me a few hours to set up the Facebook landing page for [[AboutUs]], using Pagemodo. Since I don't know how to code in HTML, I felt like I was using a really powerful tool - it enabled me to do something that was previously off limits.
 
{{LearnBottomBio
 
{{LearnBottomBio
 
| Writer = MarkDilley
 
| Writer = MarkDilley
 
| Name = MarkDilley
 
| Name = MarkDilley
| Image = Image:MarkDilleyLogo.png
+
| Image = Image:MarkDilleyPortrait2011.png
| AuthorWebsite = AboutUs.org
+
| AuthorWebsite = MarkDilley.org
| ShortBio = Mark is...  
+
| ShortBio = Mark is employee #2 at AboutUs. He helps customers and site members with AboutUs products and services.
 
}}
 
}}

Latest revision as of 07:57, 12 November 2013

By [[User:|]] on

Point and click landing page setup


Maybe you've seen our article on how to create a landing page for first-time visitors to your company's Facebook page, How To Create a Facebook Landing Page, and were dismayed to find you needed HTML to create that page.
Don't despair! You can create a Facebook landing page for new visitors even if you don't know HTML. Here's our step-by-step guide.

1. Sign in to Pagemodo.


LandingPageNonHTML6.jpg

2. Start a new page.


LandingPageNonHTML.jpg

3. Pick the template you like - you have 17 choices.


LandingPageNonHTML2.jpg

4. After you select the template, you will need to customize it.


LandingPageNonHTML3.jpg

5. Fill in all the fields you want.


Don't worry about styling on your first pass - just concentrate on what you want to say. Make sure you add a link to every section - headline, description, images - and send people where you want them to go - to a sales page, for example.

LandingPageNonHTML4.jpg

6. Save your work by clicking the small Save for Later button.


Don't click the big Buy & Install button yet. If you do, you'll be purchasing the Pro version of Pagemodo, at $13.25 per month.

LandingPageNonHTML5.jpg

7. Scroll back up to the Subscription box.


You can choose the Free option here. Once you do, you'll see a button that says simply Install, rather than the Buy & Install button you saw before.

LandingPageNonHTML7.jpg

8. REMEMBER, your landing page is for new visitors only.


The landing page you've just created will be seen ONLY by people who haven't already liked your Facebook page. Test it by signing out of Facebook and navigating back to your Facebook page. You should see your new landing page. You will NOT see it when you're signed in.

Think about what you want people to see if they're new to your Facebook page. They don't know what your page is about, or what your company does. You also need about what you want people to do when they first come to your Facebook page - like it? Sign up for your email newsletter? Go to your site and buy something?

To read more about creating a great landing page, read The Importance of a Landing Page.

See some great examples of Facebook landing pages in our article, A Facebook Landing Page Engages New Visitors.

Tested at AboutUs


PagemodoScreenshotSmall.png

It took me a few hours to set up the Facebook landing page for AboutUs, using Pagemodo. Since I don't know how to code in HTML, I felt like I was using a really powerful tool - it enabled me to do something that was previously off limits.


Retrieved from "http://aboutus.com/index.php?title=Learn/A-Facebook-Landing-Page-Without-HTML&oldid=33618499"