10 Tips for Building Great Landing Pages

Whether you are planning to sell a product, promote a service or simply get people to subscribe to your email newsletter one of the best tools you have available is a landing page.

Creating an effective landing page is not always easy, though, and if you have been struggling with it I recommend you to read an article that was published on Copyblogger last week, titled The 10 Commandments of Landing Pages That Work.

Here’s a quote from the first commandment:

1. Thy landing page shalt have but one goal

Thy landing page shalt have but one goal, and the number of the goals shall be one. Not two, not zero, but one.

If thy landing page hath zero goals, it is a “branding” page, and such vanities shall bear no fruit.

If thy landing page hath more than one goal, thou shalt confuse thy visitor, who shall leave thy site in disgust and anger.

Thy copy shalt not be divided amongst more than one goal, for such shall surely drive thy visitor to lamentation and thy copywriter to madness.

Make sure to check the article for the other 9 points.

Wanna make money with your website?

Original Post: 10 Tips for Building Great Landing Pages

Daily Blog Tips


Get A Mobile Landing Page and QR Code for Your Social Profiles with Voxini

How do you share all of your social profiles and contact info with others? Do you list out your social profiles individually or do you have a single URL to give them? How about your contact information? Do you often give out your email address or phone number even though you would prefer not to? Well Voxini, the easiest way to share your social profiles on mobile devices, has found a simple solution for you.

With Voxini, you get to create a mobile landing page that displays links to all of your social profiles. Plus, it also includes four useful tabs: Call Me, Write Me, About Me, Send Me. If you add your phone number and email to Voxini, others will be able to call and email you without needing to know your actual information. About Me is pretty self explanatory – write a little something about yourself. Send Me lets people share your Voxini profile with others via text message.

So now that you get the general idea of Voxini, lets go through the process of setting an actual profile.

Edit Your Social Channels

Upon signing up you’ll need to connect all of your social accounts. As always, this is a process that could be pretty quick or pretty long depending on how many social accounts you need to add. For each site, you’ll see a explanation and an example of what you should be entering in the text box.

Add Your Social Accounts to Voxini

Unfortunately, you’re limited to just one account for each service. So you won’t be able to add multiple websites, Facebook accounts, Twitter accounts, etc.

However, I do like that you can see how your mobile landing page will look as you’re adding your accounts. You’ll see a mobile device on the right site of the page that automatically updates each time you add a new account.

Interact With Your Mobile Landing Page on Voxini

As you probably already guessed, this is not a static image, it’s very much dynamic. You can click on each social profile button to see just how your landing page will work when others interact with it. This is also a great way to test each button and make sure that it goes to the proper page.

Upload an Image

The next step is to upload an image. This is not required though and you will be able to skip it. If you prefer not to have a picture, then only your name will be displayed (as pictured above).

Personally, I feel that a picture should be required. As they say, ‘”a picture is worth 1,000 words”. Also, pictures are very important for any brand or individual looking to make a name themselves and want be taken seriously.

Update Your Profile

Lastly you’ll need to edit your actual profile. This is where you can enter basic information like your name, address, and short bio. As mentioned above, the information you enter in the “About Me” section will be displayed in the “About Me” tab on your landing page. So it’s pretty important to have at least a little something here. Also, keep in mind that your address will not be displayed publicly.

Get Your QR Code

After the final step you’ll get your own Voxini URL to share with the world along with your very own QR code. Just to test it out, I scanned the QR code with my iPad, and my Voxini profile does indeed come up. You can try scanning the code below to see for yourself (you’ll need a QR code scanning app for your device).

Share Your Own Personal QR Code With The World

This is definitely a creative way of sharing your social profiles; almost everyone has a URL of some sort to share, but what about a QR code? You don’t see that being used too often. Voxini will give the code in jpg and png format so that you can download them to share on your website, blog, or anywhere else.

View Your Stats

Voxini also provides you with stats regarding your pageviews, scans, visits, and browser version of visitors. Right now it’s in a pretty basic format, but “more comprehensive reporting” is coming soon.

I can confidently say that I’ll be sharing my Voxini QR code on my blogs and using it for networking purposes.

How about you? How do you plan to use Voxini?

Copyright © 2012 Blogging Tips. This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact us so we can take legal action immediately.

Blogging Tips


How to Create a FaceBook Landing Page for Your Blog

Yesterday I shared 5 ways that I’m using Facebook to drive traffic, Build Brand an increase Reader Engagement on my blogs.

After publishing the post I was asked a few questions about things that I brushed over that I thought might be worth following up upon. Here were the three main questions:

  • How did you make the landing page graphic?
  • How do you use the FBML application to serve up the landing page?
  • How do you make your landing page show up to new visitors?

Lets tackle them each in turn.

Creating the Landing Page Graphic

Let me start by saying that I’m very surprised anyone wants to emulate this because I did it myself and I’m certainly no designer.

Also worth noting is that the graphics on the current landing pages are temporary. I’m hoping to move them to a live html landing page in the coming weeks. The FBML facebook application lets you put any kind of html on the landing page which means that almost everything that you see in the graphic that I’ve created can become a live page. I could for instance make the blue mentions of my blogs in the graphic below live links (as would be the link to problogger and my twitter account at the bottom).

Screen shot 2010-06-30 at 9.07.55 PM.png

In the mean time though – I wanted to test the idea of a landing page and get some reader feedback on it before hiring a designer to create the html version.

As a result I went for creating it myself using Keynote. Keynote is a mac application similar (but better than) Powerpoint but you could probably use Powerpoint or pretty much any other kind of graphic program to create such a graphic.

In terms of what to put on the landing pages – I went for two different approaches with my two different facebook pages. On the ProBlogger one I went for a much more personal feel – my face, an invitation to connect with ‘Darren’, a personal introduction etc.

