Webdesign Services

Beautiful Landing Pages (Tips and Examples)

(Guest writer: Laura Moisei)

Hundreds of witty articles have been written around the topic of landing pages. We all know the basic facts – that these are the pages a visitor reaches after clicking on a banner ad or a promotional link, and that they play a crucial marketing role by converting leads into customers for the business. When it comes to designing a landing page yourself, however, matters seem to be far more delicate than you would have expected after going through how-to documentation. This is why today, we have chosen to share a collection of actual landing page examples for inspiration.

According to a pretty scholarly classification you may find in Wikipedia, landing pages fall into two major categories: reference and transactional. If they are to be called a reference, pages have to display information that is both appealing and relevant to the visitor (text, multimedia). “Transactional” landing pages are the ones that aim at immediate sales or at least in capturing strong sales leads.

As you will probably agree with me, all landing pages meet both criteria: they inform the visitor upon the offer as well as incite actions from his side. Otherwise, we wouldn’t need calls-to-action on absolutely any landing page, would we?

What needs to be clear before launching any landing page in the www is the nature of the desired visitors’ action. Is increasing newsletter signups your goal? Then design a CTA with the message “Signup now to our newsletter”. Do you aim to have trial purchases from visitors? Say so. Generally speaking, the essential recipe is to make your landing page express this offer as clearly and as enticingly as possible.

Coming Soon Pages & How to Do Them Right

Coming Soon Pages & How to Do Them Right

For a coming soon page, all upcoming websites can ever do is to show an empty screen with… Read more

Tips for Designing a Landing Page

Some quick tips to start from when designing a landing page:

1. Use the AIDA principle

This is a chain of events that we desire to happen once a lead reaches the platform displaying the promoted product or service. Mainly, the steps are:

  1. Awareness – attract attention from the visitor
  2. Interest – which can be aroused by highlighting the benefits to the customer
  3. Desire – induce in customers the idea that they want the product or service
  4. Action – customers performing the purchase process
2. Not too many distractions; leave A way out

The idea is simple. If the landing page has virtually no navigation option except for the CTA button, visitors will force their exit. Don’t think that if you don’t provide any navigation, they won’t find a way to leave – they will, maybe even by shutting down the browser. And these visitors will not come back.

3. Make it pass the blink test

Typically, a landing page has to catch the visitor’s attention in the first 3 seconds of entry. If the guest blinks, and can’t see clearly what he should find on the page or isn’t interested with what he saw, he is most likely to bounce away empty-handed.

4. Don’t create false expectations

The landing page has to be consistent with the hints provided by the original ad, or vice versa. Visitors have to find on the landing page what they were first promised in the ad they clicked.

As we have promised, let’s tour some nicely designed and effective landing pages of B2B and B2C. We will explore their strengths and inevitable weaknesses. Watch out for the following in the gallery below: visual communication, branding and trust indicators, content effectiveness, calls-to-action.

Showcase: Beautiful Landing Pages

Click image to view full landing page.

Blue Apron
blue apron
Dropbox Paper
dropbox paper

(This guest post is written by Laura Moisei for Hongkiat.com. Laura has a bachelors degree in Communication Science and spends most of the time pursuing her passion for design and writing. She works for 123ContactForm (123contactform.com), an online form and survey builder that helps users create beautiful forms for any web page.)

The post Beautiful Landing Pages (Tips and Examples) appeared first on Hongkiat.

Did you miss our previous article…

Webdesign Tips

8 Best WordPress Plugins for Providing Customer Support

Whether you’re a web designer serving various clients or a developer who offers products, utilizing your website for customer support makes sense. It provides users with a way to both help themselves and receive help directly from you. Plus, it can serve as a means to organize support requests in a neat and tidy manner.

If your website runs on WordPress, then you have a wide selection of support-related plugins to choose from. They run the gamut from building a simple FAQ or knowledgebase all the way to full-blown ticketing systems. This allows you to build a support area that fits virtually any type of business.

