Optimizing Landing Pages for Multichannel Marketing

Strictly defined, a landing page is a singular web page that’s built to receive visitors from a defined subset of a target audience. These pages are responsible for persuading visitors to heed calls to action that will fulfill a marketer’s conversion goals.

The average person may think that all landing pages do is capture email addresses, but that’s not the case. Landing pages may also be used to facilitate downloads, persuade visitors to subscribe to newsletters, show videos, pitch sales, upsell existing customers, or offer other navigational options.

Technically, any web page that’s being used as the go-to destination for advertising and SEO can be classified as a landing page. This is particularly true in multi-channel marketing where different promotional avenues may require different configurations and styles of landing pages that are best fitted to receive the kind of traffic that each channel pushes.

Optimizing a Landing Page

Advertising and SEO aren’t enough to turn visits into qualified leads. Most of the time, marketers have to do varying levels of optimization to make sure the pages get good visibility while serving up good user experiences that encourage conversions. Here are nine steps to optimize a landing page for various promotional channels:

1. Determine the Landing Page’s Purpose

The first step in creating a functional landing page is deciding what it’s for. Are you using it to generate leads? Perhaps to pitch a sale? Whatever it is, the purpose has to be solitary and focused. Trying to get a visitor to do more than one thing usually leads to confusion and failure.

The landing page’s purpose sets the tone for everything from its headline to the body text and right down to its call to action. Keep in mind that Internet browsing attention span is short and volatile. If you bore or confuse your audience, your conversion rate suffers. Keep the messaging simple and united at all times.

2. Identify and Set the Value Proposition

In marketing, it’s never about you and what you want. It’s always about what’s in it for the target audience and how you can leverage that to get what you want in the process. That principle applies strongly to landing pages. It’s never about you, your mailing list or your sales figures. It’s always about the perceived value that your audience will get from absorbing your content and heeding your call to action.

When writing the copy, make the promise explicit every step of the way. Tell the reader how your offering either increases their pleasures or takes away their pains. Write about that in the opening paragraph and make it lead nicely to the benefit statement. Underscore your offers other benefits by enumerating them in short but impactful bullet points. Lastly, make it clear that your audience can only help you fulfill your promise by taking on your call to action.

3. Create at Least Two of Each Element

Landing page design and copywriting aren’t the most exact of sciences. You may have every reason to think that one headline or color scheme is better than another, but the majority of your audience could think otherwise. For that reason, testing is an essential part of landing page optimization. It provides empirical data straight from the field that helps you assess which parts of your landing page are working and which ones need to be improved.

Practically anything in a landing page can be tested. Headlines, buttons, calls-to-action and color palettes can be exposed to a sample set of the audience to gauge visitor responses. Tools such as Google Analytics can streamline the process and help you crunch the numbers for accurate result analysis.

There are two main types of testing used in landing page optimization: A/B testing and multivariate testing. A/B testing, also known as split testing, is the type that switches out singular landing page elements to see which one performs better. Multivariate tests, on the other hand, are experiments that measure which combination of elements performs best.

4. Determine Where the Page Fold is

In newspaper parlance, the fold is the not-so-imaginary line separating the top half from the bottom half of a broadsheet. The most important headlines, images, and news stories are placed above the fold while everything else is positioned below it.

We may be in a day and age where news publications have gone online and folds no longer exist as we knew them, but they go on in a different form. As far as web pages go, “above the fold” pertains to the area that’s immediately visible when the page fully loads. This area is prime online real estate and it will determine whether or not the majority of your audience will stay and scroll down.

Having said that, it’s crucial for a landing page to position vital elements such as the headline and important images above the fold. The promise of value has to be sensed by the audience within a few seconds and without scrolling down.

Granted, users will vary in devices and screen resolution preferences which means the fold may vary from person to person. However, you can compensate for that by planning for what the majority will use. For desktop devices, it’s a safe bet to assume that the average screen resolution will be 1600×900 or close variants of that.

