Best Practices for Landing Pages that                           Convert                    Makhniboroda Andrey            ...
Task: Create a landing page for a                           footwear company                       Goal: To promote 25%   ...
Landing page main elements        1. The good or item that we are trying to promote or to           sell. It may be presen...
История  Brand signs, sneakers  Томас Каудел и Дэвид Майзелл - 1990©2012. QuartSoft Corp.
Brand signs, sneakers + headline and text©2012. QuartSoft Corp.
Brand signs, sneakers, headline + call to action with price
Brand signs, sneakers, headline, call to action + mailing form
Ready for analysisQuartSoft Corp.                          Promodowww.quartsoft.com          © 2012        www.promodo.com
Free Google tools that can help you                  optimize your landing pages                    Google Analytics      ...
How do you set up and track goals in GA?                    define what you want to track (up to 20 goals in              ...
What can we track on our landing page?         Click on “Buy Now”         button or URL this         button leads to      ...
Setting Up URL Destination Goals in GA               choose the Match Type carefully               depending on the Match ...
URL Destination Goal Match Types                Head Match                     order               Will match /order/custo...
Goals in GA reports               Goal reports are in Conversions section of your Google Analytics               profileQu...
Goals in GA reports               The funnel visualization report demonstrates where visitors enter and exit the conversio...
Re-DesignQuartSoft Corp.                 Promodowww.quartsoft.com      © 2012   www.promodo.com
Add productdescription
Add productdescriptionSeparateactions
Add productdescriptionSeparateactionsAddtestimonials
Add productdescriptionSeparateactionsAddtestimonialsSeparateactions again
Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage out
Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage outEven more!
Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage outEven more!Add socialmedia jus...
Google Website Optimizer            There are two types of experiments you can create in Website Optimizer                ...
A/B Experiment            You can test up to 127 totally different variations of your landing            page            P...
A/B Experiment                    Voila! Ready? Steady! Launch!QuartSoft Corp.                               Promodowww.qu...
A/B Experiment ReportQuartSoft Corp.                             Promodowww.quartsoft.com            © 2012         www.pr...
Multivariate Experiment              On the page you are going to test, choose              sections you would like Optimi...
Creating Variations for Multivariate Experiment        All the variations are based on the original code of the page      ...
Preview and Launch the Experiment                                       Before you launch the experiment you will         ...
Multivariate Experiment ReportingQuartSoft Corp.                                  Promodowww.quartsoft.com                ...
Takeaways                     Top 10 Most Useful GA Reports         Landing pages (most popular entrance paths, navigation...
Thank you for your attention!   Makhniboroda Andrey                         Anna Moseva   Team leader of Design department...
Best Practices for Landing Pages that Convert
Upcoming SlideShare
Loading in...5
×

Best Practices for Landing Pages that Convert

1,493

Published on

The most important aspect of running any eCommerce business is making sure the traffic to your site converts to sales. This webinar breaks down the key elements to successful landing page design and shows you how to use free tools from Google to optimize pages on your site.

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,493
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Best Practices for Landing Pages that Convert

  1. 1. Best Practices for Landing Pages that Convert Makhniboroda Andrey Anna Moseva Team leader of Design department SEO department analyst QuartSoft Corp. PromodoQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  2. 2. Task: Create a landing page for a footwear company Goal: To promote 25% mark-down for Nike SneakersQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  3. 3. Landing page main elements 1. The good or item that we are trying to promote or to sell. It may be presented as a picture or line of text with a description 2. A sharp headline with a clear meaning that reads well 3. Call to actionQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  4. 4. История Brand signs, sneakers Томас Каудел и Дэвид Майзелл - 1990©2012. QuartSoft Corp.
  5. 5. Brand signs, sneakers + headline and text©2012. QuartSoft Corp.
  6. 6. Brand signs, sneakers, headline + call to action with price
  7. 7. Brand signs, sneakers, headline, call to action + mailing form
  8. 8. Ready for analysisQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  9. 9. Free Google tools that can help you optimize your landing pages Google Analytics www.google.com/analytics/ Google Webmaster Tools www.google.com/webmasters/tools/ Google Website Optimizer www.google.com/websiteoptimizerQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  10. 10. How do you set up and track goals in GA? define what you want to track (up to 20 goals in one GA profile) go to Admin section of your GA account and select the tab Goals name your Goal, choose the Goal type and click SaveQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  11. 11. What can we track on our landing page? Click on “Buy Now” button or URL this button leads to Click on “Submit” button or URL this button leads toQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  12. 12. Setting Up URL Destination Goals in GA choose the Match Type carefully depending on the Match Type you’ve chosen enter the Goal URL (without a domain name) think about optional features of Value and FunnelQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  13. 13. URL Destination Goal Match Types Head Match order Will match /order/customer=1?category=2 /order/customer=3?category=1 /order/?anything Exact Match order/customer=1?category=2 Will match /order/customer=1?category=2 Regular Expression Match ?payment=ok Will match /order/customer=1 ?payment=ok /view/anything=3?payment=ok&anything Google Analytics Regular Expressions http://support.google.com/googleanalytics/bin/answer.py?hl=en&answer=55582QuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  14. 14. Goals in GA reports Goal reports are in Conversions section of your Google Analytics profileQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  15. 15. Goals in GA reports The funnel visualization report demonstrates where visitors enter and exit the conversion process and shows where there are bottlenecks in the processQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  16. 16. Re-DesignQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  17. 17. Add productdescription
  18. 18. Add productdescriptionSeparateactions
  19. 19. Add productdescriptionSeparateactionsAddtestimonials
  20. 20. Add productdescriptionSeparateactionsAddtestimonialsSeparateactions again
  21. 21. Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage out
  22. 22. Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage outEven more!
  23. 23. Add productdescriptionSeparateactionsAddtestimonialsSeparateactions againClear themessage outEven more!Add socialmedia just tospread itmore
  24. 24. Google Website Optimizer There are two types of experiments you can create in Website Optimizer A/B Experiment Multivariate Experiment You can create a completely You can test content variations new page with a totally new in multiple locations on a page layout during one experiment The easiest way of testing existing landing pages against But! You need to receive at least new ones 1,000 views per week of the page you are testingQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  25. 25. A/B Experiment You can test up to 127 totally different variations of your landing page Perfect for faster results even on low amounts of traffic What do I have to do to start? Choose the original landing page you want to test Create alternate versions of the original landing page, remember that for better results you need at least 100 conversions per 1 page variation to occur during the experiment Choose a real, live conversion page (like a “Thank you page”). You can also track clicks and events like playing the video or a PDF download as a conversion, if you tweak the conversion page code a little (more on this here http://support.google.com/websiteoptimizer/bin/answer.py?hl=en&answer=93181&ctx=gwo- sal-%2Fsiteopt%2Fplanning) Fill in this info when creating the experiment and where Google Website Optimizer requires it and you will get the codes you need to paste on those pagesQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  26. 26. A/B Experiment Voila! Ready? Steady! Launch!QuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  27. 27. A/B Experiment ReportQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  28. 28. Multivariate Experiment On the page you are going to test, choose sections you would like Optimizer to vary You can create up to: * 8 sections * 127 variations per section * 10 000 combinations Identify your conversion page or goal 4 JavaScript tags are required to be installed: control script (immediately after <head>) tracking script (before </body>) section script (cannot be placed within <noscript>, interrupted with html tags or inside scripts) + add names! script>utmx_section(“Headline")</script> <h1>50% off everything!</h1> </noscript> conversion page script (immediately after <head>)QuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  29. 29. Creating Variations for Multivariate Experiment All the variations are based on the original code of the page Give different and distinctive names to your variations Keep in mind that the more variations you create the longer the experiment will have to last to result in successful testsQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  30. 30. Preview and Launch the Experiment Before you launch the experiment you will have an option to choose the amount of total traffic that will be exposed to testing Preview your combinations (you may feel like disabling some once you do this) and press “Launch now” The experiment starts immediately and the first report will be available in 24 hoursQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  31. 31. Multivariate Experiment ReportingQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  32. 32. Takeaways Top 10 Most Useful GA Reports Landing pages (most popular entrance paths, navigation paths, in-page analytics) Bounce rate (problem pages and traffic sources) Map overlay (locations of profit) Conversion funnels Pages/visit and avg. time on site % of Mobile Devices CTR (+Webmaster Tools) New vs Returning visitors Converting pages, queries and traffic sources Brand queries, direct traffic growthQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  33. 33. Thank you for your attention! Makhniboroda Andrey Anna Moseva Team leader of Design department SEO department analyst QuartSoft Corp. Promodo LTD United States United Kingdom United States +1 415 992-7722 +44 0203 1376 681 +1 347 809-34-86 Email: zmey@quartsoft.com Email: a.moseva@promodo.com Skype: makhniboroda.andrey Skype: ann.moseva www.quartsoft.com www.promodo.comQuartSoft Corp. Promodowww.quartsoft.com © 2012 www.promodo.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×