Wednesday, April 29, 2020

How to Write a Blog Post: A Step-by-Step Guide [+ Free Blog Post Templates]

You probably already know how integral the process of blogging is to the success of your marketing efforts. Which is why it goes without saying it's exceptionally important to learn how to effectively start and manage a blog in a way that supports your business.

Without a blog, you'll find yourself experiencing a number of problems such as poor search engine optimization (SEO), lack of promotional content for social, little clout with your leads and customers, and fewer pages to share your lead-generating calls-to-action (CTAs) on.

So why, oh why, do so many marketers I talk to still have a laundry list of excuses for why they can't maintain a blog?

Maybe because, unless you enjoy writing, business blogging might seem uninteresting, time consuming, and difficult.

Well, the time for excuses is over and this guide is here to help you understand why. We'll cover how to write and manage your business's blog as well as provide helpful templates to simplify your blogging efforts.

Let's get started with an important question.

Today, people and organizations of all walks of life manage blogs to share analyses, instruction, criticisms, product information, industry findings, and more. There are many popular blog formats but, here are six of the most common:

  • The "How-To" Post
  • The List-Based Post
  • The "What Is" Post
  • The Pillar Page Post
  • The Newsjacking Post
  • The Infographic Post

Save time and download six blog templates for free.

So, how do you ensure your blog post catches the eyes of your target audience, buyer personas, and customers?

What makes a good blog post?

Before you write a blog, make sure you know the answers to questions like, "Why would someone keep reading this entire blog post?" and "What makes our audience come back for more?"

To start, a good blog post is interesting and educational. Blogs should answer questions and help readers resolve a challenge they're experiencing — and you have to do so in an interesting way.

It's not enough just to answer someone's questions — you also have to provide actionable steps while being engaging. For instance, your introduction should hook the reader and make them want to continue reading your post. Then, use examples to keep your readers interested in what you have to say.

Remember, a good blog post is interesting to read and provides educational content to audience members.