Smartphones and tablets may have totally different display specifications and you’ll want to cater for them with either mobile-friendly counterparts of your landing pages or well-planned responsive webpages that scale down accurately to the devices viewing them.

5. Apply Basic SEO

Search engine traffic is still the best driver of qualified visitors to a landing page. Make sure to use keywords in important elements such as title tags, header tags, image alternate text and body copy. Make sure you use canonical URLs and if you can direct some internal and external links to the landing page, by all means do so.

Even when you’re not relying on organic search traffic to feed visitors to your landing page, you should still apply these optimizations. Title tags and meta descriptions display prominently when your landing page URL is shared on social media. PPC bots also crawl landing pages and award relevance points when these important SEO elements are filled in accurately. Basic SEO doesn’t require a lot of effort but it will reward your landing page in more ways than one.

6. Make Sure It’s Mobile-Friendly

By the end of 2014, it was reported that mobile Internet use has officially surpassed desktop usage. This is a huge development and the trend seems to only be getting started.

The mobile web is a big, open market and early adopters are bound to be rewarded. If you want to tap the latest evolution of the Internet as we know it, it’s in your best interest to make your landing pages mobile-friendly.

7. Remove Unnecessary Links

Think of links within your landing page as exit routes. The more of them you have, the greater the chances that visitors will wander off somewhere and never come back. To maximize your conversion rate, it’s usually best to have only one clickable item: the call-to-action button. This helps you funnel your traffic more easily towards the kind of user action that results in the fulfilment of your conversion goals.

Links aren’t bad per se, but make sure you absolutely have to have them before you place them on the landing page. Examples of these links are the ones leading to your privacy policy and terms of use. Just make sure they’re set up to open in new tabs or windows so you don’t end up pulling visitors away from the landing page itself.

8. Add Social Proof

Social proof is the psychological phenomenon where people assume that the actions and thoughts of others is the correct one. More often than not, adding elements of social proof to a landing page helps increase conversion rates by reducing the audience’s perception of risk.

By that token, badges, testimonials and statistics help you build a better case for your call to action. Social proof widgets are usually placed either on the sidebars or the bottom part of the landing page. They’re completely optional but they’re great to have whenever you can get hold of them.

9. Track it All with Analytics

No matter how good your landing page does when you launch it, there’s always room for you to improve it en route to better conversion rates. Track it with Google Analytics or other web analytics platforms and monitor key metrics such as bounce rates, average times on the page and conversion rates.

This will help you measure user engagement and understand visitor behaviour. It will also shed insights on whether or not you need to make adjustments in order to get the most out of the page and the promotions you’re doing.

Finished

Using landing pages for multichannel marketing isn’t the most exact of sciences and it needs constant testing with corresponding adjustments to yield the best results. Keep refining your craft and better traction won’t be far behind.

Image Source: Outlined IT Icons via Shutterstock.

The post Optimizing Landing Pages for Multichannel Marketing appeared first on Speckyboy Web Design Magazine.

No related posts.

Optimizing Landing Pages for Multichannel Marketing

Build High Quality Landing Pages With Qards [WordPress Plugin]

Are you find it hard to build your web pages exactly the way you want them to look? Is the creation process taking longer than you would like, even with the help of a WordPress theme? Then, you might want to try out Qards.

Qards is a WordPress plugin, produced by Designmodo, which allows you to edit existing pages or produce new pages precisely the way you intended. It makes use of editable cards which can be individually arranged by drag and drop, giving you the flexibility to make a unique web page.

Qards does the work, but leaves you in full control of what is happening. The end result is a landing page, or sometimes an entire website, that is precisely as you envisioned it.

Best Use For Qards

With Qards, you can take an already-built landing page and edit it to your heart’s content. You can also create a copy of it and build a new landing page from that. This makes Qards a great tool for maintaining consistency to a website design, allowing you achieve a similar ongoing and unifying theme from one page to the next.