With that in mind, here are 8 WordPress plugins that you can use to provide excellent customer service and support.

Tawk.To Live Chat

This plugin will enable you to place a widget from the free Tawk.To chat application onto your WordPress website (a free account is required). You can customize the widget’s look, which pages it displays on, and embed it anywhere with the included shortcode.

A handy scheduler is also included, which will display the widget only during your operating hours. As a bonus, you can use the service’s mobile app to answer queries from wherever you are.

SupportCandy – Helpdesk & Support Ticket System

With just a few clicks, SupportCandy will add a ticketing system to both the front and back ends of your website. Create an unlimited number of support agent users and assign them tickets, while premium add-ons enable you to automate the process.

Customers can submit tickets via their account or as guests. The plugin also supports custom fields, file attachments, and email notifications.

SupportCandy – Helpdesk & Support Ticket System

Knowledge Base for Documents and FAQs

One of the simplest ways to provide support is through a knowledge base. Knowledge Base for Documents and FAQs is a free plugin that will enable you to build up a support section in very little time.

Create up to three levels of categories and sub-categories, choose from a plethora of pre-defined styles and even implement an AJAX live search. Premium add-ons allow for features like custom layouts and hosting multiple bases on the same site.

Knowledge Base for Documents and FAQs

Quick and Easy FAQs

FAQs are a great option for services or products that don’t need overly in-depth documentation. They’re also handy for providing useful pre-sales information. Quick and Easy FAQs creates a custom post type on your site that lets you add as many questions and answers as you need.

You can display your FAQs in various styles, including a simple list, filterable section-based list, and toggle. The display is handled through a WordPress Shortcode.

Quick and Easy FAQs

Ultimate FAQ

Ultimate FAQ will, like other FAQ plugins on this list, allow you to create an archive of questions and answers easily. You can create categories, display questions in various ways and even export them all to a PDF. But the bonus here is that the plugin can integrate with WooCommerce.

This could be quite a powerful feature for stores looking to offer pre-sales information to users. The premium version of the plugin enables a FAQs product tab to make things even easier.

Ultimate FAQ

WP Live Chat Support

In the right situation, live chat can be a very effective means of helping customers. It provides both a personal touch and an immediate response that helps to build brand loyalty. Using WP Live Chat Support, you can hold multiple one-on-one chats with customers – hosted right there on the same server with your WordPress site.

There are plenty of options, and no third-party subscriptions are required. However, if you want to have features like multiple agents (team members) or data trigger automations, you’ll need the pro version.

WP Live Chat Support

Awesome Support

If you’re looking for a full-fledged support ticketing system, you’ll want to check out Awesome Support. Use it to run a WordPress-based helpdesk that, between the free version and premium add-ons, has just about every feature you’ll need.

By default, you’ll have the ability to create an unlimited number of departments, agent accounts, custom priority levels, and more. Add-ons do things such as syncing product lists with either WooCommerce or Easy Digital Downloads, user reply via email, and Slack notifications – among others. There’s a lot of room to build a system that meets your needs.

Awesome Support


weDocs is a free plugin that caters to those who want to build and organize vast amounts of documentation on their WordPress website. The plugin UI sports a handy drag-and-drop feature for organizing items – great for getting articles in just the right order.

There is even a way to bring in documentation from an outside source, which could be a really huge help for those moving in existing content from somewhere else.


Support Options

What’s so nice about the plugins above is that they offer you different ways to provide support. You don’t necessarily need a big, complicated system to help customers. In some cases, a simple FAQ will do the trick. But it’s also great to know that more robust options exist if you need them.

The key is in helping people to help themselves first. This will cut down on the number of support requests you receive, and the hope is that if they do reach out to you for further assistance, you’ll be farther ahead by having resources readily available on your website.

Whichever path you choose, look for solutions that will make life easier for everyone involved. The choices above should get you off to a running start.

The post 8 Best WordPress Plugins for Providing Customer Support appeared first on Speckyboy Design Magazine.