(Want to learn how to apply blogging and other forms of content marketing to your business? Check out HubSpot Academy's free content marketing training resource page.)

So, how do you actually go about writing one of these engaging and informational pieces?

How to Write a Blog Post

Here are the steps you'll want to follow while writing a blog post.

1. Understand your audience.

Before you start writing your blog post, make sure you have a clear understanding of your target audience.

Ask questions like: What do they want to know about? And, what will resonate with them?

This is where creating your buyer personas comes in handy. Consider what you know about your buyer personas and their interests while you're coming up with a topic for your blog post.

For instance, if your readers are millennials looking to start a business, you probably don't need to provide them with information about getting started in social media — most of them already have that down.

You might, however, want to give them information about how to adjust their social media approach (for example — from what may be a casual, personal approach to a more business-savvy, networking-focused approach). That kind of tweak is what helps you publish content about the topics your audience really wants (and needs).

Don't have buyer personas in place for your business? Here are a few resources to help you get started:

2. Create your blog domain.

Next, you'll need a place to host this and every other blog post you write. This requires choosing a content management system (CMS) and a website domain hosting service.

Choose a CMS.

A CMS helps you create a website domain where you'll actually publish your blog. CMS platforms can manage domains (where you create your website) and subdomains (where you create a webpage that connects to an existing website).

HubSpot customers host web content via CMS Hub. Another popular option is a self-hosted WordPress website on WP Engine. Whether you create a domain or a subdomain to start your blog, you'll need to choose a web hosting service after you pick a CMS.

Register a domain or subdomain with a website host.

Your blog's domain will look like this: https://bit.ly/2KJTvOf. The name between the two periods is up to you, as long as this domain name doesn't yet exist on the internet.

Want to create a subdomain for your blog? If you already own a cooking business at https://bit.ly/2w0e2uP, you might create a blog that looks like this: blog.yourcompany.com. In other words, your blog's subdomain will live in its own section of yourcompany.com.

Some CMSs offer subdomains as a free service, where your blog lives on the CMS, rather than your business's website. For example, it might look like this: yourblog.contentmanagementsystem.com. However, to create a subdomain that belongs to a company website, register the subdomain with a website host.

Most website hosting services charge very little to host an original domain — in fact, website costs can be as inexpensive as $3 per month.

Here are five popular web hosting services to choose from:

3. Customize your blog's theme.

Once you have your domain name set up, customize the appearance of your blog to reflect the theme of the content you plan on creating and your brand.

For example, if you're writing about sustainability and the environment, green might be a color to keep in mind while designing.

If you already manage a website and are writing the first post for that existing website, ensure the article is consistent with the website in appearance and subject matter. Two ways to do this are including your:

  • Logo: This can be your business's name and/ or logo — it will remind blog readers of who's publishing the content. (How heavily you want to brand your blog, however, is up to you.)
  • "About" Page: You might already have an "About" blurb describing yourself or your business. Your blog's "About" section is an extension of this higher-level statement. Think of it as your blog's mission statement, which serves to support your company's goals.

4. Identify your first blog post's topic.

Before you write anything, pick a topic for your blog post. The topic can be pretty general to start. For example, if you're a company that sells a CRM for small-to-enterprise businesses, your post might be about the importance of using a single software to keep Marketing, Sales, and Service aligned.

Pro tip: You may not want to jump into a "how-to" article for your first blog post.

For instance, if you're a plumber writing your first post, perhaps you'd write about modern faucet setups, or tell a particular success story you had rescuing a faucet before it flooded a customer's house. Here are four other types of blog posts you could start with:

  • List ("Listicle"): 5 ways to fix a leaky faucet
  • Curated Collection: 10 faucet and sink brands to consider today
  • SlideShare Presentation: 5 types of faucets to replace your old one (with pictures)
  • News Piece: New study shows X% of people don't replace their faucet frequently enough

If you're having trouble coming up with topic ideas, check out this blog post by my colleague. In the post, she walks through a helpful process for turning one idea into many. Similar to the "leaky faucet" examples above, she suggests you "iterate off old topics to come up with unique and compelling new topics."

This can be done by:

  • Changing the topic scope
  • Adjusting your time frame
  • Choosing a new audience
  • Taking a positive/negative approach
  • Introducing a new format

5. Come up with a working title.

You might come up with a few different working titles — in other words, iterations of approaching that topic to help you focus your writing.

For example, you may decide to narrow your topic to "Tools for Fixing Leaky Faucets" or "Common Causes of Leaky Faucets." A working title is specific and will guide your post so you can start writing.

Let's take a real post as an example: "How to Choose a Solid Topic for Your Next Blog Post." Appropriate, right? The topic, in this case, was probably "blogging." Then the working title may have been something like, "The Process for Selecting a Blog Post Topic." And the final title ended up being "How to Choose a Solid Topic for Your Next Blog Post."

See that evolution from topic, to working title, to final title? Even though the working title may not end up being the final title (more on that in a moment), it still provides enough information so you can focus your blog post on something more specific than a generic, overwhelming topic.

6. Write an intro (and make it captivating).

We've written more specifically about writing captivating introductions in the post, "How to Write an Introduction," but let's review, shall we?

First, grab the reader's attention. If you lose the reader in the first few paragraphs — or even sentences — of the introduction, they'll stop reading (even before they've given your post a fair shake). You can do this in a number of ways: tell a story or a joke, be empathetic, or grip the reader with an interesting fact or statistic.

Then, describe the purpose of your post and explain how it will address a problem the reader may be experiencing. This will give the reader a reason to continue reading and offer a connection to how it will help them improve their work/lives.

Here's an example of a post we think does a good job of attracting a reader's attention right away:

A captivating blog intro.

7. Organize your content in an outline.

Sometimes, blog posts can have an overwhelming amount of information — for the reader and the writer. The trick is to organize the info in a way so readers aren't intimidated by length or amount of content. This organization can take multiple forms — sections, lists, tips — whatever's most appropriate. But it must be organized!

Let's take a look at the post, "How to Use Snapchat: A Detailed Look Into HubSpot’s Snapchat Strategy." There's a lot of content in the piece, so it's broken up into a few sections using descriptive headers. The major sections are separated into sub-sections that go into more detail, making the content easier to read.

To complete this step, all you really need to do is outline your post. This way, before you start writing, you'll know which points you want to cover and the best order to do so in. And to make things even easier, you can download and use our free blog post templates, which are pre-organized for six of the most common blogs. Just fill in the blanks!

8. Write your blog post!

The next step — but not the last — is actually writing the content. We can't forget about that, of course.

Now that you have your outline/template, you're ready to fill in the blanks. Use your outline as a guide and expand on all points as needed. Write about what you already know, and if necessary, conduct additional research to gather more information, examples, and data to back up your points, while providing proper attribution when incorporating external sources.

(Need help finding accurate and compelling data to use in your post? Check out this roundup of sources for inspiration.)

If you're having trouble stringing sentences together, you're not alone. Finding your "flow" can be challenging for a lot of folks. Luckily, there are a ton of tools you can lean on to help you improve your writing. Here are a few to get you started:

  • Power Thesaurus: Stuck on a word? Power Thesaurus is a crowdsourced tool that provides users with a number of alternative word choices from a community of writers.
  • ZenPen: If you're having trouble staying focused, check out this distraction-free writing tool. ZenPen creates a minimalist "writing zone" designed to help you get words down without having to fuss with formatting right away.
  • Cliché Finder: Feeling like your writing might be coming off a little cheesy? Identify instances where you can be more specific using this handy cliché tool.

For a complete list of tools for improving your writing skills, check out this post. And if you're looking for more direction, the following resources are chock-full of valuable writing advice:

9. Proofread and edit your post.

You're not quite done yet, but you're close! The editing process is an important part of blogging — don't overlook it.

Ask a grammar-conscious co-worker to copyedit and proofread your post. You may also consider enlisting the help of The Ultimate Editing Checklist or using a free grammar checker like Grammarly.

If you're looking to brush up on your self-editing skills, turn to these helpful posts for some tips and tricks to get you started:

When you're ready to check your formatting, keep the blog elements in mind ...

Featured Image

Choose a visually appealing and relevant image for your post. As social networks treat content with images more prominently, visuals are more responsible than ever for the success of your blog content.

Featured image of a blog post about how to do a blog

In fact, it's been shown that content with relevant images receives 94% more views than content without relevant images. For help selecting an image for your post, read "How to Select the Perfect Image for Your Next Blog Post" and pay close attention to the section about copyright law.

Visual Appearance

No one likes an unattractive blog post. And it's not just pictures that make a post visually appealing — it's the formatting and organization of the post, too.

In a well-formatted and visually-appealing blog post, you'll notice that header and sub-headers are used to break up large blocks of text — and those headers are styled consistently.

Here's an example of what that looks like:

Visual appearance tips on writing a blog.

Screenshots should always have a similar, defined border so they don't appear as if they're floating in space — that style should stay consistent from post to post.

Maintaining this consistency makes your content look more professional and easier on the eyes.

Topics and Tags

Tags are specific, public-facing keywords that describe a post. They also allow readers to browse for more content in the same category on your blog. Refrain from adding a laundry list of tags to each post. Instead, put some thought into a blog tagging strategy.

Think of tags as "topics" or "categories," and choose 10-20 tags that represent all the main topics you want to cover on your blog. Then stick to those.

10. Insert a CTA.

At the end of every blog post, insert a CTA that indicates what you want the reader to do next — subscribe to your blog, download an ebook, register for a webinar or event, read a related article, etc.

Your visitors read your blog post, they click on the CTA, and eventually you generate a lead. But the CTA is also a valuable resource for the person reading your content — use your CTAs to offer more content similar to the subject of the post they just finished reading.

In the blog post, "What to Post on Instagram: 18 Photo & Video Ideas to Spark Inspiration," for instance, readers are given actionable ideas for creating valuable Instagram content. At the end of the post is a CTA referring readers to download a comprehensive guide on how to use Instagram for business:

Example of a CTA on a blog post.

See how that's a win-win for everyone? Readers who want to learn more have the opportunity to do so, and the business receives a lead they can nurture ... who may even become a customer!

11. Optimize for on-page SEO.

After you finish writing, go back and search engine optimize your post.

Don't obsess over how many keywords to include. If there are opportunities to incorporate keywords you're targeting, and it won't impact reader experience, do it. If you can make your URL shorter and more keyword-friendly, go for it. But don't cram keywords or shoot for some arbitrary keyword density — Google's smarter than that!

Here's a little blog SEO reminder about what you should review and optimize:

Meta Description

Meta descriptions are the descriptions below the post's page title on Google's search results pages. They provide searchers with a short summary of the post before clicking into it. They are ideally between 150-160 characters and start with a verb, such as "Learn," "Read," or "Discover."

While meta descriptions no longer factor into Google's keyword ranking algorithm, they give searchers a snapshot of what they'll get from reading the post and help improve your clickthrough rate from search.

Page Title and Headers

Most blogging software uses your post title as your page title, which is the most important on-page SEO element at your disposal. But if you've followed our formula so far, you should already have a working title that will naturally include keywords and/ or phrases your target audience is interested in.

Don't over-complicate your title by trying to fit in keywords where they don't naturally belong. With that said, if there are clear opportunities to add keywords you're targeting to your post title and headers, feel free to take them. Also, try to keep your headlines short — ideally, under 65 characters — so they don't get truncated in the search engine results.

Anchor Text

Anchor text is the word or words that link to another page — either on your website or on another website. Carefully select which keywords you want to link to other pages on your site because search engines take that into consideration when ranking your page for certain keywords.

It's also important to consider which pages you link to. Consider linking pages that you want to rank for a specific keyword. You could end up getting it to rank on Google's first page of results instead of its second page — and that ain't small potatoes.

Mobile Optimization

With mobile devices accounting for nearly two-of-three minutes spent online, having a website with a responsive design is critical. In addition to making sure your website's visitors (including your blog's visitors) have the best experience possible, optimizing for mobile will score your website some SEO points.

To make sure your site is getting the maximum SEO benefit possible, check out this free guide: How to Make a Mobile-Friendly Website: SEO Tips for a Post-"Mobilegeddon" World.

12. Pick a catchy title.

Last but not least, it's time to spruce up that working title of yours. Luckily, we have a simple formula for writing catchy titles that will grab the attention of your reader. Here's what to consider:

  1. Start with your working title.
  2. As you start to edit your title, keep in mind that it's important to keep the title accurate and clear.
  3. Then, work on making your title sexy — whether it's through strong language, alliteration, or another literary tactic.
  4. If you can, optimize for SEO by sneaking some keywords in there (only if it's natural, though!).
  5. Finally, see if you can shorten it at all. No one likes a long, overwhelming title — remember, Google prefers 65 characters or fewer before it truncates it on its search engine results pages.

If you've mastered the steps above, learn about some ways to take your blog posts to the next level. Want some real examples of blog posts? See what your first blog post can look like, below, based on the topic you choose and the audience you're targeting.

1. List-Based Blog Post

List-Based Post Example: 10 Fresh Ways to Get Better Results From Your Blog Posts

Blog that uses a list based post

List-based posts are sometimes called "listicles," a mix of the words "list" and "article." These are articles that deliver information in the form of a list. A listicle uses sub-headers to break down the blog post into individual pieces, helping readers skim and digest your content more easily. According to ClearVoice, listicles are among the most shared types of content on social media across 14 industries.

As you can see in the example from our blog, above, listicles can offer various tips and methods for solving a problem.

2. Thought Leadership Post

Example: What I Wish I Had Known Before Writing My First Book

Example of a thought leadership blog post by Joanna Penn on writing a book

Thought leadership posts allow you to indulge in your expertise on a particular subject matter and share firsthand knowledge with your readers.

These pieces — which can be written in the first person, like the post by Joanna Penn, shown above — help you build trust with your audience so people take your blog seriously as you continue to write for it.

3. Curated Collection Post

Example: 8 Examples of Evolution in Action

Curated collection blog post example about evolution

Curated collections are a special type of listicle blog post. Rather than sharing tips or methods for doing something, this type of blog post shares a list of real examples that all have something in common in order to prove a larger point.

In the example post above, Listverse shares eight real examples of evolution in action among eight different animals — starting with the peppered moth.

4. Slideshare Presentation

Example: The HubSpot Culture Code

Blog post example by HubSpot promoting a Slideshare presentation

Slideshare is a presentation tool owned by the social network, LinkedIn, that helps publishers package a lot of information into easily shareable slides. Think of it like a PowerPoint, but for the web. With this in mind, Slideshare blog posts help you promote your Slideshare so that it can generate a steady stream of visitors.

Unlike blogs, Slideshare decks don't often rank well on search engines, so they need a platform for getting their message out there to the people who are looking for it. By embedding and summarizing your Slideshare on a blog post, you can share a great deal of information and give it a chance to rank on Google at the same time.

Need some Slideshare ideas? In the example above, we turned our company's "Culture Code" into a Slideshare presentation that anyone can look through and take lessons from, and then promoted it in a blog post.

5. Newsjacking Post

Example: Ivy Goes Mobile With New App for Designers

Newsjack blog post by Houzz on news of a mobile app launch

"Newsjacking" is a nickname for "hijacking" your blog to break important news related to your industry. Therefore, the newsjack post is a type of article whose sole purpose is to garner consumers' attention and, while offering them timeless professional advice, also prove your blog to be a trusted resource for learning about the big things that happen in your industry.

The newsjack example above was published by Houzz, a home decor merchant and interior design resource, about a new mobile app that launched just for interior designers. Houzz didn't launch the app, but the news of its launching is no less important to Houzz's audience.

6. Infographic Post

Example: The Key Benefits of Studying Online [Infographic]

Blog that uses an infographic based post.

The infographic post serves a similar purpose as the Slideshare post — the fourth example, explained above — in that it conveys information for which plain blog copy might not be the best format.

For example, when you're looking to share a lot of statistical information (without boring or confusing your readers), building this data into a well-designed, even fun-looking infographic can help keep your readers engaged with your content. It also helps readers remember the information long after they leave your website.

7. How-to Post

Example: How to Write a Blog Post: A Step-by-Step Guide

For this example, you need not look any further than the blog post you're reading right now! How-to guides like this one help solve a problem for your readers. They're like a cookbook for your industry, walking your audience through a project step by step to improve their literacy on the subject.

The more posts like this you create, the more equipped your readers will be to work with you and invest in the services you offer.

8. Guest Post

Example: Your Bookmarkable Guide to Social Media Image Sizes in 2020 [Infographic]

A guest post example on HubSpot's blog.

Guest posts are a type of blog post that you can use to include other voices on your blog. For example, if you want to get an outside expert's opinion on a topic, a guest post is perfect for that.

Additionally, these posts give your blog variety in topic and viewpoint. If your customer has a problem you can't solve, a guest post is a great way to solve that problem.

If you begin accepting guest posts, set up editorial guidelines to ensure they're up to the same standards as your posts.

Ready to blog?

Blogging can help you build brand awareness, become a thought-leader and expert in your industry, attract qualified leads, and boost conversions. Follow the steps and tips we covered above to begin publishing and enhancing your blog today.

Editor's note: This post was originally published in October 2013 and has been updated for comprehensiveness.

https://bit.ly/2HX1x95

The Beginner's Guide to Conversion Rate Optimization (CRO)

Today, most marketing teams are focused on driving traffic toward websites in hopes that this traffic then converts into qualified leads for sale reps to close. The cycle continues and business grows. 

Although this is an oversimplified look at the standard marketing playbook, it's relevant to most businesses and marketing teams.

But there's something missing — a tactic that few marketing teams focus on, yet one that propels the companies that do toward long-term, sustainable success and growth: Getting more out of existing traffic and leads (versus entirely new traffic).

That's where conversion rate optimization (CRO) comes in.

In this guide, you'll learn about the power of CRO, why your business should focus on improving your conversion rate, and how to get get started.

What is a conversion rate?

A conversion rate is the percentage of visitors who complete a desired action (in other words, convert). For instance, a desired action may be completing a web form, signing up for a service, or purchasing a product.

Conversion rate is calculated by dividing your number of conversions by your number of visitors and multiplying that number by 100 to get the percentage.

Conversion rate optimization, or CRO, is the process of enhancing your website and content to boost conversions. A high conversion rate means your website is well-designed, formatted effectively, and appealing to your target audience.

The process of optimizing for conversions allows you to boost your number of highly-qualified leads, increase revenue, lower acquisition costs, obtain greater value from your current leads and customers, and, simply, grow better.

Conversions can happen all over your website (e.g. homepage, pricing page, blog, landing pages, etc.). As a business, you want your website to be designed in a way that converts website visitors into paying customers. With so much potential throughout these areas of your website, you must optimize each location to allow for conversions.

How Websites Benefit From CRO

Here are four areas of your website that have the potential to largely benefit from conversion rate optimization.

1. Homepage

Homepages are prime candidates for CRO. In addition to making a first impression on visitors, the homepage is also an opportunity to retain those visitors and guide them further into your website.

You can do this by emphasizing links to product information, offering a free signup button, or even incorporating a chatbot that solicits questions from visitors at any point during their browsing experience.

2. Pricing Page

A website's pricing page can be the make-or-break point for many website visitors. CRO can help a pricing page convert visitors into customers by modifying the pricing intervals (e.g. price-per-year vs. price-per-month), describing the product features associated with each price, and including a phone number for visitors to call for a price quote.

3. Blog

A blog is a massive conversion opportunity for a website. In addition to publishing thoughtful and helpful content about your industry, a blog can use CRO to convert readers into leads.

This process often includes adding calls-to-action (CTA) throughout an article or inviting readers to learn more about a topic by submitting their email address in exchange for an ebook or industry report.

4. Landing Pages

Landing pages are inherently designed for people to take an action. An event landing page, for example, can be optimized with a video of last year's event to encourage visitors to register this year. And if a landing page is being used to share a  free resource with visitors, it can be optimized with preview content from that resource to encourage visitors to download it.

Now that you know where you can optimize for conversions, you may be wondering how you know when your business is ready to start the process. 

When is CRO right for your business?

Simply, if your business is attracting website visitors, then you should take CRO into consideration. That's because, no matter how established or large your company is, you want to convert your visitors into qualified leads, customers, and brand advocates — and you want to do so in the most effective, impactful, and reliable way.

With the process of conversion rate optimization, you'll get more out of your existing website traffic while ensuring you're targeting qualified leads.

Although this is a straightforward concept, setting a conversion goal isn't as easy as saying, "This page converted 50 people this month, so we want to convert 100 people next month."

You don't just want 50 more conversions from a webpage. Instead, you want 50 more conversions for every X amount of people who visit it. (This is your conversion rate — the percentage of people who convert on your website based on how many people have touched it).

To provide a better understanding of where you stand at any point in time in regards to conversion rate, here are three commonly-used formulas your business can use to understand,  analyze, and improve.

CRO Calculation 1: Conversion Rate

As we mentioned earlier, to calculate conversion rate, you must divide your number of conversions (or leads generated) by your number of visitors (or web traffic), and then multiply that number by 100 to get the percentage.

Leads Generated ÷ Website Traffic x 100 = Conversion Rate %

CRO Calculation 2: Number of Net New Customers

To calculate your number of net new customers, you'll want to divide your net revenue goal by your average sales price.

New Revenue Goal ÷ Average Sales Price = Number of New Customers

CRO Calculation 3: Lead Goal

And lastly, to calculate your lead goal, take your number of new customers and divide it by your lead-to-customer close rate (which is your total number of leads divided by total number of customers) percentage.

Number of New Customers ÷ Lead-to-Customer Close Rate % = Lead Goal

Here's an example of these formulas in action:

If your website has 10,000 visitors per month that generate 100 leads — and subsequently, 10 customers each month — the website visitor-to-lead conversion rate would be 1%.

What if you wanted to generate 20 customers each month?

You could try to get 20,000 visitors to your website and hope that the quality of your traffic doesn't decrease — although, that's a risk you'll likely want to avoid. Rather, you could obtain more leads from your existing traffic by optimizing your conversion rate. This is less risky and is more likely to produce better results for your bottom line.

For instance, if you increase your conversion rate from 1% to 2%, you'd double your leads and your customers. The following table is proof of this — you can see the positive impact that results from increasing your website's conversion rate:

Company a B c
Monthly Site Traffic 10,000 10,000 10,000
Conversion Rate 1% 2% 3%
Leads Generated 100 200 300
New Customers 10 20 30

Notice the drastic increases in number of leads generated and net new customers when you boost your conversion rate.

Not only that, but it's clear that generating more website traffic isn't necessarily the right approach when trying to improve your conversion rate — in fact, this chart shows you that you can grow your business substantially without increasing traffic at all.

Hard to believe? Think about this way: Pretend you were trying to fill up a leaky bucket. If you pour more water into the bucket, you won't fix the root cause of the issue — instead, you'll end up with a lot of water that's wasted (not to mention, a bucket that will never fill up all the way).

Are you ready to take the first steps toward CRO at your company? Review the strategies below and start experimenting.

CRO Marketing Strategies to Try

Here are some applicable conversion rate optimization marketing strategies to test and implement at your company.

1. Create text-based CTAs within blog posts.

While it's good practice to include a CTA in s blog post, they sometimes fail to entice visitors to take your desired course of action.

Banner blindness is a real phenomenon related to people becoming accustomed to ignoring banner-like information on websites. This lack of attention coupled with the fact site visitors don't always read all the way to the bottom of a blog post (rather, they "snack” on content), means a different approach is required.

That's where the text-based CTA comes in handy. Here at HubSpot, we ran a test with text-based CTAs — a standalone line of text linked to a landing page and styled as an H3 or an H4 — to see if they would convert more traffic into leads than regular CTAs located at the bottom of a web page.

In HubSpot's limited test of 10 blog posts, regular end-of-post banner CTAs contributed an average of just 6% of leads that the blog posts generated, whereas up to 93% of a post's leads came from the anchor-text CTA alone.

2. Add lead flows on your blog.

A lead flow is another conversion rate optimization element you can include on your site. Lead flows are high-converting pop-ups designed to attract attention and offer value.

You can select from a slide-in box, drop-down banner, or pop-up box, depending on your offer. We experimented with the slide-in box on the HubSpot Blog and it achieved a 192% higher clickthrough rate and 27% more submissions than a regular CTA at the bottom of a blog post.

3. Run tests on your landing pages.

Landing pages are an important part of the modern marketer's toolkit and, as mentioned earlier, integral to conversion rate optimization.

That's because a landing page is where a website visitor becomes a lead or an existing lead engages more deeply with your brand. To optimize a landing page, run A/B tests to identify your best design and content features for audience members.

For instance, with A/B testing you can quickly and easily test different versions of your website copy, content offers, images, form questions, and web pages to determine what your target audience and leads respond to best.

Get everything you need to start effectively A/B Testing your website today.

4. Help leads to immediately become a marketing-qualified lead.

Sometimes visitors want to get right down to business, skip parts of the typical buyer's journey, and immediately speak with a sales rep (rather than be nurtured).

There are specific actions you should encourage these high-intent visitors to complete so they can easily become marketing qualified leads (MQLs) — and they can take action through a combination of thoughtfully designed web pages, compelling and clear copy, and smart CTAs.

For instance, at HubSpot, we discovered that visitors who sign up for product demos convert at higher rates than visitors who sign up for free product trials. So, we optimized our website and conversion paths for people booking demos or meetings with a sales rep.

Admittedly, this depends on your product and sales process, but our best advice is to run a series of tests to find out what generates the most customers. Then, optimize for that process. The key here is to look for ways to remove friction from your sales process. 

5. Build workflows to enable your team.

There are a number of automated workflows you can create to enable your team with the help of marketing automation software.

For example, with marketing automation, it's possible to send automatic emails with workflows. Then, leads can book meetings with reps in one click. Meanwhile, reps receive notifications when leads take high-intent actions such as view the pricing page on your website. Or, if you work in ecommerce, you can send an email to people who abandon their shopping cart as a reminder.

6. Add messages to high-converting web pages.

Use live chat software to chat with your website visitors in real-time and offer support and guidance as needed. To increase conversions, add these messaging features to your high-performing web pages — such as your pricing and product pages — so leads get the information they want in real-time.

You can also make your messaging and chat bots action-based. For example, if someone has spent more than a minute on the page, you may want to automatically offer to help and answer any questions they may have (again, a live chat tool, like HubSpot, makes this easy).

7. Optimize high-performing blog posts.

Again, publishing blog articles opens the door to a big opportunity for conversions. Even more so if you already have existing blog content on your site — in fact, at HubSpot, the majority of our monthly blog views and leads come from posts published over a month ago.

To get started optimizing your blog content, identify your posts with the highest levels of web traffic but low conversion rates. (Possible causes of this issue may be related to SEO, the content offer you are promoting, or your CTA.)

In one instance, we at HubSpot added an inbound press release template offer to a blog post about press releases — as a result, we saw conversions for that post increase by 240%.

Additionally, look at your blog posts with high conversion rates. You want to drive more qualified website traffic to those posts and you can do so by optimizing the content for the search engine results page (SERP) or updating it as needed to ensure it's fresh and relevant.

8. Leverage retargeting to re-engage website visitors.

It doesn't matter what your key conversion metric is: The cold, hard truth is that most people on your website don't take the action you want them to. By leveraging retargeting, you can re-engage people who left your website.

Retargeting works by tracking visitors to your website and serving them online ads as they visit other sites around the web. This is particularly impactful when you retarget people who visited your highest-converting web pages.

The normal inbound rules still apply here — you need well-crafted copy, engaging visuals, and a compelling offer for retargeting to work.

(If you're a HubSpot customer, take a look at how the AdRoll integration can improve your conversion efforts.)

Now, let's talk about how you can get started with CRO at your company.

How to Get Started with Conversion Rate Optimization (CRO)

Maybe you're wondering, "Where do I start with CRO?”

Enter: PIE framework. Before starting a CRO project, prioritize your efforts by ranking each element on Potential, Importance, and Ease

Use the PIE framework to answer the following questions for every strategy outlined in the previous section. Then, assign a score between one and 10 (one being the lowest and 10 being the highest) to each strategy

  • How much total improvement can this project offer?
  • How valuable will this improvement be?
  • How complicated or difficult will it be to implement this improvement?

Once you've assigned a score for each strategy, add up the numbers and divide the total by three — this gives a score that shows what project will have the greatest impact. Then, work on the projects with the highest scores first.

The PIE framework isn't perfect, but it's easy to understand, systematic, and offers a starting point for CRO collaboration and communication among colleagues.

Begin Using CRO

There are many "best practices" out there when it comes to CRO but, ultimately, you need to find out what your customers respond to, and what drives results for your business.

Keep these three follow-up actions in mind when getting started with CRO today:

  • Use the three formulas to start the CRO conversation.
  • Experiment with CRO strategies to discover what works for your business.
  • Leverage the PIE framework to help prioritize your strategy.

Editor's note: This post was originally published in January, 2019 and has been updated for comprehensiveness.

https://bit.ly/2oMyhED

Beginner’s Guide to Successful Facebook Ads

Thinking of diving into Facebook ads? Wondering what the common pitfalls are? In this article, you’ll discover three important considerations when starting your first Facebook ad campaign. #1: Commit to a Facebook Funnel Implementation All successful marketing starts with a clear strategy and Facebook advertising is no exception. With a strategy built around your available […]

The post Beginner’s Guide to Successful Facebook Ads appeared first on Social Media Marketing | Social Media Examiner.

April 29, 2020 at 12:00PM https://bit.ly/2VNObRu
read more...
from Social Media Marketing | Social Media Examiner https://bit.ly/3bOZI8W
via IFTTT

Tuesday, April 28, 2020

Content Mapping 101: The Template You Need to Personalize Your Marketing

Marketers hear it all the time: The content you create needs to be personalized. It needs to be aligned with the wants and needs of your customers (and prospective customers). It needs to resonate with them. It needs to feel like it was created just for them.

On its surface, this sounds like great advice. Personalization, giving people content that they're actually interested in ... it makes perfect sense. But coming up with the actual topics that make for a highly targeted content strategy isn't that easy.

To help you brainstorm and map out content ideas for targeting specific segments of your audience, we've created a new free template resource: Content Mapping Template: Using Buyer Personas & Lifecycle Stages to Create Targeted Content.

I'll talk more about how you can use this template in a bit. But first, let’s take a look at how this whole "content mapping" business works.

And when think you've got this concept down, you'll want to check out HubSpot Academy's free content marketing training resource page to learn how to map a content strategy for your business.

What Is Content Mapping?

When it comes to content, one size rarely fits all. To ensure that your company's content is effective at generating and nurturing leads, you need to deliver the right content, to the right people, at the right time. Content mapping is the process of doing just that.

With content mapping, the goal is to target content according to:

  1. The characteristics of the person who will be consuming it (that’s where buyer personas come in).
  2. How close that person is to making a purchase (i.e. their lifecycle stage).

Buyer Personas

Buyer personas are fictional, generalized representations of your ideal customers. They help you understand your customers (and prospective customers) better, and make it easier for you to tailor content to the specific needs, behaviors, and concerns of different groups.

The strongest buyer personas are based on market research as well as on insights you gather from your actual customer base (through surveys, interviews, etc.). Depending on your business, you could have as few as one or two personas, or dozens. If you’re just getting started with personas, don’t go crazy! You can always develop more personas later if needed.

Lifecycle Stages

The buyer persona you target with your content i s just one half of the content mapping equation. In addition to knowing who someone is, you need to know where they are in the buying cycle (i.e. how close they are to making a purchase). This location in the buying cycle is known as a lifecycle stage.

For the purposes of our Content Mapping Template, we’re divvying up the buying cycle into three lifecycle stages: Awareness, Consideration, & Decision.

  • Awareness: In the awareness stage, a person has realized and expressed symptoms of a potential problem or opportunity.
  • Consideration: In the consideration stage, a person has clearly defined and given a name to their problem or opportunity.
  • Decision: In the decision stage, a person has defined their solution strategy, method, or approach.

By combining buyer personas with lifecycle stages, you can really hone in on specific segments of your audience and tailor content to resonate with each of those segments.

How to Use a Content Mapping Template

To help you create a content map for your own team, we've created a downloadable content mapping template. The template includes an introduction to content mapping, a crash course on buyer personas and lifecycle stages, a content mapping template (plus examples), and bonus buyer persona templates.

With the template, you'll learn how to understand buyer personas and lifecycle stages, identify problems and opportunities that your audience needs help with, and brainstorm highly targeted content ideas that incorporate personas and lifecycle stages.

This template is available in both Google Docs and Microsoft Word.

Whether you want to download our content mapping template or create your own, let's dive into the structure of a content mapping template.

In our Content Mapping Template, we created a simple grid system, putting buyer persona (and a key problem or opportunity that persona is struggling with) along the y-axis and lifecycle stage along the x-axis. As you move from left to right, you're effectively moving down the funnel.

content mapping template

Your awareness stage content should target the top of the funnel (TOFU). People in this segment are just becoming aware that they have a problem. At this stage, don't try to beat them over the head with product-focused content. Instead, think of how your content can help people become more informed about the problem in general, and you'll (hopefully) find that they continue moving down your funnel as they search for solutions.

Your consideration stage content, in comparison, can more explicitly mention how your product or service could potentially solve a problem. Keep in mind, however, that at this point in the buying cycle, people are still evaluating their options. So while case studies and demo videos are fine, save your more sales-focused content (estimates, free trials, etc.) for the next stage.

At the decision stage of the game, you can really lean into marketing your products or services. If someone has reached this stage, they've already identified a problem and a solution, and are now getting ready to pull the proverbial trigger.

Not quite convinced that content mapping is worth it? Let's hear from some marketers who are actually doing this stuff ...

Content Mapping Tips From the Pros

laura-h

"The best part about inbound is that you can give your prospects the information they are asking for before they even ask for it. Buyer personas and lifecycle stages allow you to be one step ahead of the game by mapping out what your prospect's next steps are and delivering them the content from numerous different avenues.

We create buyer personas as part of our onboarding process and everything we do from content offer to daily tweets is centered around that document. We also always ask ourselves, 'Would business owner Bob open this email, click this tweet, download this offer, etc.?'"

- Laura Hogan ( Marketing Manager, OverGo Studio)

marc-h

"When mapping out content for your site's visitors, it's important to remember that when it comes to purchasing decisions (BOFU conversions, especially for B2B and high-priced items), there are some personas out there who would rather speak to someone on their terms rather than fill out a form for a consultation. Understanding how they are most comfortable when it comes to making decisions can help you understand what points of conversion will be the most relevant and successful for that persona.

Optimizing your site pages (landing and thank you pages, as well), TOFU & MOFU offers, and workflows with direct contact information (phone #, email, etc.) is a great way to ensure that visitors, prospects and leads who may shy away from form submissions still have readily available, alternate means of converting."

- Marc Herschberger ( Inbound Coordinator, Revenue River Marketing)

spencer-p

"Mapping out buyer personas and lifecycle stages is extremely important when creating content. In terms of buyer personas, it's easy to see that a Marketing Director will have different questions, information needs, and interests compared to a CEO. Both of these personas may be searching for your product or service, but they'll be looking for different topics. By creating content that appeals to each audience, you can be more effective in attracting that specific audience.

By the same token, each persona of yours may be in a different stage of the buying process, so it's important to think through and create content that appeals to someone looking for basic, high-level information such as an ebook, as well as specific information like a pricing guide or case study.

One tip I'd suggest for anyone with pretty different personas would be to dedicate an entire section of your site to each audience. That way, when you pull in your audience, all the content is directed toward them.

We actually took this concept and went a step further by creating unique brands for each one of our vertical markets. Each brand has its own section of the website, its own blog content, and its own premium content (downloadable offers). It's really helped us attract and convert visitors at a higher rate because all the content is more relevant to that persona."

- Spencer Powell ( Inbound Marketing Director, Inbound Educators)

diona-k

"By taking the buyer and buying stage into account when creating content, you can be sure that you're designing content to help move them through the buying process.

In addition to mapping content to the buyer profile and buying stage, we regularly pull topics from the sales process. Then we offer the content in later sales calls. This helps us not only evaluate the relevancy of the content but also the interest of the buyer. We encourage clients to do the same."

- Diona Kidd (Cofounder,Knowmad)

Editor's Note: This post was originally published in March 2014 and has been updated for accuracy and comprehensiveness.

https://bit.ly/2VPBfLj

39 Call-to-Action Examples You Can't Help But Click

Think about all the times you've signed up for things in your life. Did you once download Evernote? Dropbox? Spotify? Maybe you've even taken a class on General Assembly.

Each one of these signups is likely a result of an effective call-to-action (CTA).

Think about it: If you hadn't been drawn in by the copy or design of the CTA, or been guided so eloquently through your sign-up process, you would probably use a lot fewer apps and websites than you do now.

It's really important to guide your visitors through the buying journey using strategic CTAs.

What a CTA Means in Marketing

As a marketer, CTAs are relevant because they encourage your audience to take action on a marketing campaign.

Ultimately, the goal of any marketing campaign is to guide your audience in the buyer's journey so they eventually make a purchase.

However, each marketing campaign might have a different action for the audience to carry out because there are several tactics you can use to guide your audience in their journey.

Below are a few examples of the types of CTAs you might use in marketing:

Sign up.

In this type of CTA, the audience might be invited to sign up for a free trial, an online course, a future event, or even a software product. It all depends on the CTAs context on an ad or website.

Subscribe.

This CTA doesn't commit a person to a purchase. Rather, it invites them to receive updates from the company. "Subscribe" CTAs are common to company blogs, for which the business wants to develop a readership.

Try for free.

Nearly every company website has a free trial offer today. Each of them are CTAs of this variety, and they allow people to demo a product before deciding if it's worth the cost to them.

Get started.

This CTA can drive a variety of behaviors for a company, from a free trial to virtual reality experience.

Learn more.

Sometimes, all you want is to give your potential customers a little more information so they're prepared to buy something. That's what this CTA is for.

Join us.

Do you manage an online community. Is your product built on collaboration between users? You might find yourself placing "join us" CTA somewhere on your website.

Learn more about the purposes CTAs can serve in this blog post.

The above types of CTA all serve a designated purpose, but keep in mind the language they use can vary. And today, marketers everywhere have put some creative spins on their calls to action to generate the leads their businesses depend on.

To help you identify what's effective and what's not, we've listed out 31 examples of CTAs that totally rock. These call-to-action examples are broken out into three categories:

  • Simple and effective CTAs
  • CTAs with great call-to-action phrases
  • CTAs that balance multiple buttons on one page

1. Evernote

CTA: Sign Up

"Remember Everything." Visitors can immediately understand that message the moment they land on this page. The design on Evernote's website makes it super simple for users to see quick benefits of using the app and how to actually sign up to use it. Plus, the green color of the main and secondary CTA buttons is the same green as the headline and the Evernote logo, all of which jump off the page.

Example call to action button by Evernote

2. Dropbox

CTA: Sign up for free

Dropbox has always embraced simple design with a lot of negative space. Even the graphics on their homepage are subtle and simple.

Thanks to that simple design and negative space, the blue "Sign up for free" call-to-action button stands out from everything else on the page. Since the CTA and the Dropbox logo are the same color, it's easy for the visitor to interpret this CTA as "Sign up for Dropbox." That's one effective call-to-action.

Example call to action button by Dropbox

3. OfficeVibe

CTA: Subscribe

Here's a slide-in call-to-action that caught my attention from OfficeVibe. While scrolling through a post on their blog, a banner slid in from the bottom of the page with a call-to-action to subscribe to their blog. The best part? The copy on the slide-in told me I'd be getting tips about how to become a better manager -- and the post it appeared on was a post about how to become a better manager. In other words, the offer was something I was already interested in.

Example call to action button by OfficeVibe

Plus, I like how unobtrusive slide-in CTAs are -- as opposed to what my colleague Rachel Sprung calls the "stop-everything-and-click-here-pop-up-CTA." I find these CTAs offer a more lovable experience because they provide more information while still allowing me to continue reading the blog post.

4. Netflix

CTA: Join Free for a Month

One big fear users have before committing to sign up for something? That it'll be a pain to cancel their subscription if they end up not liking it. Netflix nips that fear in the bud with the "Cancel anytime" copy right above the "Join Free for a Month" CTA. I'd venture a guess that reassurance alone has boosted signups. Also, you'll notice again that the red color of the primary and secondary CTAs here match Netflix's logo color.

Example call to action button by Netflix

5. Square

CTA: Get Started

To achieve effective CTA design, you need to consider more than just the button itself. It's also super important to consider elements like background color, surrounding images, and surrounding text.

Mindful of these additional design components, the folks at Square used a single image to showcase the simplicity of using their product, where the hovering "Get Started" CTA awaits your click. If you look closely, the color of the credit card in the image and the color of the CTA button match, which helps the viewer connect the dots of what to expect if/when they click.

Example call to action button by Square

6. Prezi

CTA: Give Prezi a try

The folks at Prezi are also into the minimalist design look on their website. Other than the green dinosaur and the dark brown coffee, the only other color accompanying the predominantly black-and-white design is a bright blue -- the same blue from their main logo. That bright blue is strategically placed on the homepage: the main "Give Prezi a try" CTA, and the secondary "Get Started" CTA, both of which take users to the same pricing page.

Example call to action button by Prezi

7. Full Bundle

CTA: Our Work

Full Bundle is another company that uses negative space to make their primary CTA pop. The white "Our Work" call-to-action stands out against the dark greys of the background. Their choice of CTA is strategic, too. Given that they primarily exist to build out clients' online presences, it's important for them to showcase their work -- and that's what most folks are going to their website for.

Example call to action button by Full Bundle

8. Panthera

CTA: Join

The folks at Panthera are looking for users who really care about wild cats around the world and want to join a group of people who feel the same way. To target those people in particular, we love how they use language that would speak to big cat-lovers: "Join the pride today." The page itself is super simple: an on-page form with two, simple fields, and a button asking folks to (again) "Join."

Example call to action button by Panthera

9. EPIC

CTA: Let's start a new project together

The folks at the agency EPIC use their homepage primarily to showcase their work. When you arrive on the page, you're greeted with animated videos showing some of the work they've done for clients, which rotate on a carousel. While there are plenty of other places users might click on their site -- including their clients' websites -- the main call-to-action stands out and always contrasts with the video that's playing in the background.

I love that it features friendly, inclusive language -- "Let's start a new project together" -- which gives a hint to users looking for a creative partner that they're an especially great team to work for.

Example call to action button by EPIC

10. Aquaspresso

CTA: Send Me Specials Now!

The whole point of a call-to-action is to direct your site visitors to a desired course of action -- and the best CTAs do so in a way that's helpful to their visitors. The folks at coffee company Aquaspresso really nailed that balance here with the pop-up CTA on their main blog page.

Here, the desired course of action is for their blog readers to check out what they're actually selling (and hopefully buy from them). There are many ways they could have done this, including putting out a CTA that urges people to "Check out our most popular products!" or something very direct. But we love what they've done instead: Their CTA offers blog readers something much more helpful and subtle -- an offer for "today's specials" in exchange for the reader's email address.

Adding that the specials are for today only is a great example of a psychological tactic called scarcity, which causes us to assign more value to things we think are scarce. The fear that today's specials are better than tomorrow's might make people want to fill it out and claim their offer while they can.

Example call to action button by Aquaspresso

(The call-to-action above was created using HubSpot's free conversion tool, Leadin. Click here to learn how to easily create CTAs like this one using Leadin.)

11. QuickSprout

CTA: Are you doing your SEO wrong? Enter your URL to find out

No one wants to be wrong. That's why a call-to-action button like QuickSprout's slide-in CTA on their blog is so clickworthy. It asks the reader, "Are you doing your SEO wrong?" Well, am I? All I have to do is enter my URL to find out -- seems easy enough. It's language like that that can really entice visitors to click through.

Plus, having the CTA slide in mid-blog post is a great tactic for catching readers before they bounce off the page. Traditionally, many blogs have CTAs at the very bottom of each blog post, but research shows most readers only get 60% of the way through an article. (Click here to learn how to add slide-in CTAs to your blog posts.)

Example call to action button by QuickSprout

12. Grey Goose

CTA: Discover a cocktail tailored to your taste

Here's a fun, unique call-to-action that can get people clicking. Whereas site visitors might have expected to be directed to product pages or press releases from the homepage, a CTA to "Discover a Cocktail Tailored to Your Taste" is a pleasantly surprising ask. People love personalization, and this CTA kind of feels like an enticing game. The play button icon next to the copy gives a hint that visitors will be taken to a video so they have a better idea of what to expect when they click.

Example call to action button by Grey Goose

13. Treehouse

CTA: Claim Your Free Trial

A lot of company websites out there offer users the opportunity to start a free trial. But the CTA on Treehouse's website doesn't just say "Start a Free Trial"; it says "Claim Your Free Trial."

The difference in wording may seem subtle, but think about how much more personal "Claim Your Free Trial" is. Plus, the word "claim" suggests it may not be available for long, giving users a sense of urgency to get that free trial while they can.

Example call to action button by Treehouse

14. OKCupid

CTA: Continue

OKCupid's CTA doesn't seem that impressive at first glance, but its brilliance is in the small details.

The call-to-action button, which is bright green and stands out well on a dark blue background, says, "Continue." The simplicity of this term gives hope that the signup process is short and casual. To me, this CTA feels more like I'm playing a fun game than filling out a boring form or committing to something that might make me nervous. And it's all due to the copy.

Example call to action button by OKCupid

15. Blogging.org

CTA: Countdown Clock

Nothing like a ticking timer to make someone want to take action. After spending a short amount of time on blogging.org's homepage, new visitors are greeted with a pop-up CTA with a "limited time offer," accompanied by a timer that counts down from two minutes.

As with Aquaspresso's example in #10, this is a classic use of the psychological tactic called scarcity, which causes us to assign more value to things we think are scarce. Limiting the time someone has to fill out a form makes people want to fill it out and claim their offer while they can.

Curious, what happens when time runs out? So was I. Hilariously, nothing happens. The pop-up CTA remains on the page when the timer gets to zero.

Example call to action button by Blogging.org

16. IMPACT Branding & Design

CTA: What We Do

CTAs can feel really pushy and salesy (yes, that's a word...) if the wrong language is used. I like IMPACT's educational approach, where they challenge visitors to learn what the company does before pushing them to take any further action. This call-to-action is especially intriguing to me because they don't even use an action verb, yet they still manage to entice people to click.

Impact Branding & Design 'What We Do' call to action button

17. Huemor

CTA: Launch (Do Not Press)

If you went to a website and saw a "Launch" CTA accompanied by the copy "Do Not Press" ... what would you do? Let's be honest: You'd be dying to press it. The use of harmless reverse psychology here is playful, which is very much in keeping with Huemor's brand voice.

Example call to action button by Huemor

18. Brooks Running

CTA: Find out when we have more

How many times have you hotly pursued a product you love, only to discover it's sold out? Well, as you might know, it's no picnic for the seller either. But just because you've run out of an item doesn't mean you should stop promoting it.

Brooks Running uses a clever call to action to ensure their customers don't bounce from their website just because their favorite shoe is out of stock. In the screenshot below, you can see Brooks touting an awesome-looking shoe with the CTA, "Find out when we have more." I love how this button turns bad news into an opportunity to retain customers. Without it, Brooks' customers would likely forget about the shoe and look elsewhere.

When you click on the blue CTA button depicted below, Brooks directs you to a page with a simple code you can text the company. This code prompts Brooks to automatically alert the visitor when the shoe they want is available again.

Brooks Running shoe product availability CTA

19. Humboldt County

CTA: Follow the Magic

Humboldt County's website is gorgeous on its own: It greets you with a full-screen video of shockingly beautiful footage. But what I really love is the unconventional call-to-action button placed in the bottom center, which features a bunny icon and the words "Follow the Magic."

It enhances the sort of fantastical feel of the footage, making you feel like you're about to step into a fairytale.

Humboldt County follow CTA button

What's more, once you click into that CTA, the website turns into a sort of choose-your-own-adventure game, which is a fun call-to-action path for users and encourages them to spend more time on the site.

Humboldt County adventure CTAs.

20. Uber

CTA: Sign up to drive | Start riding with Uber

Uber's looking for two, very distinct types of people to sign up on their website: riders and drivers. Both personas are looking for totally different things, and yet, the website ties them together really well with the large video playing in the background showing Uber riders and drivers having a good time in locations all over the world.

I love the copy of the driver CTA at the top, too: It doesn't get much more straightforward than, "Make money driving your car." Now that's speaking people's language.

Uber double call to action buttons

21. Spotify

CTA: Go Premium | Play Free

As soon as you reach Spotify's homepage, it's pretty clear that their main goal is to attract customers who are willing to pay for a premium account, while the CTA for users to sign up for free is very much secondary.

It's not just the headline that gives this away; it's also the coloring of their CTA buttons. The "Go Premium" CTA is lime green, making it pop off the page, while the "Play Free" CTA is plain white and blends in with the rest of the copy on the page. This contrast ensures that visitors are drawn to the premium CTA.

Spotify call to action buttons

22. Ugmonk

CTA: Send me the coupons | I'm not interested

Exit CTAs, also known as exit intent pop-ups, are different than normal pop-ups. They detect your users' behavior and only appear when it seems as though they're about to leave your site. By intervening in a timely way, these pop-ups serve as a fantastic way of getting your reader’s attention while offering them a reason to stay.

Ugmonk has a great exit CTA, offering two options for users as a final plea before they leave the site. First, they offer a 15% discount on their products, followed by two options: "Yes Please: Send me the coupon" and "No Thanks: I'm not interested." It's super helpful that each CTA clarifies what "Yes" and "No" actually mean, and I also like that they didn't use guilt-tripping language like "No Thanks: I hate nature" like I've seen on other websites. Finally, notice that the "Yes Please" button is much brighter and inviting in color than the other option.

Ugmonk call to action buttons

23. Pinterest

CTA: Continue with Facebook | Sign Up

Want to sign up for Pinterest? You have a couple of options: sign up via Facebook or via email. If you have a Facebook account, Pinterest wants you to do that first. How do I know? Aesthetically, I know because the blue Facebook CTA comes first and is much more prominent, colorful, and recognizable due to the branded logo and color. Logically, I know because if you log in through Facebook, Pinterest can pull in Facebook's API data and get more information about you than if you log in through your email address.

Although this homepage is optimized to bring in new members, you'll notice a very subtle CTA for folks with Pinterest accounts to log in on the top right.

Pinterest signup call to action button

24. Madewell

CTA: Take me there | What's next?

Madewell (owned by J.Crew) has always had standout website design, taking what could be a typical ecommerce website to the next level. Their use of CTAs on their homepage is no exception.

When you first arrive on the page, you're greeted with the headline "I'm Looking For ..." followed by a category, like "Clothes That'll Travel Anywhere." Below this copy are two options: "Yes, Take Me There" or "Hmm... What's Next?" The user can choose between the two CTAs to either browse clothes that are good for travel, or be taken to the next type of clothing, where they can play again.

This gamification is a great way to make your site more interesting for users who come across it without having a specific idea of where they want to look.

Madewell clothes shopping call to action buttons

25. Instagram

CTA: Download on the App Store | Get it on Google Play

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play ... a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to "Log In" if you'd prefer that option, too.

Instagram signup call to action buttons

26. Barkbox

CTA: Get Started | Give a Gift

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: "Get Started" and "Give a Gift."

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, "Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible." Talk about delightful copy.

Barkbox call to action buttons

27. t.c. pharma

CTA: Find out more | View products

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based t.c. pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: "Find out more" and "View products" -- but it's clear by the bright yellow color of the first button that they'd rather direct folks to "Find out more."

t.c. pharma product info call to action buttons

28. General Assembly

CTA: View Full-Time Courses | Subscribe

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes. When you create your own CTAs, try using bolder colors -- even ones that clash with your regular stylings -- to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

General Assembly subscribe call to action button

29. charity: water

CTA: Give by Credit Card | Give by PayPal

Charity: water's main goal is to get people to donate money for clean water -- but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design -- this is because charity: water likely doesn't care how you donate, as long as you're donating.

charity: water donation call to action button

30. Hipmunk

CTA: Flights | Hotels | Cars | Packages

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word "Search," so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

Hipmunk flights and hotel bookings CTA form

31. MakeMyPersona

CTA: Grab the template! | No thanks

Here's another example of a great pop-up with multiple calls-to-action -- except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the "Grab the template!" CTA much more attractive and clickable than the "No, I'm OK for now, thanks" CTA -- which doesn't even look like a clickable button.

I also like how the "no" option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

MakeMyPersona template download call to action button

32. TeuxDeux

CTA: Get Started for Free | Try for Free

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

That's it.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

TeuxDeux CTA example.

33. Betabrand

CTA: Get involved

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as "Shop Now."

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Betabrand homepage CTA.

34. Fabletics

CTA: Limited Edition

This Fabletics CTA uses several marketing tactics: scarcity and a holiday.

On the homepage, the brand announces a limited edition collection that's tied to a holiday (Mother's Day).

Additionally, the CTA uses a bright color so the CTA stands out on the simple homepage.

Fabletics limited edition CTA.

35. Ashley Stewart

CTA: Shop the Lookbook

Ashley Stewart is a clothing brand catered to plus-sized women. In this CTA, the company uses a fun design to entice website visitors. The entire collage of images looks like a behind-the-scenes camera roll, which is interesting to look at.

Additionally, the CTA copy is straight to the point, which is helpful for visitors who are looking to browse.

Ashley Stewart CTA example.

36. Amazon Music

CTA: 3 months free

This is a great example of several of the elements we've talked about in one CTA.

Amazon uses two strategically placed CTAs, colorful, yet simple design, and offers the product for free.

With this CTA, Amazon is promoting one of its own products and services on its homepage instead of other products listed for sale on the site.

The only message they want to get across? That you can try their product, Amazon Music, for free for three whole months. This CTA accomplishes that goal with a simple design.

Amazon Music CTA example.

37. Barnes and Noble

CTA: Shop Now

Barnes and Noble uses a simple CTA to entice visitors to shop a limited collection during the Mother's Day holiday.

I like this CTA because the landing page design is so cohesive with the branding of the overall company.

Additionally, the graphics and the fonts are all interesting and match the brand's messaging.

Barnes and Noble CTA.

38. Slack

CTA: Learn More | Contact Us

Slack uses beautiful, simple design on its homepage to entice visitors to click on one of the two CTA buttons.

I like this example because Slack has two CTA buttons for two different audiences. If you're just getting started in your research, you can click "Learn More." However, if you're a repeat visitor and know that you want to talk to a sales person, you can click "Contact Us."

This is a great example of serving two audiences with your CTAs on your homepage.

Slack home page CTA.

39. Nintendo

CTA: Compare Features

On Nintendo's website, the company is focused on answering any questions a visitor might have.

In fact, one of the main CTAs is "Compare Features." With this CTA, Nintendo answers one of their most popular questions because they understand that many visitors are still doing their research before purchasing a product.

Nintendo CTA example.

There you have it. By now, we hope you can see just how important little CTA tweaks can be.

Full Disclosure: We don't have data to know if these are all scientifically successful, but these examples all follow our best practices. If you decide to recreate these CTAs on your site, please remember to test to see if they work for your audience.

Want more CTA design inspiration? Check out some of our favorite HubSpot call-to-action examples.

Editor's note: This post was originally published in June 2014 and has been updated for comprehensiveness.

https://bit.ly/2KYYxa1