Alternatively, you can use this plugin independent of a WordPress theme and just create a completely new website from scratch. Qards is flexible enough to allow you to start from any stage of the design process.

How Qards Work

Qards works like a puzzle except it isn’t — because you always know what it will do, and what you can do with the pieces. The puzzle pieces in this case are blocks on the cards.

Qards comes with a library of 8 cards, each with 8 different categories or features to be used in conjunction with a page-building menu. Take the card or cards you want to use and start editing, using the various menu options and the drag-and-drop function to do so. You can just as easily eliminate cards or blocks that you don’t need.

In essence, you already have a layout that serves as a starting point with no constraints in any way possible.

Drag-and-Drop

The drag and drop function is almost ridiculously easy to use, and once you have customized a page to your liking, you can begin tweaking and fine-tuning the various blocks until you have obtained the layout and content you want.

Making changes to your website with Qards is as easy as typing an e-mail, once you get used to using this plugin. You can take a look at this Designmodo demo to give you a good idea of how easy it is to create a landing page and make changes.

Media & Content Management

Add videos, images, new content, and change colors and fonts to suit your liking. Image size and positions can be altered, and the images you have added to your content can be modified as well.

In-place text can be customized with respect to font type, size, and background color — you can do anything that you can do with a Word document. Content blocks can be moved, duplicated, or reordered in any manner you choose.

If you want a video background to give your web page a touch of class or a more professional look, adding a video from YouTube is a simple task.

Other Features

The pages you create can be full-width and full-screen, so you don’t have to be constrained by any of the limitations WordPress or some of these WordPress themes might impose on you.

If you have an e-Commerce site, Qards works perfectly with WooCommerce to create attractive and professional looking landing pages. It also comes with Typekit integration for more typography choices and your created designs are responsive.

Pricing Plan

With Qards, it is possible to design a page, and even an entire website, without writing a line of code, making it an ideal solution for non-technical users. If you need to add or modify CSS and HTML however, the capability is there.

Qards is available for for one site. This includes free support and updates, and will not render any further monthly or subscription fees. There is an alternate pricing plan for 5 sites, which is a bargain at only 9.

Wrap Up

The advent of fast, flexible, and highly-automated page builders has been a blessing for website developers, but Qards sets a new standard for the process of page building as far as speed, flexibility, ease of use, and attention to detail is concerned.

Editor’s note: This post is brought to you by Qards, a WordPress Plugin by Designmodo.

Build High Quality Landing Pages With Qards [WordPress Plugin]

Build High Quality Landing Pages With Qards [WordPress Plugin]

Are you find it hard to build your web pages exactly the way you want them to look? Is the creation process taking longer than you would like, even with the help of a WordPress theme? Then, you might want to try out Qards.

Qards is a WordPress plugin, produced by Designmodo, which allows you to edit existing pages or produce new pages precisely the way you intended. It makes use of editable cards which can be individually arranged by drag and drop, giving you the flexibility to make a unique web page.

Qards does the work, but leaves you in full control of what is happening. The end result is a landing page, or sometimes an entire website, that is precisely as you envisioned it.

Best Use For Qards

With Qards, you can take an already-built landing page and edit it to your heart’s content. You can also create a copy of it and build a new landing page from that. This makes Qards a great tool for maintaining consistency to a website design, allowing you achieve a similar ongoing and unifying theme from one page to the next.

Alternatively, you can use this plugin independent of a WordPress theme and just create a completely new website from scratch. Qards is flexible enough to allow you to start from any stage of the design process.

How Qards Work

Qards works like a puzzle except it isn’t — because you always know what it will do, and what you can do with the pieces. The puzzle pieces in this case are blocks on the cards.

Qards comes with a library of 8 cards, each with 8 different categories or features to be used in conjunction with a page-building menu. Take the card or cards you want to use and start editing, using the various menu options and the drag-and-drop function to do so. You can just as easily eliminate cards or blocks that you don’t need.