I decided to take this more personal approach because ProBlogger is a brand that I tie myself to quite a bit and my hunch is that a topic like making money from blogging is going to be viewed with suspicion and that a personal approach might help to break that down.

With my dPS landing page I obviously went with some similar layouts but kept it much more branded along the lines of the dPS site – and not very personal. I do try to get across some element of social proof though with the ‘3 million’ highlighted.


I’m thinking in the next version I’ll incorporate a couple of other factors – firstly something more ‘visual’ (it’s a site about photography after all) and a mention of it all being ‘free’.

How do you use the FBML application to serve up the landing page?

OK – so once you’ve got your graphic or html for the landing page – how do you get it up onto Facebook?

The tool I used was a little application called Static FBML.

The application allows you to add a ‘box’ to your page in which you can render HTML or FBML (Facebook Markup Language). You can also display it as a ‘tab’ (as I’ve done on mine).

Here’s how to create your Static FBML landing page:

1. go to the Static FBML application page on Facebook (make sure you’re logged in)

2. look for the ‘Add to my Page’ link under their logo (top right hand corner of the page) – click it!

Screen shot 2010-07-01 at 10.48.55 AM.png

3. A popup window will open up – it will contain any ‘pages’ that you are admin for that you can use it on. Hit the ‘add to page’ button on the page you’re wanting to use Static FBML to.

Screen shot 2010-07-01 at 10.51.30 AM.png

4. Go to the facebook page that you selected. Look for the ‘Edit page’ link under your page logo and click it.

Screen shot 2010-07-01 at 10.53.06 AM.png

5. On your ‘edit’ page scroll down to the Applications section until you see the FBML page. Click the ‘edit’ link.

Screen shot 2010-07-01 at 10.55.21 AM.png

6. Change the Box Title. I use the title of ‘Welcome’ but have other FBML pages for my newsletter, for my eBooks etc. Under the title box you need to enter your html. Don’t make your title too long as Facebook will cut it off.

In this case my html is pretty simple – I uploaded my image file (created above in Keynote) to my blog and so I simply embed the image code into the FBML application.

I also include two links for people to be able to click on to visit my site and my Twitter account. Once you’re done click ’save changes’.

edit fbml

7. Return to your page’s ‘edit’ page and look down to find your newly named page in the applications section. This time click ‘Application settings’.

Screen shot 2010-07-01 at 11.00.14 AM.png

8. A popup box will appear that lets you choose where to display your new application. By default it’ll be showing as a ‘box’ but not as a ‘tab’. I hit ‘remove’ for the box and hit ‘add’ for the tab. Then hit ‘okay’.

Screen shot 2010-07-01 at 11.01.07 AM.png

Selecting to show it as a ‘tab’ means that your landing page will now appear at the top of your page

Screen shot 2010-07-01 at 11.04.31 AM.png

Click the tab to check that it all looks ok. You might need to go back into edit the page to tweak it and get it looking right.

How do make your landing page show to new visitors?

The last thing that you might like to do is set up your landing page so that everyone who arrives at your facebook page is automatically taken to it. If you don’t do this it’ll just be a tab in the navigation area of your page and everyone will only see it if they click it.

By default everyone will be taken to your ‘Wall’ tab. This might be ok but if your have a landing page then it makes sense to have people land on it.

1. To change this visit your page and again click the ‘Edit Page’ link under your logo.

Screen shot 2010-07-01 at 10.53.06 AM.png 2. On your editing page look for ‘Wall Settings’ and click ‘edit’.

Screen shot 2010-07-01 at 11.09.23 AM.png

3. You’ll then be presented with an array of settings that you can choose to determine how your ‘Wall’ operates. The one we’re interested in is ‘Default Landing Tab for Everyone Else:’. By default it’ll show ‘Wall’ but you can choose any of your tabs here. Select your landing page and it’ll automatically change your settings.

Screen shot 2010-07-01 at 11.10.10 AM.png

Doing this will mean that anyone landing on your Facebook page for the first time will be taken to your landing page and not your Wall. From my understanding of Facebook’s FAQ they’ll then be taken to your Wall the next time they come to your site (it’d be great if Facebook allowed more control on this at some point to set different rules for what tabs are shown).

Some Final Tips for Facebook Landing Pages

Ultimately what you include on your landing page will depend upon the goals for your facebook page.

  1. Don’t Try to do too Much – As with all good landing pages you don’t want to try to achieve too much on a single page. If you try to get people to like your page, sign up for an email, watch a welcome video, follow you on Twitter, visit your forum, buy your eBook and share your page with a friend you might end up not getting any action. You can do more than one thing on a page but think about your priorities and make your primary one clear.
  2. Consider Secondary pages for other Actions – you can set up as many Static FBML tabs as you like. There’s only so much room in your navigation area to show tabs but you might want to set up other tabs for other purposes.
  3. Call people to Action – make it as clear as possible what action/s you’re wanting people to take. Remember not everyone will be as savvy as you on how to take that action so be as clear as possible.
  4. Test it – you might not get your landing page right the first time – try a variety of approaches to see how people respond.

Show us Your Facebook Landing Page

I know many ProBlogger readers already have facebook landing pages – and those of you who don’t now have the ability to do it – so I’d love to see examples of yours. To get the link simply go to your page’s edit page and scroll down to the application of your tab and click the ‘link to this tab’ link and you’ll have it.

Screen shot 2010-07-01 at 11.00.14 AM.png

Share a link in comments below with a link to your landing page.

Post from: Blog Tips at ProBlogger.


How to Create a FaceBook Landing Page for Your Blog

ProBlogger Blog Tips