In essence, you already have a layout that serves as a starting point with no constraints in any way possible.

Drag-and-Drop

The drag and drop function is almost ridiculously easy to use, and once you have customized a page to your liking, you can begin tweaking and fine-tuning the various blocks until you have obtained the layout and content you want.

Making changes to your website with Qards is as easy as typing an e-mail, once you get used to using this plugin. You can take a look at this Designmodo demo to give you a good idea of how easy it is to create a landing page and make changes.

Media & Content Management

Add videos, images, new content, and change colors and fonts to suit your liking. Image size and positions can be altered, and the images you have added to your content can be modified as well.

In-place text can be customized with respect to font type, size, and background color — you can do anything that you can do with a Word document. Content blocks can be moved, duplicated, or reordered in any manner you choose.

If you want a video background to give your web page a touch of class or a more professional look, adding a video from YouTube is a simple task.

Other Features

The pages you create can be full-width and full-screen, so you don’t have to be constrained by any of the limitations WordPress or some of these WordPress themes might impose on you.

If you have an e-Commerce site, Qards works perfectly with WooCommerce to create attractive and professional looking landing pages. It also comes with Typekit integration for more typography choices and your created designs are responsive.

Pricing Plan

With Qards, it is possible to design a page, and even an entire website, without writing a line of code, making it an ideal solution for non-technical users. If you need to add or modify CSS and HTML however, the capability is there.

Qards is available for for one site. This includes free support and updates, and will not render any further monthly or subscription fees. There is an alternate pricing plan for 5 sites, which is a bargain at only 9.

Wrap Up

The advent of fast, flexible, and highly-automated page builders has been a blessing for website developers, but Qards sets a new standard for the process of page building as far as speed, flexibility, ease of use, and attention to detail is concerned.

Editor’s note: This post is brought to you by Qards, a WordPress Plugin by Designmodo.

Build High Quality Landing Pages With Qards [WordPress Plugin]

An Introduction To WordPress Attachment Pages

Attachment pages are not very well known or understood in WordPress. Each item you upload through WordPress – be it image, audio, video or anything else – can have its own page with content, just like any other post. By making sure your attachment pages are well-formed, and contain relevant information, you can add some depth to your website and even increase your SEO score in the process.

In addition, attachment pages allow users to comment on images which may be great for media-related professions. In this article I’ll tell you a little bit about this relatively obscure page type and how you can add it to your theme using a bit of code.

Recommended Reading: 29 WordPress Tweaks To Improve Posts And Pages

Understanding Attachments

If you use WordPress but you aren’t into development it may surprise you that uploaded images are stored exactly the same way as posts – in fact, they are posts, just like pages.

What differentiates pages, posts, images and custom post types is the post_type attribute they have in the database. Posts have a post type of ‘post’ (hence the naming confusion), pages have a post type of ‘page’ and attachments have a post type ‘attachment’.

The reason that attachments are stored as posts is quite obvious, once you think about it. An uploaded image has a title, an author, a publication date and so on – data used by regular posts as well. In fact, the only additional bit of information is just the image location. This is conveniently stored in the post meta table.

As a result, an attachment page is nothing more than a single page for an attachment. Just like a post page shows a single post, a static page shows a single page; an attachment page shows a single attachment.

An Example Attachment Page

The upcoming beautiful Twenty Fifteen theme has a great example of an attachment page.

When I uploaded this image I filled out the title, the caption, the description and the alt text. These are all used on this page very well. Note the inclusion of the image size in the post footer, a great addition!

Does My Theme Have An Attachment Page?

The answer to this question is yes and no. First of all, let’s take a look at how you can get to an attachment page.

In any old post, add an image and make sure to select “Attachment Page” in the link to dropdown. Update or publish your post and visit it in the front end. By clicking the image in the post you’ll be taken to an attachment page. It may not look good (depending on your theme) but it is an attachment page.

To understand why this is so, let’s learn a bit about template files. WordPress uses the template hierarchy to determine which file is used when a specific page is visited. Your front page probably uses index.php if it shows a list of posts; pages use page.php; single posts use post.php and so on.

It is called a hierarchy because there is a set hierarchical order in which the correct file is chosen. For example, let’s say you visit the tag archive for your “music” tag. WordPress looks for a tag-music.php file. If it doesn’t exist it looks for tag.php. If that doesn’t exist it uses archive.php. Eventually it falls back to index.php which is a required file so it always exists.

What this boils down to is that index.php is used whenever files further up in the template aren’t defined. Theme authors are used to single pages, archives, 404 pages and such but many forget about our friend the archive page. They forget to implement it and thus index.php is used.

if this is unintentional and the index.php file is not built to handle images, well, you may get some weird-looking attachment pages. If the theme author has implemented attachment.php or has built index.php that is mindful of attachments, your attachment page will look fine.

How Do I Create An Attachment Page?

If your theme doesn’t already have an attachment.php file you’ll need to create it.

If it is a theme created just for you, go ahead and add the file now. If however, you are using a third party theme you downloaded or installed from the repository, you should create a child theme. Child themes are used to extend existing themes without editing the original files. Once you’ve added a child theme (it’s super simple), create an attachment.php file in it.

Read Also: A Guide To: WordPress Child Themes Development

Find the single.php file in your theme, copy the whole content and paste into the attachment page file you just created. In 70% of the themes out there this should be enough.

In a large portion of the remainder, you may want to delete some single post specific things. In some other cases, due to the way your single post page works, this may still not work as expected. If this so, try using the content of page.php instead.

The Benefits Of Attachment Pages

First of all, attachment pages exist on your site whether users visit them or not. This means that they could potentially be discovered by search engines. Why not make them both search engine and user friendly, just in case? By choosing relevant images for your content, writing nice captions and image descriptions you can add that much more relevant content to your site, increasing your SEO standing while providing more for your users to do.

Since attachments are posts they also have their own comments. If you’d like your users to interact with your images, attachment pages are a great place to do this. This is especially relevant for photographers, artists or musicians.

As a WordPress developer for me the attachment page is also a way of judging whether a theme developer takes his/her theme seriously. If the attachment page shows the same care and attention to detail as other pages it is an good indicator of a decent theme.

No related posts.

An Introduction To WordPress Attachment Pages

An Introduction To WordPress Attachment Pages

Attachment pages are not very well known or understood in WordPress. Each item you upload through WordPress – be it image, audio, video or anything else – can have its own page with content, just like any other post. By making sure your attachment pages are well-formed, and contain relevant information, you can add some depth to your website and even increase your SEO score in the process.

In addition, attachment pages allow users to comment on images which may be great for media-related professions. In this article I’ll tell you a little bit about this relatively obscure page type and how you can add it to your theme using a bit of code.

Recommended Reading: 29 WordPress Tweaks To Improve Posts And Pages

Understanding Attachments

If you use WordPress but you aren’t into development it may surprise you that uploaded images are stored exactly the same way as posts – in fact, they are posts, just like pages.

What differentiates pages, posts, images and custom post types is the post_type attribute they have in the database. Posts have a post type of ‘post’ (hence the naming confusion), pages have a post type of ‘page’ and attachments have a post type ‘attachment’.

The reason that attachments are stored as posts is quite obvious, once you think about it. An uploaded image has a title, an author, a publication date and so on – data used by regular posts as well. In fact, the only additional bit of information is just the image location. This is conveniently stored in the post meta table.

As a result, an attachment page is nothing more than a single page for an attachment. Just like a post page shows a single post, a static page shows a single page; an attachment page shows a single attachment.

An Example Attachment Page

The upcoming beautiful Twenty Fifteen theme has a great example of an attachment page.

When I uploaded this image I filled out the title, the caption, the description and the alt text. These are all used on this page very well. Note the inclusion of the image size in the post footer, a great addition!

Does My Theme Have An Attachment Page?

The answer to this question is yes and no. First of all, let’s take a look at how you can get to an attachment page.

In any old post, add an image and make sure to select “Attachment Page” in the link to dropdown. Update or publish your post and visit it in the front end. By clicking the image in the post you’ll be taken to an attachment page. It may not look good (depending on your theme) but it is an attachment page.

To understand why this is so, let’s learn a bit about template files. WordPress uses the template hierarchy to determine which file is used when a specific page is visited. Your front page probably uses index.php if it shows a list of posts; pages use page.php; single posts use post.php and so on.

It is called a hierarchy because there is a set hierarchical order in which the correct file is chosen. For example, let’s say you visit the tag archive for your “music” tag. WordPress looks for a tag-music.php file. If it doesn’t exist it looks for tag.php. If that doesn’t exist it uses archive.php. Eventually it falls back to index.php which is a required file so it always exists.

What this boils down to is that index.php is used whenever files further up in the template aren’t defined. Theme authors are used to single pages, archives, 404 pages and such but many forget about our friend the archive page. They forget to implement it and thus index.php is used.

if this is unintentional and the index.php file is not built to handle images, well, you may get some weird-looking attachment pages. If the theme author has implemented attachment.php or has built index.php that is mindful of attachments, your attachment page will look fine.

How Do I Create An Attachment Page?

If your theme doesn’t already have an attachment.php file you’ll need to create it.

If it is a theme created just for you, go ahead and add the file now. If however, you are using a third party theme you downloaded or installed from the repository, you should create a child theme. Child themes are used to extend existing themes without editing the original files. Once you’ve added a child theme (it’s super simple), create an attachment.php file in it.

Read Also: A Guide To: WordPress Child Themes Development

Find the single.php file in your theme, copy the whole content and paste into the attachment page file you just created. In 70% of the themes out there this should be enough.

In a large portion of the remainder, you may want to delete some single post specific things. In some other cases, due to the way your single post page works, this may still not work as expected. If this so, try using the content of page.php instead.

The Benefits Of Attachment Pages

First of all, attachment pages exist on your site whether users visit them or not. This means that they could potentially be discovered by search engines. Why not make them both search engine and user friendly, just in case? By choosing relevant images for your content, writing nice captions and image descriptions you can add that much more relevant content to your site, increasing your SEO standing while providing more for your users to do.

Since attachments are posts they also have their own comments. If you’d like your users to interact with your images, attachment pages are a great place to do this. This is especially relevant for photographers, artists or musicians.

As a WordPress developer for me the attachment page is also a way of judging whether a theme developer takes his/her theme seriously. If the attachment page shows the same care and attention to detail as other pages it is an good indicator of a decent theme.

No related posts.

An Introduction To WordPress Attachment Pages

Executing FAQ Pages: 10 Examples You Can Follow

If you have a website that deals with clients, customers or the public in general, there is bound to be a need for the FAQ page. The FAQ page deals with questions that are asked repeatedly. These common questions are roped together and placed in this particular section where visitors can go to, to find answers they need.

Many sites out there put effort into making their FAQ page design as welcoming, clearcut, and as organized as possible so as to not overwhelm the reader. In this post, we take a look at how those features are executed by the following 10 sites, some with creative results. Note that for many of the examples, you will need to go to the site to experience the interactions yourself.

Recommended Reading: 60 Really Cool And Creative Error 404 Pages

40/40 Creative

The 40/40 Creative FAQ page pokes fun at the infamous phrase, "there are no stupid questions" courtesy of Lloyd and Harry here. The page applies the use of humor in the questions posed, and the single-page design pretty much covers the most common of questions asked, though not in the exact same words.

It also takes the opportunity to embed a few Call-To-Actions near the end of the page, bringing traffic to their contact email, blog, Project Planner and newsletter.

TGI Fridays

TGI Fridays is America’s most iconic bar and grill based in Manhattan. Pay attention to details as this FAQ page has a few interactions you can play with. First, if you mouse over the words ‘eat’, ‘drink’, ‘socialize’ and ‘find’ at the top, they switch into cool icons.

Moreover, the banners at the footer aren’t just ordinary ads. The banners expand while you click on them to show you more details about propositions displayed.

McDonald’s Canada

McDonald’s Canada FAQ page has a highly responsive design which uses both videos and drop-down windows to show answers to your favorite questions. Also, if you want, you may change the windows grid layout on the page into the line layout by switching the yellow icon found at the far right on the Ingredients bar.

You can search or ask questions with the search bar then sort questions by videos, images and brief text answers. At the end of the search bar is an FAQ button; click that and you are taken to another section…

… with questions that when clicked will release drop-down windows and force all the other windows to shift positions to accommodate the textbox.

99designs

99designs is a design contest marketplace where designers share their work and clients come to buy the best of them. The use of a collage featuring some of their designs as a large background image puts you in the same room with them, providing subtle familiarity and comfort.

This FAQ page section itself is further broken down into 2 subsections, one for clients and the other for designers. Both subsections carry a mix of general and specialized questions, which makes it easier for you to find the answers you want.

Pinterest

Pinterest’s FAQ page is sleek, minimalistic and stylish. All three links lead to the same help center page which is quite easy to navigate with a topical sidebar on the left. All the answers go with detailed descriptions and screenshots to help Pinterest dummies become gurus.

Mint

The Mint FAQ page looks ordinary at first glance, but is quite stylish and cool. It has tabbed sections that divide your most frequently asked questions about the Basics, Bank Accounts, Features and Apps Mint has to offer.

The questions are written in tutorial style with proper links to the pages you might need to solve your issue. And if you can’t find answers to your questions, just visit their community forum for more help.

Spotify

Spotify’s FAQ section do not only feature the what, but also the how. Their FAQ section is actually quite comprehensive and highly organized, yet does not overwhelm users as they can breeze through the guidelines quite easily. Drop-down menus are heavily used.

And you’ll find actual step-by-step tutorials along with screenshots to help you figure out the steps you need to take.

The guidelines are even broken down into the type of device you are on, regardless if it’s Mac, Windows, iPhone, iPad, Android, Windows Phones or other platforms (where applicable). When all fails, reach out for Community help in the right side of the page.

SoundCloud

SoundCloud made their FAQ page in 2 parts: the first one consists of the most commonly asked questions along with answers, and the second part has questions separated into blocks. If you have not found the answer at the first section, go straight to the second one.

I love the way the blocks are displayed: a simple use of cool orange and black icons (which are SoundCloud’s main logo colors) along with brief descriptions of every section. The design looks minimalistic, pleasant to the eye, and user-friendly.

SmugMug

When you look at it, you can see the SmugMug Help center page emphasizes the human touch. Yes, the beautiful image header is full of real people and the large font is present, but notice that they also have the search bar up front, their ‘Email Us’ button is placed at the top right, a ‘Getting Started’ video is situated on the left while their ‘Help Topics’ is listed out on the right.

Click into any of the topics and you will see a clean sheet of Q&A with the questions in color and a few font sizes larger than snippets of the answers.

Clicking into the questions will bring you to a page with a step-by-step tutorial on how to solve your problem, complete with screenshots.

Vimeo

Vimeo has a highly organized FAQ page. You may use search bar on the top or at the bottom to find the answer, or browse through the section to find what you want. Click on each section name to go to the pages where you can find more detailed answers.

You’ll appreciate the simplistic approach Vimeo uses when you find out that under ‘Sharing Videos’, even the ‘Embedding Videos’ section alone carries 20 frequently asked questions.

No related posts.

Executing FAQ Pages: 10 Examples You Can Follow