Categories B2B

How 3 New Facebook & Instagram Shopping Features Could Help Marketers Boost Sales

For years, millions of brands have flocked to Instagram and Facebook to spread awareness to millennials, Gen Z, and members of other generations on the app.

And, at this point, marketing on these platforms has proven to be a smart tactic. On Instagram alone, 90% of its 1 billion-plus users follows a Business page on the platform.

Now, with Facebook’s launches of Facebook Shops, Instagram Checkout, and Live Shopping in the last 12 months, many of the tiny remaining friction points between discovering and buying products on social media platforms have been eliminated.

In this blog post, I’ll highlight the newest free features that brands can use to make sales directly from Instagram’s or Facebook’s platform, as well as any brand requirements for using them.

Click here to access a month's worth of Instagram tips & free templates.

3 New Instagram Shopping Tools to Know About

1. Facebook Shops

Technically, this tool was launched by Facebook, which owns Instagram. However, your Instagram followers won’t need a Facebook account to make purchases with this feature.

Facebook Shops, launched in May, enables brands to create online stores that link directly to a brand’s Instagram, WhatsApp, Messenger, or Facebook Business Page.

When creating a free Shop, brands can upload bulk or individual product listings with photos, prices, and descriptions; change the store’s button colors and text to make it consistent with their brand; and choose to have visitors buy products directly from the shop or through an integration with an ecommerce website they already use.

Facebook Shops can be created on Facebook Commerce Manager. To get started, you’ll need admin privileges to the Instagram Business or Facebook Business account you’ll be linking the Shop to — as well as admin privileges for your brand’s Facebook catalog.

Once a Shop is created, it can be linked directly to your Instagram Business profile. When this is done, an icon that says “View shop” will appear on your mobile profile under your bio. At this point, you can access Facebook Shops on desktop from Facebook Business profiles, but not from Instagram or WhatsApp desktop sites.

Here’s what the Shop experience looks like when an Instagram app user visits the account of Ink Meets Paper, a printing company which offers a Facebook Shop:

Ink meets paper facebook shop link on instagrqam bioink meets paper facebook and instagram shop

Facebook Shops, which is free to all businesses that fulfill the business page requirements noted above, could be a great option for small or medium-sized businesses that are interested in ecommerce but don’t have the time or bandwidth to create and promote a full ecommerce site around their brand.

To learn more about how Facebook Shops works and the background of why Facebook launched it, check out this post.

2. Instagram Checkout

For brands that want to sell a few select products on Instagram, or don’t have time to create a Facebook Business Page or catalog to open a Shop, Instagram also now offers an in-app Checkout experience that links to Instagram Shoppable posts.

Before 2020, several brands were already using Shoppable posts. These posts, which often highlighted an image of a product or experience, allowed users to tap the content to view it in an online catalog outside of the platform.

Instagram shoppable post

But, in March, Instagram launched a Checkout feature that allowed Shoppable purchases to happen directly in the app.

In an announcement, Instagram explained that it launched in-app Checkout to keep users on the platform when they were inspired to make a purchase.

Instagram also adds, “Businesses can truly leverage the full ecosystem of Instagram Shopping features to build experiences that drive awareness and transactions all in one place.

Currently, Checkout is free to brands through until at least 2021. However, there might be selling fees for businesses after that.

“We also want to help reduce the cost of doing business during this tough economic time, so we’re waiving selling fees for businesses that use Checkout on Instagram through the end of the year,” Instagram’s post said.

Now, when users click on a Shoppable post that links to the Checkout feature for the first time, they’ll be asked to give their name, billing information, and shipping address and can then click “Place Order” directly on Instagram. To further eliminate friction, users can set the app to remember purchasing information so they don’t need to submit it each time they place orders.

Instagram shopping post and store

Image Source

At this point, you might be wondering, “How is this different from Facebook Shops?”

Both tools similarly allow consumers to make purchases directly on Instagram. However, a Shop is a mini-online store where you can purchase one of many products listed by one brand. Meanwhile, Checkout allows consumers to buy a product they happen to see on an Instagram Shoppable post within their feed or a brand’s profile page.

Additionally, to use the Checkout feature, you’ll need to fulfill the same requirements as Facebook Shops, plus approval for Instagram Shopping.

Checkout might be a good option for your brand if you want to dabble in internet sales but don’t want to monitor how multiple products are selling in a wider shop. With Checkout, you can choose to sell one or two products within a few posts, and monitor your content for engagements and sales metrics.

3. Instagram and Facebook Live Shopping

While the features above integrate with Instagram and Facebook to allow audiences to buy products from posts or pre-published stories, Facebook has also unveiled live shopping features for both of its platforms.

Instagram Live Shopping

Aside from adding Checkout to posts within a feed, Instagram Live Shopping, the first live shopping feature launched by a Facebook-owned brand, brings a similar purchasing experience to live content streamed on the app.

Essentially, Instagram Live Shopping lets brands or Instagram influencers present a small CTA for a product at the bottom of an Instagram Live stream. Below is an example where an influencer discusses a product live as its Checkout CTA is highlighted at the bottom of the screen:

Instagram live shopping content

Image Source

When an Instagram Live viewer sees the Checkout CTA and clicks “Add to Bag,” they can either save the order for later if they want to continue watching the stream, or they can purchase the product immediately via Checkout.

If a user places a product in their Instagram Bag, they can find it by going to the app’s Explore tab and tapping “Shop” in the top navigation. Fram the  Shop page, they can then tap the bag icon in the upper right corner to see carted products:

Instagram shopping tab of app

Because users who purchase items via Instagram Live Shopping will be directed to Instagram Checkout to finalize the purchase, brands will need to gain access to Instagram Checkout before using Live Shopping.

Facebook Live Shopping

If your audience is primarily on Facebook, you can also leverage Facebook’s new live shopping feature — which was unveiled in spring of 2021. 

Facebook Live Shopping feature

Image Source

Like Instagram Live Shopping, this feature allows audiences viewing Facebook Live streams to see related products pop up. From there, the user can click the pop-up to buy those products while still watching Facebook Live videos. 

The process of promoting your products during a Facebook Live stream is similar to promoting in Instagram:

  • First, you’ll need to start a Facebook Shop for audiences to buy seamlessly through Facebook Live. 
  • Once your shop is all set, go to create a Live video for your Facebook account and click the Live Shopping tab, and toggle on “Enable Live Shopping.”
  • Once you’re live with shopping enabled, you can click or tap a button that says “Products from Shop” and select the products you’d like to feature as you’re recording. 

For those getting used to Facebook or Instagram Live Shopping, Facebook offers a helpful list of best practices for streaming on its website. These tips include rehearsing with a private live event, repeating key information about the products, saving the live feed to your timeline, and following up with people who shared comments on your feed after you’ve recorded.

What to Keep in Mind When Selling Products on Instagram

At this point, you might be ready to sell your brand’s products using Instagram’s in-app shopping features. However, as you would with any new marketing or selling technique, you’ll want to keep a few key things in mind:

Your content strategy is still key.

While it might sound tempting to blast your followers with posts filled with product shots or basic promotional messaging, and hope that users click the Checkout button immediately, some audiences might not respond well to content that feels like a basic advertisement.

Remember, social media users see ads with product shots and bland descriptions daily. If your content doesn’t stand out above all the other promotional posts out there, your audiences might disengage from you, even if they like your brand.

Rather than posting basic images or videos of products linked to Checkout, consider going a step further. For example, you could air a live stream tutorial where an influencer discusses your product, or publish user-generated content such as customer testimonials. These types of content will show audiences more valuable details than a basic product shot, while also presenting how real people benefit your product. This could persuade them to click and buy your items much faster.

You’ll want to pick the right feature for your company.

While Shops will allow customers to buy a bunch of different products from you all at once, Checkout and Instagram Live Shopping allow you to zone in on specific items or services through your content. While Facebook Shops might be great for brands that can deliver multiple products at once and handle potential high demand, Checkout and Live Shopping could be beneficial for smaller businesses that are more comfortable highlighting one standalone product at a time.

Additionally, if you have a killer supply chain, tons of products to sell, and no time to make content, a Facebook Shop could help you move your inventory. Meanwhile, if you have a great content team, but only have a few key products to sell, you might want to create solid product marketing content paired with Instagram Checkout.

You’ll want to monitor your metrics, including revenue.

Although brands don’t need to pay for Facebook Shops, Checkout, or Live Shopping, time and effort will still go into creating and maintaining a Shop or content that highlights items sold in Checkout. Because of this, you’ll want to monitor the money and engagement-related metrics of each strategy you take on. While these metrics can help you learn what to do, and what not to do, they can also help you determine if these features are worth your team’s time.

If you’re considering an ecommerce strategy on Instagram or another online platform and don’t know where to start in your planning, bookmark our Ultimate Guide to Ecommerce. If you’re interested in learning how other brands shifted to ecommerce in 2020, check out this piece.

Editor’s Note: This blog post was originally published December 2020, but was updated in June 2021 to add new information about Facebook and Instagram features.

30 days of instagram

Categories B2B

13 of the Most (& Least) Successful Brand Extensions to Inspire Your Own

I was in awe of Hailee Steinfeld’s performance after watching her in The Edge of Seventeen. Her performance was so good that it earned her a Golden Globe nomination for Best Actress.

But what amazes me about Steinfeld isn’t her acting prowess. It’s that she’s also just as accomplished as a singer. Steinfeld has collaborated with some of the most famous musicians like Zedd, Florida Georgia Line, and Alesso to produce three hit songs that have all reached the Billboard Hot 100 record chart.

Although Steinfeld is mainly known for her acting chops, her singing abilities bolster her esteem as a performer and stretch her brand to more audiences and fans. And just like her venture into music, companies often extend their brand to develop new products in industries where they don’t have any market share.

These initiatives are called brand extensions, and they allow companies to leverage their brand awareness and equity to create more revenue streams.

In this article, you’ll learn more about what a brand extension is and see examples of extension ideas that could inspire you.

Download Now: Free Brand Building Guide

What is a brand extension?

Brand extension is a marketing strategy that involves a company using its well-established brand name or image to introduce a new product or product categories to its customer base.

This strategy works best when the new product category is related to its parent category and is something consumers and customers want.

Many companies use brand extensions because it allows them to leverage their parent brand’s brand awareness and authority to reach new demographics and open up new sales channels.

One company that does brand extensions well is Apple.

Although Apple started as a technology company that makes only computers (Macs), it soon extended its product line to include music players (iPods), mobile devices (iPhones), and tech accessories (Apple Watch and Earpods). Even though all these new products are different, the extension works because Apple didn’t drift too far from its parent product category. Instead, it leveraged its brand name to make penetrating the market a success.

What are the types of brand extensions?

Depending on the type of customers you have and what you want to achieve as a brand, you need to decide which brand extension strategy is right for your company.

Here are five different extension strategies that could work for you.

Line Extension

A line extension is when a parent brand launches a new product line in a category already familiar with its customers. With a line extension, brands don’t have to create new categories.

An excellent example of a line extension is when soft drink companies introduce new flavors to their existing drink lineup. Other examples could include introducing new scents, sizes, and colors to a product line.

Complementary Product Extension

Another way an established brand can extend itself is by creating complementary products for its main products.

For example, Nike, a sports brand, creates various equipment, wears, and other sport-related products that complement each other. We’ve also seen toothpaste companies use this type of extension for their original brand by adding toothbrushes and other oral care products as new categories.

Customer Base Extension

A company can create a branding extension for itself by launching different product categories for a single demographic.

Procter & Gamble (P&G), for example, does this well with the Pampers brand. Although P&G specializes in various products, the Pampers line focuses on making products like diapers and wipes for babies.

Company Authority Extension

Companies with high levels of authority in their sector can leverage this authority to create new products.

For instance, Samsung has a huge brand name in the technology space that allows them to launch different products in related categories with a measure of success. And because of its brand image, most consumers wouldn’t mind using a new product, whether it’s an air conditioner or a mobile phone.

Brand Lifestyle Extension

Who would have thought a tequila line from an energy company would sell out within a few hours? Well, Tesla did it. And it was primarily due to the personality and lifestyle of its CEO, Elon Musk.

However, Elon and Tesla are not the only ones to use a celebrity’s lifestyle to extend an existing brand. Other instances include Adidas/Kanye West’s Yeezy lineup and Fenty (a brand under LVMH) with Rihanna.

What separates the best brand extensions from the worst?

Historically, the most successful brand extensions are the ones that closely tie to the company’s core brand or flagship product, like Gerber’s baby clothes and Dole’s frozen fruit bars. By entering tangential markets that can preserve their brand’s unique associations and perceived quality, companies can launch new products that consumers intuitively understand the benefits of, even though they’ve never seen them on a shelf.

On the flip side, a company can also exploit its brand and, in turn, ruin it.

Developing a new product in a market that isn’t closely tied to your flagship product or core brand, like what Zippo did with its women’s perfume, could cause some problems.

It could result in undesirable associations to your brand and weaken its existing associations and hurt your established products’ perceived quality.

So whether you’re a SaaS company or a consumer brand thinking about extending your product line, check out our list of the most and least successful brand extensions to help inspire your own.

Examples of Good Brand Extensions

1. Reese’s Puffs Cereal

Reese's Brand Extension -- Cereal

Image Source

Reese’s Puffs was my favorite cereal growing up, so I might be a little biased here. But with all the chocolate-flavored cereal around in the mid-90s, Reese’s Peanut Butter Cup’s entrance into the cereal market was smart and natural.

Today, with some ad campaigns highlighting how kids can eat their favorite candy for breakfast, Reese’s Puffs has helped General Mills, its conglomerate, capture the second-biggest slice of the cold cereal market share.

2. Food Network’s Kitchen Items

Food Network Kitchen Items Brand Extension

Image Source

With an audience of over 13 million people, Food Network remains one of the world’s biggest TV channels.

Considering that many people were interested in what it does, Food Network saw an opportunity to extend its brand by partnering with Kohl’s Corporation to launch its kitchen and cookware products.

The partnership was a success because Food Network served a specific audience with what they needed.

3.Gillette’s Razors & Shaving Supplies

Gilletes Razors BRand ExtensionImage Source

Gillette’s extension into making shaving products alongside its safety razor blades was a smart move. Why? It’s hard to imagine someone shaving without using shaving cream, foam, or gel?

It was almost a necessity for Gillette to produce this complementary good for its flagship product.

4. Star Wars Action Figures

Star Wars Action Figure Brand ExtensionImage Source

Although Star Wars was popular among adults when the movie was first released in 1977, many children didn’t like it as much.

So how did the franchise become popular today? The Star Wars brand extended into the toy market. With action figures from characters in the movies, Star Wars was able to attract a new audience, build brand awareness and make a ton of sales in the process.

5. Colgate’s Toothbrush

Colgate Brand ExtensionImage Source

Just like Gillette’s razors and shaving products, Colgate’s toothpaste and toothbrush are complementary goods. But unlike the former example, you literally need a toothbrush to use toothpaste. Otherwise, you can’t brush your teeth.

In my opinion, Colgate’s decision to enter the toothbrush market was a necessity and one of its best moves, helping it secure the third-largest slice of the oral care market.

6. Honda’s Lawn Mowers

Honda Lawn Mower Image Source

Honda’s line of lawnmowers might not elicit the most enjoyable memories of my childhood. Still, its entrance and success in a saturated market speak volumes for a company primarily known for selling cars.

By leveraging its expertise in small motors to enter the lawn mower market in 1978, it now boasts the seventh-largest slice of market share in the global lawn mower industry.

7. Sunkist’s Vitamin C Tablets

Sunkist Brand Extension

Image Source

Featuring orange juice as its flagship product, Sunkist’s brand has associations with oranges, health, and energy. Sunkist produced vitamin C tablets that spawned an entire arm of business dedicated to vitamins and supplements to both bolster and leverage this association simultaneously.

Examples of Unsuccessful Brand Extensions

Not every brand extension can be a hit. Here are a few examples of brands that have made brand extension mistakes — and the lessons you can learn from them.

8. Cadbury’s Instant Mashed Potatoes

Cadbury Brand ExtensionImage Source

Cadbury is known for making high-end chocolate and candy. When it started producing low-end food products, like instant mashed potatoes, it’s not surprising to learn that its association with the finest chocolates weakened.

Smash, its instant mashed potato brand, actually reached mainstream success, but it was at the expense of lowering its flagship product’s perceived quality. Cadbury eventually sold Smash in 1986, over 20 years after introducing its instant mashed potatoes to the world.

9. Levi’s Tailored Classics

Levis Brand ExtensionImage Source

When Levi’s introduced Tailored Classics in the early 1980s, it already owned a large share of its target market, so it wanted to enter some new markets to sustain its high growth rate.

One of these markets was men’s suits, but since its brand was heavily associated with a casual, rugged, and outdoorsy lifestyle, Levi’s new product line conflicted with its core identity and failed to catch on.

Consumers trusted Levi’s to produce durable clothing that could endure the wrath of mother nature, but, for that very reason, they didn’t trust them to deliver high-end tailored suits.

10. Pillsbury’s Frozen Microwave Popcorn

PillsBury Brand ExtensionImage Source

Even though Pillsbury is known for producing foodstuffs, its frozen microwave popcorn couldn’t compete with Orville Redenbacher or General Mills’ Pop Secret because its product positioning of being “frozen for freshness” didn’t offer enough value. Sure, sticking your popcorn in the freezer is convenient (I guess), but that benefit pales in comparison to enjoying a better-tasting popcorn.

11. Samsonite’s Outerwear

Samsonite Brand Extension

Image Source

While Samsonite’s outwear is more fashionable than Levi’s Tailored Classics, it still suffers from the same problem as Levi’s failed product line the brand extension doesn’t align with Samsonite’s core identity.

Samsonite is known for making high-end luggage, suitcases, and business bags. So unless it thinks its flagship product’s elegant traits can transfer to a completely unrelated product line, its venture into the clothing industry could diminish its brand equity. This is most likely the reason Samsonite doesn’t list outerwear on its website anymore.

12. Arm & Hammer’s Underarm Deodorant Spray

Arm n Hammer Brand Extension

Image Source

Arm & Hammer has successfully extended its brand from an odor-neutralizing baking soda to laundry detergent, carpet deodorizer, and even cat litter. But one product line that isn’t the best fit for its brand is an underarm deodorant spray. Applying a product that shares an ingredient with heavy-duty cleaning supplies to such a sensitive part of the body doesn’t jive well with consumers.

13. Colgate Kitchen Entrees

Colgate Brand Extension

Image Source

Although Colgate did well by extending its brand and creating different oral care products, it failed to enter the food space.

This brand extension was a failure mainly because selling frozen food was in sharp contrast with Colgate’s brand identity. Since its audience already associated the brand name with dental care, it was hard for them to see the company differently.

Grow Your Brand

While a brand extension has its benefits, you also need to know that extending your brand into unchartered waters would also come with challenges.

So before you implement any extension strategy for your business, ensure it’s in line with what your ideal consumer wants.

Does it make any logical sense to start marketing a new product to my customers? What benefit would a consumer derive from this new brand or product? Have I done enough research to know how a brand extension would affect my original brand?

Once you answer those questions, then you can start thinking about effective ways to grow your brand.

New Call-to-action

Categories B2B

Here’s How to Add a Link to Your Instagram Story [Pro Tip]

More than 500 million accounts use Instagram’s Stories feature, and one-third of Instagram’s most-viewed Stories are created by brands (Instagram). It’s clear that this feature has resonated with Instagram’s base, and businesses can leverage it to drive awareness and engagement with their audiences.

But with all of that comes the question: How can brands use Stories to their fullest advantage, in the effort of driving traffic and conversions for their businesses? It starts with knowing how to add links to Instagram Stories with the Swipe Up feature so you can promote your website. Let’s dive into that now.

New Data: Instagram Engagement Report [2021 Version]

You’ll be able to post exciting content regarding a new product, service, or event, and then encourage your audience to “swipe up for details.” This gives brands a low-friction way to drive traffic from the Instagram platform, and it allows users to more seemlessly interact with brands directly from those brands’ Stories.

Who can use Swipe Up on Instagram?

The Swipe Up feature is intended for brands and Instagram users, so Instagram limits availability to those who fit three criteria: You must have a business profile, it must be a verified account, and you must have at least 10,000 followers.

If you meet this criteria, continue reading to learn how to add a link to your Instagram story. If you don’t meet the criteria, click here to find out your alternative options.

1. Check that you have 10,000 followers or a verified account.

You won’t be able to follow the steps below if you don’t.

I used HubSpot’s official Instagram account for these instructions, since my personal account isn’t verified (I also, you’ll be surprised to hear, don’t have 10,000 followers … ).

2. When uploading to your Instagram Story, click the icon at the top right that looks like a chain.

Add a Link to Instagram Story: Click Chain Icon

3. Click “+URL” to add a link to a web page.

This will allow you to designate which link to add to your Story. If you were interested in linking your Story to your IGTV video, you could choose that option instead.

Add Link to Instagram Story: Click +URL

4. Type the URL into the text box.

This will be the page that the user gets directed to when they swipe up on your Story. You’ll want to copy it into the text box labeled “URL.”

Add Link to Instagram Story: Designate URL

5. Click “Done” in the top right of the screen.

From there you’ll be prompted to go through the process of publishing your Story.

6. When you’re ready to publish, click the “+ Story” button at the bottom right.

Now, your published Story has a “See More” Swipe Up link.

Add Link to Instagram Story: See More Swipe Up Link

How to Add a Link to Instagram If You Don’t Have 10K Followers

If you want to promote products off of the platform, you may have to get a little creative to do it. Here are your options:

1. Directing your audience to an IGTV video.

IGTV (Instagram TV) is an app that allows you to create Instagram videos with a minimum length of 1 minute and a maximum length of 15 minutes (via mobile) or 60 minutes (via web). Unlike regular Instagram posts and Stories, however, IGTV allows you to add clickable links to the video description.

While Stories get more attention than IGTV videos, one tactic you can use is creating a Story that promotes the IGTV video with your link. This will allow you to get some level of click-through from your Story.

2. Directing your audience to the link in your bio.

Instagram also allows you to drop a link in your profile bio. In many cases, this real estate is best used to list the homepage of your website. However, if you want to drive traffic to a particular page, you could conceivably add the promo link and then include “link in bio” language in your Instagram Story to direct people there.

The main downside, however, is that you wouldn’t be able to promote multiple links at once, so you’d have to coordinate the link you place in your bio to match the content you’re currently creating.

Both of these methods may result in lower conversions because of the extra steps the user has to take in order to access the links. However, they’re both excellent ways to earn traffic from Instagram as you build your audience to 10,000 followers.

Instagram Swipe Up Link Examples

1. @Detoxinista Recipes

Food bloggers such as @Detoxinista use Instagram Stories’ Swipe Up link to embed recipes on the platform. They wisely post images of delicious-looking food, which incentivizes users to swipe up to learn how to make it themselves. The link isn’t a direct advertisement, but users are directed to Detoxinista’s website, where they can find her cookbook and become familiar with her brand.

Swipe Up Link Example: Detoxinista

2. @Blavity #worldnotobaccoday

Blavity is a media company “created by and for Black millennials.” They provide their audience with news, editorial, and lifestyle content that informs and entertains. In a recent campaign with L.A. Quits, Blavity promoted World No Tobacco Day to raise awareness of the harmful effects of smoking. You’ll notice the “Swipe Up” call-to-action on the left. By doing so, users are directed to the L.A. Quits website where they can get resources for living a healthier tobacco-free life.

Swipe Up Link Example: Blavity

3. @Alifedotowsky Clothing Items

If you’re a Bachelorette fan, you might’ve noticed the growing trend among Bachelor and Bachelorette contestants to become product influencers and embed Swipe Up links in their Stories. As a fashion and style blogger, Ali often takes pictures or videos of outfits she’s wearing, with Swipe Up links so users can buy the items online. She also often incorporates discounts if users swipe up, further incentivizing a user to purchase an item from a brand’s website.

Swipe Up Link Example: Alifedotowsky

4. @Popsugarfitness Summer Sculpt Series

One of the most effective ways to use the Swipe Up feature is to offer your followers something of value, for free. @Popsugarfitness, for instance, introduced a Summer Sculpt series with a tempting offer — “Swipe Up for a 10-Minute No-Equipment Booty-Shaping Workout”. Who could say no to that? Ideally, as users obtain more value from your site, they’ll spend longer on it and become stronger brand advocates.

Swipe Up Link Example: PopSugarFitness

5. @TheLipBar Cosmetics

The Lip Bar is a beauty brand that creates inclusive, vegan, and cruelty-free cosmetics products ranging from lipstick to tinted moisturizer. In this Instagram Story, The Lip Bar is promoting their summer sale with the tagline “Are ya’ll ready for summer?” By swiping up on the Story, you can view one of their promoted products.

Swipe Up Link Example: The Lip Bar

6. @Reebok Be More Human Campaign

Reebok created a powerful and timely campaign called “Be More Human”, celebrating women’s empowerment through fitness. On their Instagram Stories, they raise awareness for the campaign by showing famous women like Gigi Hadid or Danai Gurira, and when you swipe up, you learn more about Reebok’s campaign and how you can get involved. On the site there are opportunities to purchase t-shirts or donate money, but it’s evident Reebok is committed to staying focused on their messaging above all else, a noble pursuit.

Swipe Up Link Example: Reebok

Driving Traffic from Instagram

Instagram is a thriving platform, one that your customers are likely on. It only makes sense to use these tactics as well as other Instagram strategies to build awareness for your brand and grow your business.

Editor’s note: This post was originally published in February 2020 and has been updated for comprehensiveness.

instagram statistics

Categories B2B

How to Build a Website: 2 Methods, 9 Easy Steps, & 35 Amazing Tips

Studies show that 76% of consumers research a business online before visiting in person. That means having a website is as necessary for companies today as having a phone number.

Maybe you’re starting a new business venture or developing your personal brand. Or, maybe you’re looking to update your company’s outdated website. Whatever the case, creating a new website can feel overwhelming, particularly without technical expertise or a budget for web developers.

We’ve put together a comprehensive, step-by-step guide to creating a website. Best of all, you won’t need a coder, web designer, or big budget to create one — you’ll just need to follow the steps below.

Learn More About HubSpot's CMS Software

In general, you’ll carry out these steps before launching your site. But before you get started, you’ll need to choose a platform.

We’ll walk you through the two options you have: a website builder or a content management system (CMS).

Start Building Your Website By Choosing a Platform

The first thing you’ll need to decide is whether you want to create a website using a website builder or a CMS.

Let’s take a look at the definitions of each below.

Website Builder Content Management System (CMS)

A website builder is a solution that offers domain names, SSL certificates, and templates in one package, typically at a monthly or yearly subscription fee.

A content management system is a platform where you place your website’s content and media files. Domain names, SSL certificates, and hosting is typically purchased separately.

Both website builders and CMS platforms provide the out-of-the-box features, pre-designed templates, and extensions required to create a custom site without coding, but they offer different experiences for creating and managing a website. Below, we cover some of the differences you should consider before making a choice.

Website Builders vs. Content Management Systems

Website Builders CMS Platforms
  • Domain registration, hosting, and SSL certificate included
  • In-house templates and themes included (typically less variety)
  • Monthly subscription with free trials available
  • Limited customization
  • Less powerful in functionalities and features
  • Great option for beginners
  • Domain registration, hosting, and SSL certificate must be purchased separately
  • In-house and third-party templates and themes available (typically more variety)
  • Free CMS platforms available
  • Highly customizable down to the website code
  • More powerful in functionalities and features
  • Great option for sites with growth potential

Website builders provide everything you need to launch a site. You get website building tools, hosting, domain registration, SSL certification, templates, and support in one place, often for a low monthly rate.

This ease of use and pricing appeals to many site owners; however, free website builders, as well as the more expensive alternatives, tend to be limited in flexibility. For example, you can’t add your own custom code, or drag and drop elements anywhere on your posts and pages.

If you want more control over the functionality and appearance of your site, use a CMS. A CMS will provide the content management features, advanced functionality, and customization options required to build larger, more complex sites.

If you decide that a CMS is the best option for your business, consider the software, ease of use, customizability, security, and pricing of different platforms to narrow down your selection. 

Let’s look at some examples of both website builders and CMS platforms you could potentially use. 

Website builder examples cms systems examples
  • Wix
  • WordPress.com
  • Squarespace
  • Weebly
  • Site123
  • GoDaddy
  • Webflow
  • CMS Hub
  • WordPress.org
  • Adobe Experience Manager
  • Magento
  • Joomla
  • Drupal
  • Sitecore

Here are some resources comparing some CMS systems with popular website builders:

Below, we’ll walk you through the steps to build a website using both a website builder and a CMS.

How to Build a Website with a Website Builder

Have you decided that you’d like to use a website builder? Excellent! This is the easiest way to start for most beginners.

You won’t need to know how to code, and everything you need is typically included in one convenient package — so if you don’t want to go through the hassle of finding a hosting service, domain name, and SSL certificate, this is the option for you. Let’s go through the process of creating your site using a website builder.

1. Choose a website builder.

First up, choose a website builder that fits your needs and budget. You’ll need to consider the following:

  • Cost: Your budget will be by far the most important factor when choosing a website builder. Most require a paid subscription to include premium features such as domain names and increased storage.
  • Features: Website builders typically offer different features depending on their target market. Shopify, for example, is specifically designed for ecommerce websites, while WordPress.com is primarily known for blogging.
  • Extensions: Check out the extensions and add-ons library for each website builder you’re considering. If they don’t offer something you need for your site, skip that builder.
  • Themes and Templates: Some website builders provide more themes and templates, while others provide less variety but more well-designed choices. Check out the template library so you can see what your site could potentially look like once it’s finished.
  • Ease-of-use: All website builders are designed to be easy to use: simply sign up on the platform and start building. But some are more intuitive than others. Play around with different builders to find out which one you prefer.
  • Support: Is the website builder’s support team known for its responsiveness? Do some research beforehand to ensure the premium subscription will also get you premium support.

No matter what, you’ll want to start with a free trial — that way, you can give the platform a test run before committing. While most website builders come with a free subscription tier, it doesn’t offer a free domain name or the features you need to build a strong website. Our recommendation is to opt for a paid subscription once you’ve decided on a platform.

Below, we break down some of the most popular website builders you could choose.

Website Builder Plans Good Fit For:
WordPress.com $4 to $8/month Blogs
Wix $14 to $39/month General Websites
Weebly $6 to $26/month General Websites
Shopify $29 to $299/month Ecommerce Stores
Squarespace $12 to $40/month Creative Websites

Here are a few more resources to help you choose a website builder:

And here are some posts listing alternatives:

2. Sign up for a subscription plan that meets your budgets and needs.

As we mentioned above, you won’t want to go for a free plan because those typically don’t include enough features to launch a professional website. You’ll want to upgrade, but you’ll need to take a close look at the features included in each tier to choose the right subscription for you.

Consider the following questions before choosing a subscription plan:

  • How much storage will you need?
  • Do you want ads to be removed from your site?
  • Will you be setting up an online store?
  • Will you want a professional email with your domain name?
  • Will you want to customize the site using CSS and HTML?
  • How much support do you expect you’ll need?

Here’s an example of a feature comparison chart from Weebly’s pricing page:

Weebly page builder plan comparisonMost website builders have a pricing page that lays out the differences between plans in an easy-to-scan list. The best part is that you can start with the simplest subscription, then upgrade as you require more features and functionalities.

3. Choose a short and catchy domain name.

Some website builders offer a free subdomain for your site, but you’ll want to upgrade to a paid subscription to get a custom domain.

A custom domain name is one of the easiest ways to appear more professional and legitimate as a company. Imagine you were looking for a freelance writer. Are you more likely to hire me if my website address is carolineforsey.weebly.com or carolineforsey.com? An extension like “weebly.com” can confuse visitors and dilute your brand identity. Worst case scenario: a visitor might assume you can’t afford a premium hosting service or custom domain, and draw conclusions that your business is not fully established.

The good news is that after you upgrade, your premium website builder subscription will include a domain name for free, at least for the first year. You’ll be able to choose it as you’re setting up the site, or do it later.

When choosing a domain name, pick something short and descriptive. The .com top-level domain will work for most websites, but if you’re planning on launching an organization, you can also consider the .org domain.

Domain names are a surprisingly complicated art — you must choose something memorable that doesn’t yet exist. As you make your choice, avoid the following:

  • Including dashes
  • Using numbers
  • Using a trademarked name

Before signing up on your website builder platform, consider looking up available domain names using a service such as GoDaddy. That way, you can make sure the domain you want is available before you pay for a subscription on the website builder platform.

Here are some more resources for picking the perfect domain name.

4. Pick a premade website template.

During your setup process, the website builder will take you to a template library, where you can choose a premade layout to set up your site.

Squarespace lists its templates publicly so you can get a taste of the websites you can set up using its services.

Squarespace website builder template library

Image Source

Most website builders will create a different template depending on the type of business or brand you run. For instance, you can choose a template that’s specifically made for:

  • Freelancers
  • Bloggers
  • Local Businesses
  • Creatives
  • Resume Websites

Every template should have essential features such as a built-in responsive setting and drag-and-drop page editor. Your website builder should also allow you to import demo data, so that you only have to replace the images and text and not tinker with anything else during the setup process.

5. Customize the template.

You don’t want your site to look like anyone else’s, so you’ll need to customize the template to your liking.

On most platforms, you’ll be able to change the color palette, replace the images, insert social media icons, add personalized forms and menus, and change the size, colors, and fonts of buttons.

Have fun, and don’t forget to use your brand colors. This will be the best part of building your website: making it look like you want it to.

6. Add pages to the site.

Next, it’s time to add pages to your site. You’ll need to create, at a minimum:

  • A home page
  • An about page
  • A contact us page
  • A services page, if you’re offering any
  • A product page, if you’re selling any
  • A blog page

You’ll also want to create specific service pages. For instance, if you’re selling “Digital Marketing Services,” you’ll want to create pages titled “Social Media Marketing Packages” and “Search Engine Marketing Services” under the digital marketing services umbrella.

Our top suggestion would be to put the topic of your page — or your target keyword — in the title of these new pages. Instead of having a page titled “Services,” you would title it “Digital Marketing Services.” You’ll want to do the same thing for your home page. You don’t want it to be titled “Home.” Instead, title it “Freelance Digital Marketing Specialist – Your Name.”

Your title shows up in the search results, so it plays an important role in telling visitors what you do.

Website page title example in search results

Here are more resources on creating great page titles:

7. Write optimized content.

This is arguably the most important step. Now that you have your pages set up, what will you put on them?

It’s time to write optimized content to put on all of the pages you’ve created. Get content ideas from your competitors, and don’t forget to aim for at least 800 words per page. Remember, however, that you can always come back later to write more content. So if you have to write short pages at first, it’s totally fine. Set a date for when you’ll return and add more copy.

Write your content in an editor such as Google Docs and use a grammar checker such as Grammarly to ensure your copy is error-free. When you upload images, be sure to compress them beforehand with a tool such as Toolur or TinyJPG.

These steps will ensure your content helps you rank on Google and other search engines. Check out the following articles on how to write optimized content:

8. Fill in general settings.

Before pushing your site live, you’ll want to fill in general settings. It’s the same list you would run through if you were setting up your site on a CMS platform.

Here’s what you’ll want to adjust:

Make sure you include a site title and tagline in the “Settings” of your website builder. Go through, and check out the URLs — are those optimized for search?

Any website builder you’re using to build your site should make it easy to optimize these elements on every post and page. With Wix, for example, you can add image alt-text, meta descriptions, headings, and custom URLs right in your content editor.

Editing page elements in Wix's drag-and-drop editorImage Source

9. Install extensions and apps.

Last but not least, install add-ons that will increase your website’s functionality. Each website builder typically has a library of extensions and add-ons that you can choose from. For instance, in the Shopify app store, you can install an Instagram slider that shows an Instagram feed in each product page.

Take a look at the add-ons you have access to on the following popular website builders:

Once your pages, content, and plugins are in place, it’s time to push your site live. The website builder will typically have a button you can click to launch your site into the web. After, simply watch your organic traffic grow. And remember: if your website builder doesn’t work for you, you’ll always be able to switch over to a CMS.

How to Build a Website with a CMS

Have you chosen to go with a content management system instead?

The process of building a website with a CMS is a little different than setting up a site with a website builder — mainly because you’ll have to buy a domain name and web hosting on your own. But the process is just as simple, and the powerful customization options make the extra steps worth it.

Below, we cover the process of building your website using a CMS from start to finish.

1. Choose a CMS.

The best CMS system for your business will align with your site’s needs and goals.

WordPress, for example, is a popular open-source CMS that provides thousands of themes, plugins, and modules for customizing your site. In exchange for this flexibility, you will have to spend more time and money downloading, installing, and maintaining the extensions.

On the other hand, WordPress alternatives like the CMS Hub provide more built-in functionality, app integrations, and security features so you can focus on creating web content and attracting leads.

Below, we break down some of the most popular website builders you could choose.

CMS Plans Good Fit For
CMS Hub $270/month or $900/month Growing Businesses
WordPress.org Free General Websites
Adobe Experience Manager Custom Pricing Enterprise Businesses
Joomla Free General Websites (Recommended for Advanced Users)
Drupal Free General Websites (Recommended for Advanced Users)

It’s worth noting that while WordPress.org, Joomla, and Drupal are free, you’ll have to pay for domain names, SSL certificates, hosting, and premium themes and templates, adding to your set-up costs. You might also need the help of a developer if you opt for Joomla and Drupal.

It’ll be hard to choose, but you can narrow it down with a few questions. For instance, do you need a platform that allows you to add your own custom code or one that supports multiple languages? Would you like a proprietary CMS to help share the responsibility of protecting and maintaining your site, or would you prefer an open-source CMS? You might also narrow your list by comparing the selection of templates and add-ons offered by each system.

Here are some resources to get you started:

Here are some comparison and alternatives posts:

Once you’ve chosen the best CMS platform for your needs, continue to step two.

2. Select a hosting plan.

Web hosting is a service that enables individuals or businesses to run a website on the Internet. The service provider, known as a web host, will store your website files on a secure server that it keeps up and running, and then deliver and display that web content to visitors who type in your URL in their browser.

Website builders include hosting in their packages. Content management systems, however, don’t work this way. You’ll have to find your own hosting provider, which will take time and lots of research. There are hundreds of web hosts on the market. Each one might offer different types of hosting, including shared hosting, VPS, and dedicated hosting. Let’s briefly look at the differences below.

  • Shared Hosting: In shared hosting, your website shares the same server and resources with other websites. It’s the most popular type of hosting, particularly among new site owners, because it’s the cheapest option.
  • VPS Hosting: If you go for a Virtual Private Server hosting solution, your site will sit on the same server as other websites; however, it will isolate server resources for your site specifically. That means your site will be able to handle higher volumes of regular traffic. It’s a pricier alternative to shared hosting.
  • Dedicated Server: With a dedicated server, your site will sit on a server whose resources and space is reserved for your site only. If you’d rather not share a server with any other website, you can upgrade to dedicated server hosting.

Virtually every web host offers shared hosting. However, because your website has to share the same server with many other websites, it can’t support high volumes of traffic and is most vulnerable to hackers and other security threats.

Once you’ve decided what type of hosting you need, you can pick a provider. DreamHost, HostGator, and Bluehost are among the most popular third-party providers and offer free domain registration for the first year. That will simplify the next step in building a website.

Here are resources about hosting you’ll want to check out:

And some comparisons to help you choose the best one:

3. Get a domain name from a domain name provider.

No matter what type of CMS you chose to build your site, you’ll likely have to purchase a domain name.

Purchasing a domain name is typically inexpensive — even for those who sign up for a hosting plan that does not include free domain registration for a year. There are two different approaches you can take.

You can visit a domain site, purchase and register a domain name there, and then connect it to your hosting account. Both Godaddy.com and Namecheap.com are cheap, secure, and effective options for buying a domain name, with added benefits such as SSL security and Office 365 inboxes.

Or you can complete the entire domain name search and registration process on your hosting provider’s site. For example, after signing up for a Bluehost plan, you’ll be taken to this page to sign up with a domain name.

Bluehost signup page WordPress website

Here’s where it gets tricky. You’ll need to choose a domain name as similar as possible to the name of your company, but with over billions of websites out there today, your company’s name might already be taken.

If your ideal domain name is already taken, consider using a different extension. Use one of the three most common extensions if you can: .com, .net, or .org. However, if it makes sense for your business, you might want to check out an alternate extension like .us or .shop.

As we covered in the previous section, avoid using dashes, numbers, or trademarked words. Play around with it. Once you’ve chosen and paid for a domain name, you’ll usually also get personal email accounts attached, so make sure you’re happy to use your domain name as your main online identity.

Below you’ll find some resources about choosing and buying a custom domain:

4. Choose a theme for your site.

Now, for the fun part.

Themes allow you to easily change the look and feel of your site without having to code HTML and CSS from scratch. Themes are made up of templates, modules, images, and global content that control your site’s overall design.

On whatever content management system you chose, take the time to browse through the selection of themes available. Many will come with a directory of free themes, where you can use filters or the search bar to find themes related to your industry, with a specific layout, and more.

Tip: It’s important your theme is responsive, so your site will look the same on all devices.

Other considerations will be specific to your business and site. You might be looking for a static header or a slideshow header, for example. Or you may need a theme that comes with a front-end builder. Below are some questions you can answer to find the right theme for your site:

  • Do you need a variety of layouts or just one?
  • Are you looking for a theme with built-in social media widgets or any other functionality?
  • Would you like to install a demo site or start from scratch?
  • Do you want to purchase a theme that includes its own theme builder?

Ultimately, no one knows your business better than you. Take the time to consider which theme would best represent your brand and most likely appeal to your ideal demographic.

You’ll have a wealth of choices right in your CMS. Take a look, for instance, at the theme marketplace in CMS Hub:

Theme library inside CMS Hub

You’ll want to stay away from hard-to-read fonts or flashy backgrounds that could distract a consumer from understanding your core message. When in doubt, you can’t go wrong if you choose something clean with straight lines and a limited amount of text.

If you can’t find a free theme that meets your exact specifications, try looking for premium themes in third-party marketplaces.

Below are some resources to get started if you’ve opted for the WordPress CMS:

Once you’ve selected and installed a theme on your site, move on to the next step.

5. Customize your theme and templates.

Once you’ve chosen a theme, take the time to customize it and its individual templates. Your site’s design and functionality is your chance to persuade an audience to take a closer look. It’s imperative your design makes sense to your ideal consumer and works to enhance your product’s success rather than hinder it.

That’s why you should think of your theme and templates as a starting point, rather than the final look. Depending on the website platform you’ve used to build your site, you’ll have different degrees of control over your site’s appearance.

On more flexible platforms like CMS Hub, you’ll be able to edit your theme’s global settings to make sitewide changes. That means you can make changes to your font and other elements in one place and they’ll be implemented across all pages on your site.

HubSpot CMS Hub theme editorImage Source

Here’s a great resource if you’re using WordPress:

6. Add pages to your site.

It’s important to plan exactly which pages you’ll need to include in your site. While it varies business to business, you’ll need at least a homepage, an “About Us” page, a “Services/Product” page, and a “Contact Us” page.

You should also add a blog homepage. There are serious benefits to business blogging.

While every CMS is different, it’s typically easy to add and remove pages on whichever platform you use. Let’s take a closer look at the process on WordPress, for example.

  • Start by logging into your WordPress dashboard.
  • On the left side of the screen, click Pages > Add New.
    Create new page in WordPress
  • You can add text, insert images, embed videos, and make any other changes you like.
  • When you’re ready, click Publish.

Editing page in WordPress' Gutenberg editorImage Source

Once you’ve decided what pages you need on your site, make sure to add them to the navigation bar. You can rearrange page topics any way you want, or combine them.

You can visit other company websites within your industry to get ideas for how to organize your navigation bar, or which pages to include and exclude if you’re unsure.

7. Write content.

You guessed it: It’s time to write the content you’ll put on your site.

Write rough drafts for pages like your “About Us” page and landing page. Talk with coworkers and stakeholders — what message do you want to put out there? What tone do you want to set? Should you make jokes and be funny, or aim to be more inspirational?

If your online audience stumbled across your site, what questions would they have first?

Imagine your website is your only chance to have a full conversation with a potential customer.

The home page is the preliminary introduction: “Hey, we do XYZ.” Your “About Us” page digs deeper: “We are XYZ.” And your products or services pages are your big push to the finish line: “You want to work with us? Great, here’s how you’ll benefit.”

During this stage, it’s imperative you do your keyword research.

For instance, if you’re selling eyeglasses, and you notice “retro eyeglasses” is a more popular search term than “vintage eyeglasses,” you might use this research to steer the direction of the content on your site.

If you’re stuck, check out competitor’s websites to gauge what other companies in your industry are doing.

We’ve compiled a few more resources to help you get started:

8. Fill in general settings.

Once you’ve filled in your pages with optimized content, it’s time to fill in the general settings. By adding or adjusting the SEO elements, you can increase your search visibility.

It’s the same as if you were building your site on a website builder. On your pages, you should include:

Each of these elements are essential to your on-page SEO. They not only help to tell Google about your website and how you provide value to visitors and customers — they also help optimize your site for human eyes as well as search engine bots.

9. Install add-ons.

Lastly, take a look at your site and figure out what you’re missing. Ideally, your platform will offer all the add-ons you need to extend the functionality of your site.

It’s important to note these add-ons might be called apps, extensions, modules, integrations, or plugins, depending on the platform you use.

If you’re running an ecommerce site on HubSpot, for example, you might use HubSpot’s Shopify extension. Or, maybe you want to ensure your WordPress website is secure, to protect client data. In that case, you might download the Wordfence Security plugin for firewall protection against attacks, malware, and other threats.

If you’re lacking out-of-the-box features for security, SEO, image compression, and social media, check if your platform offers an app or integration to add that functionality to your site. It’s much easier to do all this work in one place rather than having to log on to several disconnected platforms.

How to Make a Website with HubSpot

Let’s take a look at how to make a website with CMS Hub. If you’re already using HubSpot’s CRM, it probably makes the most sense to build a website within HubSpot to integrate all your sales and marketing needs in one place.

CMS Hub offers a variety of plugins and extensions, themed templates, and sophisticated tools for SEO analysis.

If you want to build a website with CMS Hub, it’s easy and intuitive. Don’t forget to get a domain name and hosting before starting to build your site. Here’s how:

1. Create a homepage.

Within your HubSpot portal, click “Marketing” on the dashboard at the top of your screen. Navigate down to “Website,” then click “Website Pages.”

Drop-down menu in HubSpot dashboard leading to website pagesAfter that, click the orange “Create” button and choose “Website Page” from the drop-down.

Creating a page inside CMS Hub

2. Select a theme.

Now, you’ll be taken to this “Choose a theme” page. Scroll through your options, search page templates, or check out the Marketplace. When you’ve found a template you like, select it.

Choosing a theme inside CMS Hub

3. Edit the modules.

This is your page. You can scroll over text boxes, images, or other modules to edit them. In the below picture, I scrolled over the “Practice Yoga” Banner Text, and when I click it, it allows me to edit that text.

Editing modules inside CMS HubYou can also click the “Contents” tool on the left side of your screen and edit from there. For instance, I selected one “Rich Text” option, which directed me to the “Vinyasa” paragraph on the page.

Editing module in CMS Hub using a second optionYou can then add text, images, sections, forms, and more when you edit it in “Expanded” view.

4. Create other pages on your website.

When you’re happy with your landing page and want to move on, go back to your dashboard and click “Marketing” at the top of your screen, and then “Website Pages” again.Drop-down menu in HubSpot dashboard leading to website pages

Here, you’ll click the orange “Create” button and name your page, just like your home page. Then, you’ll be taken through a similar process of choosing a template and adding content. If you want a more in-depth tutorial, check out a quick tour of website pages.

5. Incorporate social media accounts.

If you want to incorporate your social media accounts, go to “Marketing,” then “Social” on your dashboard. You can monitor all your social media accounts and also publish tweets, Facebook statuses and comments, Instagram pictures, and other content straight from your HubSpot dashboard.

Drop-down menu in CMS Hub leading to social media management tool

6. View analytics.

If you want to check out your site analytics, go to “Reports” and then “Analytics Tools”. You’ll need to install the tracking code, which is easy to do within the HubSpot platform by clicking the orange “Install the tracking code” button. If you’re still unsure, check out how to install the HubSpot tracking code.

Drop-down menu in CMS Hub leading to the analytics dashboard

7. Add a blog to your site.

If you want to write blog posts, go to “Marketing” > “Website” > “Blog” on your dashboard to create, publish, and monitor your website’s blog posts.

Drop-down menu in CMS Hub leading toward the "Blog" option

8. Install add-ons.

Last, it’s time to install an app from the HubSpot marketplace to extend the functionality of your website. Here’s how.

  • In your HubSpot account, click the Marketplace icon in the main navigation bar.
  • Under Manage, select Connected apps.
  • Click Visit App Marketplace.
  • Use the filters in the left sidebar to browse for an app.
    HubSpot app marketplace
  • Click on an app to see more information.
  • On the right, you can review the details of the app. Under Requirements, check whether or not the app is compatible with your HubSpot subscription, and see if there are any app-side subscription requirements.
    App details inside HubSpot App Marketplace
  • When you’re ready, click the Install app button in the top right corner of the screen.

hubspot-app-marketplace-install-button

Once you’ve completed these steps, just click “Publish” and your site is ready for use.

This is a fairly broad and general overview to get you started building a website with CMS Hub, but there are plenty of more in-depth features and tools you might want to explore with a HubSpot specialist, or by checking out some courses on academy.hubspot.com.

Once you’re done building a website via CMS Hub, it’s important to check that you’re not missing any crucial elements or going live with any glaring errors. Once you’ve gone through this list above and feel like you’re close to a website launch, check out your website launch checklist for a detailed list of things to check before you go live.

Build a Website: FAQs

Below, we cover some frequently asked questions about building a website.

How much does it cost to build a website?

The cost of building a small business website can range from $500 to $2,500, but the price can be higher if you’re working with a developer. You should also take into account recurring costs such as hosting, domain name registration, and SSL certification.

Here’s a resource to help you gauge costs:

How hard is it to build a website?

Building a website isn’t hard at all, especially if you opt for a website builder that packages everything for you. In general, you won’t need to touch a single line of code.

How do you create a website for free?

You can create a website for free by signing up for a free subscription on a website builder platform such as Wix or Weebly. However, you’ll have a branded subdomain from the provider (e.g. yourname.weebly.com). You’ll also have the branding on your website, and free websites are often limited in design, features, and functionalities. We recommend avoiding it unless you’re a hobbyist or only wanting to practice before launching your site.

How do you build a website from scratch?

You can build a website from scratch using HTML, CSS, JavaScript, and sometimes, PHP. You compile these files and then upload them to your web host’s file manager. (You’ll still need to purchase a hosting service and register a domain.)

How much does it cost to hire someone to build a website?

Thumbtack reports that a freelance web designer costs from $640 to $1,000. Upwork reports a $15 to $30/hour range for hiring a web developer on their platform. This is on the low end and accurate pricing for building a small website. For hiring a web developer for a custom or long-term project, you can expect to pay in the $8,000 to $25,000 range.

Here are some more resources:

How long does it take to build a website?

A website takes, on average, three to six months to build if your brand is small or just getting started. If you’re creating a custom or complicated project, you can expect your website to take a year or longer before it is up and running.

Build Your Website: Tips

Ready to build your own site? Let’s take a look at tips you can use to guide the creation of your site.

  1. Choose a one-page design if you want to launch your site more quickly.
  2. Include a high-contrast button on the top right of your navigation bar telling visitors to contact you.
  3. Use Lorem Ipsum text to preview what the written content will look like as you adjust the layout. That way, you don’t have to write all the content right away.
  4. Buy an SSL certificate if your CMS doesn’t include one already.
  5. Make good use of white space to keep your site as simple and easy-to-read as possible.
  6. Set your domain and hosting subscriptions on auto-renew to avoid service interruption. 
  7. Create Terms of Use and Privacy Policy documents if your site gathers user data.
  8. Double-check that your website is responsive by accessing it from your mobile device. Most CMS systems and website builders will automatically make your site responsive, but you always want to double-check.
  9. Resize your browser window to test what the elements look like at different browser sizes.
  10. Access your site from different browsers (Safari, Chrome, Opera, Microsoft Edge) to see how the elements render depending on the browser.
  11. Learn basic HTML and CSS so you can more easily customize your site later.
  12. Include high-contrast buttons throughout the page that allow visitors to get in contact with you.
  13. Stick to five navigation bar items at most.
  14. Ensure your navigation bar shows up in all pages.
  15. Create submenus for your navigation items to effectively group your subtopics.
  16. Create an XML sitemap for search engine crawlers to find and index your site.
  17. Submit your website to Google Search Console once you’ve launched it. That way, Google can crawl it much more quickly.
  18. Use an analytics tool such as Google Analytics to see who’s accessing your site and from where.
  19. Link internally from page to page so that search engines understand how the pages are related to each other.
  20. Use keyword-rich anchor text when linking to internal pages.
  21. Link to other strong sites in your niche to signal relevancy to Google.
  22. Add your business or personal brand to social media sites and link back to your website.
  23. Research other sites in your niche and get content ideas from them.
  24. Compress all images to under 250KB. The smaller, the better.
  25. Publish and maintain a blog — we’re serious about that. Try to post once a month.
  26. Aim for a minimum of 800 words per page and per blog post.
  27. Use a grammar-checker such as Grammarly to ensure your copy is error-free.
  28. Avoid duplicate and boilerplate content — even one paragraph can be enough to hurt the credibility of your page.
  29. Recheck your site architecture to make sure that your page hierarchy makes sense.
  30. Create a backup of your site whenever you make major changes.
  31. Seek guest posting opportunities and link back to your site in your author bio.
  32. Join industry organizations and link back to your site from your member profile.
  33. Avoid duplicating pages to use the same layout. If you do, double-check that your slug doesn’t read .com/original-page-copy. This happens more often than you think. If it happens, change your slug. Here’s how to change your slug in WordPress, in case you’re using that CMS.
  34. Keep your page URLs short and user-friendly. If the title of a blog post is “50 Ways to Conquer Your Fear of Heights and Fly Worry-Free,” don’t have a URL that reads example.com/20XX-03-25/blog/50-ways-to-conquer-your-fear-of-heights-and-fly-worry-free. Consider instead: example.com/conquer-fear-of-heights.
  35. Add breadcrumbs to your website to clarify your site structure. Here’s how to add breadcrumbs in WordPress.

Build a Website to Grow Your Online Reach

Building a website is a must-do for anyone who wants to be online. Without it, you won’t be found at all, and it can help you look more professional and established. Using this guide, you’ll be sure to publish a site that helps your business or your personal brand grow better.

Editor’s note: This post was originally published in May 2018 and has been updated for comprehensiveness.

Discover videos, templates, tips, and other resources dedicated to helping you  launch an effective video marketing strategy. 

Categories B2B

The 4 Go-To Social Media Video Platforms & How to Engage Their Audiences [New Data]

Last week, HubSpot’s 2021 State of Marketing Report reveals that video is the top content marketing strategy used by brands while social media is ranked as the top marketing channel.

With data like that above — and all the growing social media video platforms out there — it’s become obvious that social media marketing and video content go hand in hand.

While creating great social media videos for your company can be an incredibly effective marketing tactic, each social media content strategy shouldn’t be a one-size-fits-all approach. To ensure that your videos are seen and spread quality brand awareness, you’ll need to ensure you’re making the right videos for the right audiences on the right platforms.

With new video publishing options appearing on social platforms regularly, determining where your content will live is part of the content marketing battle.

To help you figure out where to publish your video content — and which types of videos to post — we surveyed 300+ consumers to find out where they most commonly watch videos on social media.

Below, we’ll reveal the results and a few expert tips for building the best social media video-sharing strategy for 2021 — including one from an expert at Wistia.

Download Now: State of Marketing in 2021 Report

Where are Consumers Watching Social Media Videos?

In recent years, Gen-Z-targeting platforms like TikTok and Instagram have been on the rise. But if you think that everyone’s primarily watching video on these platforms, you might be surprised by what our poll found.

When I asked consumers “On which social media platform do you most commonly watch videos?”, 35% of respondents said YouTube.

Youtube, Facebook, and TikTok are the go-to social media video platforms for consumers

Data Source

While it’s not surprising that YouTube or Facebook, some of the world’s biggest online platforms, are the preferred video viewing sites, only 8% of respondents said they primarily watch videos on Instagram — one of the pioneers of Stories and live video.

Another surprising find was that 20% of respondents — or 1 in 5 people — primarily use TikTok (the youngest social network on the list) for video viewing. While this doesn’t necessarily mean you need to shift your whole strategy to TikTok, it does show that the platform could continue to have a promising future for content marketers.

If this data has you worried that you’re publishing videos on the wrong platforms,  take a breath. Remember that this is just one informal consumer survey. Had we polled a specific age group, people from a specific industry, or consumers from different regions, the results might have swayed to other platforms — like LinkedIn or Twitter. 

However, even though this is just one small survey, it does remind us that a mix of older and newer platforms, like YouTube and TikTok, are the go-to video platforms for vast audiences. 

Now that we’ve gotten an idea of where consumers are primarily watching social media videos, we’ll walk you through a few tips for sharing the best videos for different social media audiences.

Tips for Sharing Social Media Videos

1. For most platforms, zone in on snackable content.

The world is becoming more fast-paced every day. While many people are watching social media videos in their spare time, some are watching them between meetings, while in line at the store, or on public transit. Even if people do have time to watch hours of video, there’s so much out there that they’ll want to scroll to more content almost immediately after their video starts.

That’s why one social media video strategy to focus on in 2021 is mastering the art of “snackable” or super short-form content.

“Using snackable videos on social can actually drive more engagement than static images,” says Meisha Bochicchio, Content Marketing Manager at Wistia. “A recent study found that 60% of marketers saw more clicks with video posts compared with static images.”

When it comes to creating effective snackable content, Bochicchio says, “First things first, keep in mind that most social media platforms will automatically start playing video content as viewers scroll. So, make sure your videos are autoplay-friendly. Keep them short and put your key messaging in the first few seconds. For example, take a look at this video from Wistia announcing their State of Video Report.”

“Remember that most people won’t hear your audio, so make sure your videos are also silent-friendly,”Bochicchio advises. “Consider text overlays, or upload captions directly on platforms like LinkedIn, Twitter, and Facebook. 

In the video example below, Wistia marks the launch of their series “Show Business” with a captioned video that allows viewers to get key information without any sound.

To learn more about this strategy, check out this post on snackable content, or this post that highlights the latest short-form video trends.

2. Test different video formats, too.

While snackable content is a great tactic to harness in 2021, you can still publish longer videos, as long as they’re engaging and valuable to your audience.

For example, while people might not want to watch a two-hour commercial, they could watch a longer live video Q&A, an interview with a thought leader, or a video that tells a longer, but entertaining story.

Here’s a great example of a TV-episode-length, Clio-winning video created by Pepsi:

While you can certainly test longer-form video, you can also test out other formats, such as live streams, interactive videos, and shopping videos on platforms like Instagram and Facebook.

As new video formats emerge, it can be helpful to determine if they might work for your brand and design a test around them.

Be sure you identify and track the right success metrics. For example, if you’re testing a longer video, look at its views and dropoff rate to see how long viewers stay tuned. Meanwhile, if you try a more interactive approach like a live stream or Q&A you can also take note of comments, engagements, and shares on the content while you’re live.

3. Meet your video audiences where they are.

As with any social media strategy, some content will perform better on some social media platforms rather than others. While snackable, consumer-facing content might perform well with YouTube, Facebook, and TikTok’s large consumer audiences, a B2B marketing video or a Q&A with a corporate thought leader might perform better on a professional-facing network like LinkedIn.

Luckily, to create a great marketing strategy, you don’t (and shouldn’t have to) place your videos on every single social media platform. However, you should research the demographics of each major network, identify which audiences might engage most with your content, and start publishing videos where it makes the most sense for your brand and goals.

Then, continue to keep an eye on platforms you’ve ruled out in case they continue to evolve and provide your brand more audience opportunities in the future.

4. Don’t always lean on repurposed content.

When I was a startup marketer, I loved to repurpose content whenever it was possible. And, back then, when social media platforms were less evolved, this strategy would work.

Today, it can still be beneficial for brands to repurpose some video content for different platforms when they have similar audiences and features. This can also be a great way to test whether your content strategy for one platform will work with one audience.

However, because knowing your social media audience is more important than ever, you might want to consider having a slightly different video strategy for your most important video platforms. While there will be times where you can easily repurpose content to save time or bandwidth, some platforms like TikTok and Instagram are evolving with algorithms that could deprioritize your content if it has a watermark from another network.

5. Embrace influencers — and customers.

Even if you’ve done all of your research and churn out videos daily, it can still be incredibly hard to post a viral piece of content that grows your audience.

Luckily, there are experts on every social media platform who know how to create videos. And, some of them will even create videos for you — and then share them with their audiences.

That’s why one great growth strategy can involve reaching out to influencers or thought leaders with expertise in your industry and either featuring them in your videos or getting them to endorse your brand in their content.

If you can’t afford to have an influencer help boost your video strategy, you can also look towards happy consumers. With this strategy, you can encourage customers to share a video about their experience with your brand on social media, or you can create a video filled with multiple pieces of user-generated content from happy customers.

Because today’s consumers crave authenticity from brands, user-generated content not only can provide you with free video content but can also spread brand awareness to prospects or people researching you on social media.

Navigating Social Media Content

More than ever, social media and content marketing are always evolving. As a marketer, it’s important to stay up to date with the latest trends and data to better inform your strategies — whether you’re investing in video or other tactics.

To learn more about the latest marketing trends, download our free 2021 State of Marketing Report below.

state of marketing

Categories B2B

Your Brief Guide to Using Goal Seek in Excel

Successful marketers make informed decisions quickly using a combination of gut instincts and data analysis. They know the end goal, and figure out what it takes to get there.

One way to fill in those gaps is by using Goal Seek in Excel. The function is helpful when you know your desired result, but you’re not sure how to reach it.

Maybe you want to improve your conversion rate to get more qualified leads but don’t know how many people you need to attract. Or let’s say your marketing team is aiming for an audacious revenue goal and you want to know how many customers you have to bring in with an upcoming campaign. If you’re running a promotion, you likely need to figure out what discount to apply so you don’t wind up with a loss.

Download 9 Excel Templates for Marketers [Free Kit]

Goal Seek is the answer. Understanding how to apply it to your marketing or sales efforts can inform your strategy by letting you calculate the numbers required to achieve your goals.

This post will explain how to use Goal Seek so you can start planning for your next campaign or making projections for the upcoming quarter.

What is Goal Seek in Excel?

Goal Seek is a powerful Excel function for conducting a what-if analysis. Also known as a sensitivity analysis, it helps you understand what can happen when you change one or more variables. Essentially, it’s a way to conduct a reverse calculation within an Excel spreadsheet.

Imagine you’re creating a marketing strategy for the next six months. You can use the Goal Seek Excel function to figure out the following unknowns.

  • What percentage of month-over-month growth do you need to double your reach by the end of the year?
  • How much can you spend on freelance design work without exceeding your outsourcing budget?
  • How much revenue do you need to bring in to break even on (and profit from) your upcoming email marketing campaign?

Finding answers to these questions can prevent unexpected outcomes and missed goals. Instead of wondering “what-if” when building a strategy, you can cut out uncertainty and give yourself a roadmap for success.

Before you finalize any plans, let’s walk through the steps to conduct an analysis.

How To Use Goal Seek In Excel

Setting up a Goal Seek calculation is simple once your data is organized.

In the following example, I want to evaluate the percentage of customers coming in through various marketing channels. The goal is to bring in 50% of customers through marketing efforts by the end of the year.

I first populate the table using the average month-over-month (MoM) growth to see the projections for June to December. I know I have an email campaign planned for the beginning of December, and I want to see how many customers I’d have to bring in to reach my 50% goal.

Step 1: Select the cell with the output you want to change (i.e., % of customers from marketing).

Step 2: Under the Data tab, select What-If Analysis, then Goal Seek.

How to use goal seekImage source

Step 3: A pop-up window will appear. Make sure the cell from Step 1 appears in Set cell.

Step 4: Write your desired value in To value.

Step 5: In the By changing cell box, select the cell you want to change to reach your desired outcome.

How to calculate using goal seekImage source

Step 6: Click OK to see the Goal Seek calculation. The new number will appear in the cell from Step 5, not in the pop-up box.

a status in goal seekImage source

Step 7: If all looks good and you want to keep the calculation, click OK again.

Using Goal Seek, I can tell that if my MoM growth stays the same, I need to attract at least 16 customers through my December email campaign. Yes, this is a simple example. But you can expand it to much more complicated efforts, like projecting sales needed to meet revenue goals or calculating how much net income you’ll earn from a campaign.

Goal Seek Analysis In Excel

Let’s look at another example of Goal Seek analysis. I want to bring in 130 new customers, but I don’t know how many visits I’ll need to reach my goal. Before doing the Goal Seek analysis, I organize my data to find the average MoM visit-to-customer percentage.

Step 1: Select the cell with the output you want to change (In this case, the customer goal).

Step 2: Under the Data tab, select What-If Analysis, then Goal Seek.

Step 3: In the pop-up window, make sure the cell from Step 1 appears in Set cell.

analysis in goal seekImage source

Step 4: Type the number you want to hit into To value (My goal is 130 customers).

How to change a cell boxImage source

Step 5: Select the cell you want to change in the By changing cell box (Mine is for Projected Visits).

Step 6: Click OK to see the Goal Seek analysis. (Now, I know that in order to get 130 customers, I need to attract 5055 visits).

An example of goal seek statusImage source

Once you fill in the missing variable using Goal Seek, you can figure out other variables. For instance, I found that with 5055 visits, I would need 910 leads to reach my desired number of customers. Having these numbers can also help me judge if the marketing and sales efforts for the month are on track to meet the goal.

Goal Seek Function In Excel

In business, uncertainty can spell the downfall of even the most thoughtful strategy. But you can take control of the variables that seem out of your control with the Goal Seek function.

Being proactive and judging the business impact of a marketing campaign or new sales effort can not only gain you respect within your company, but it can help you meet, and even exceed your goals. You’ll be ready when the unexpected happens. And you’ll know how to make informed decisions or tweak the strategy with your new what-if analysis skills.

New Call-to-Action

Categories B2B

The Simple Guide to Creating an HTML Email [+ Free Templates]

When you create an email using a drag-and-drop or module-based tool, you’re actually generating an HTML email.

There are two main types of email you can send and receive: plain text emails (these are exactly what they sound like — any email that contains just plain old text with no formatting) and HTML emails, which are formatted and styled using HTML and inline CSS.

HTML emails are easy to spot — most of the styled, multimedia marketing emails in your inbox are HTML emails.

Download Now: Email Marketing Planning Template 

As a marketer, you’ve probably compared HTML emails versus plain-text emails and realized that there are different benefits to each type. HTML emails aren’t inherently better than plain text emails, and in different situations, both types can be part of a successful email marketing program.

Here’s what an HTML looks like on the front-end. Click on the HTML button to see the code behind it.

See the Pen HTML Email Template from HubSpot by Christina Perricone (@hubspot) on CodePen.

In this article, we’ll cover how you can get started creating HTML emails, regardless of your experience level and comfort with coding, and share some free templates you can use. Let’s dive in.

How to Create an HTML Email

Good news: You actually don’t need to know how to code to create an HTML email.

Most tools that create and send email (like HubSpot) will offer pre-formatted, ready-to-go HTML templates that enable you to design emails without ever needing to access the actual code on the back-end.

As you make changes in the email editor, those changes will be automatically coded into the final product. Email building tools like this are an ideal option if you don’t have an email designer on your team, but you still want to send professional-looking marketing emails.

Still want to create an HTML email from scratch?

If you’re comfortable with HTML and want more direct control over the code of your emails, most email tools will allow you to import HTML files directly for use as custom email templates.

There are a wide variety of free HTML email templates available on the web (some of which we’ll share below), and if you know your way around an HTML file, it’s usually quite straightforward to adapt the template to the email building tool of your choice.

To create an HTML email completely from scratch, you’ll need to have an advanced knowledge of HTML (or work with a developer who does). This guide offers a solid overview of coding a basic HTML email. Because the process of creating an HTML email from scratch can be quite involved, we recommend working with a developer or using a pre-made HTML email template instead.

Developing an HTML email specifically for HubSpot?

If you’re developing an HTML email template specifically for use in HubSpot, you’ll want to make sure you include the required HubL tokens (these ensure your emails can be customized and are compliant with CAN-SPAM laws). You can find a complete guide to coding HubSpot-specific HTML email templates here. Or alternatively, just use our simple what-you-see-is-what-you-get email editor.

Now that you understand the basics of what goes into developing an HTML email, let’s go over a few important best practices you should keep in mind. No matter what method you plan to use to create HTML emails, these best practices will help improve the design, user experience, and deliverability of your emails.

1. Make sure your HTML email is responsive for different screen sizes and devices.

The way your email looks in a user’s inbox depends on a wide variety of different factors.

One of the biggest and most obvious factors is the screen size of the device it’s being viewed on. An email that looks amazing and well-formatted on a desktop can easily devolve into a tangle of illegible, overlapping text and images when viewed on a smartphone screen.

To ensure your HTML emails look the way you intended across a wide spectrum of screen sizes, the best thing you can do is keep your layout simple and straightforward. When you start adding more complex elements like multiple columns and floated images, it becomes more difficult to translate the format of your email for different screen sizes.

If you do decide to develop a more complex layout, make sure you’re actively solving for how the elements will be rearranged to suit different screen sizes. For example, if your email displays as multi-column on desktop, that same structure won’t fly on mobile — you’ll need to use media queries to define how elements will be displayed on different screen sizes.

Remember, developing truly responsive HTML emails goes beyond the structure and format of your message. Think about how the overall user experience of your email will be perceived on different devices. Make sure your font choices are just as legible on mobile as they are on desktop, and use mobile-friendly buttons or CTAs in place of hyperlinked text (have you ever tried to tap a little line of hyperlinked text on mobile? It’s not very easy).

You can find our more in-depth guide to mobile email best practices right here.

2. Make sure your styling works in different email clients.

Another big factor that heavily impacts the way your HTML emails appear in your subscribers’ inboxes is the email client they’re using to open the message. Every email client loads emails slightly differently, so an email that looks a certain way in Gmail will likely look different in Outlook.

Luckily, if you know how most popular email clients load particular HTML and CSS elements, you can create a pretty consistent experience across different users’ inboxes. It’s all about knowing which unsupported tags to avoid and adapting accordingly. This comprehensive guide explains how the most popular email clients (including Gmail and multiple versions of Outlook) support and render different styling elements.

You can also check out an article we wrote on optimizing emails for different email clients.

3. Be conscious of how long your HTML emails take to load.

How long your email takes to load could very well be the difference between gaining a new customer and losing a frustrated subscriber. While it can be tempting to take advantage of all the different styling options and opportunities to incorporate visuals that HTML emails offer, none of that matters if your email takes too long to load.

As you design your HTML email, remain conscious of how long your email will take to load — especially if someone is, say, opening your message on their morning subway commute with a weak data connection. Here are a few little steps you can take that will go a long way towards improving load time.

Use images sparingly.

That way, you’ll bolster the message you want to get across to subscribers. Always use an image compressor (like Compressor.io) to reduce the file size as much as possible. Most image compressors can significantly reduce the file size of an image without compromising on quality, so taking this extra step won’t hurt the visual integrity of your email.

Use standard web fonts.

Custom fonts are great for spicing up a landing page, but they can add an extraneous layer of complexity when added to an email. As we talked about above, all email clients handle style elements differently, and this especially extends to fonts. To be safe, use standard web fonts and check to make sure the email client most of your subscribers use supports a particular font.

Try an HTML minifier.

An HTML minifier (like minifycode.com and smallseotools.com) automatically removes code that isn’t needed in an HTML file. Repetitive, extra elements will be stripped out, but the actual rendering of your email should remain the same (always test it out!). Each line of code impacts how long an email takes to load, so taking the time to remove junk code can have a positive effect on load time.

Keep your message focused on a single objective.

The best way to reduce email load time is to reduce how much content you add to each of your email sends. It might seem obvious, but too many marketers try to stuff too much content into their emails. Not only does that lead to an off-putting user experience (nobody wants to read a novel in email form), but it can send your load time off the charts and cause users to abandon your email. Keep it simple, and your users will thank you.

4. Plan (as much as you can) for end-user inconsistencies.

The screen size and email client aren’t the only factors that can alter the way your HTML email renders in your subscribers’ inboxes. Elements like the version of their email client, their operating system, their unique user settings, their security software, and whether or not they’re automatically loading images can all impact how your email loads.

As you can probably guess by that hefty list of factors, trying to solve for all of them (every single time you send an email) would probably be enough to make you throw your computer across the room.

But you don’t have to be completely helpless in the face of these variables — you just have to do a little pre-planning.

Consider creating a webpage version of your email.

This is kind of like giving your email a fail-safe button. If for some reason — due to one of the many factors discussed above — your lovingly designed email renders like an absolute mess when a subscriber opens it, they will at least have the option to click “view as web page” and see the email as you intended it to be.

Since style elements render much more consistently across web browsers versus email clients, you’ll be able to have way more control over the web page version of your message. In HubSpot, there’s an option you can turn on that will generate a web page version automatically.

Create a plain text version of your email.

A plain text version is exactly what it sounds like — an alternative version of your HTML email that renders in completely plain text. Adding a plain text version of your HTML email is important because some email clients and user settings can’t (or choose not to) load HTML.

If this is the case, the client will look for a plain text alternative version of your HTML email to load for the user. If one doesn’t exist, it could signal to the recipient’s email server that your message is spam — or potentially dangerous.

Most email tools like HubSpot will automatically provide a plain text version that displays if a recipient’s email server requires it, but if you’re coding an HTML email from scratch, you’ll need to create something called a multipart MIME message.

A multipart MIME message is an email that contains both a plain text and HTML version of the same email. If a recipient’s email client or security system doesn’t allow HTML email, the plain text version will be displayed. This is a process that requires an advanced knowledge of coding, so we recommend working with a developer.

Make sure your email still makes sense if the images don’t load.

Some users have automatic image-loading turned off, which means they’ll see your email without images when they open it. For this reason, don’t rely entirely on images to get the meaning of your message across, and always add alt-text to the images you do include. Alt-text will load even when images don’t, so your subscribers can get the general idea of what the visuals include.

5. Conduct thorough testing.

Finally, you’ll need to test your HTML email at every stage of development to ensure it works across different email clients, operating systems, and device types. Don’t wait until the very end of the process to test out your email — testing as you work is the best way to spot inconsistencies between different email clients and ensure you’re creating the most consistent experience possible for your recipients.

Some email tools (like HubSpot) offer in-app testing within their email builders to make the process easier. If you’re working from scratch, you can use a tool like HTML Email Check or PreviewMyEmail to get a better idea of how your email will look in different email clients and devices.

Simple and Free HTML Email Templates

There are an overwhelming amount of HTML email templates available on the web, and they vary in quality, responsiveness, and price. We’ve pulled together a selection of free HTML email templates that provide a responsive user experience. Be sure to read the terms and conditions on each individual template before use.

1. HubSpot Free HTML Email Template

Free HTML email template by HubSpot

Included in the free version of Marketing Hub, this template is a great place to start if you’re looking for a template with more room for customization. You can easily add images, text, and buttons in an intuitive drag-and-drop editor, and you can be confident that the templates you design will be fully responsive on any device.

2. Company News HTML Email Template by Campaign Monitor

Free HTML email template by Campaign MonitorThis modern template is sophisticated and minimal. The subtle color palette and simple design make it a versatile option for many different industries and purposes, and it’s been tested on different email clients and devices to ensure a consistent user experience across different platforms.

3. Free HTML Email Template by Unlayer

Free HTML email template by Unlayer

Though this template was designed for a fitness company, you can easily adapt it for your own. This clean, muted template is a great way to display content your team has created and connect subscribers with your most recent products or blog posts. The design features two fully responsive columns with multiple color scheme options, and room at the top to highlight a call-to-action.

4. MINImalist Free HTML Email Template

Free HTML email template by Mail Bakery

Proof that sometimes less really is more, this easy, fully responsive design makes the most of whitespace and keeps the focus firmly on your words and visual elements. Without design distractions, your content can really shine — on any device.

5. Free HTML Email Templates from Bee Free

Free HTML email template library by Bee Free

This collection of free, open-source templates are completely responsive and tested across popular email clients. You can edit and build on them on the Bee Free platform, then export the HTML file to your local drive.

These are an ideal option if you want a more styled, polished starting place, but you still want to be able to customize the design to fit your company’s needs. Each template is available in multiple formats for different marketing purposes, like transactional emails, NPS collection, and email subscriber re-engagement.

6. Free HTML Email Template by Campaign Monitor

Free HTML email template by Campaign Monitor advertising a discount code

This sleek, responsive design from Campaign Monitor would be perfect for sending out a discount code — but it could also serve as a stylish way to showcase your latest products to email subscribers. It’s also worth checking out Campaign Monitor’s full library of responsive email templates.

Create HTML Emails to Increase Your Subscriber Count

HTML emails are an engaging way to share what’s happening in your business and keep subscribers coming back for more. With the tips and templates we’ve shared, you’re well on your way to creating beautiful HTML emails without writing a single line of code.

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

New Call-to-action

Categories B2B

How to Effectively Disavow Links & Protect Organic Ranking

If you’re confused about when, why, and how to disavow links — you aren’t alone.

We all know that backlinks are critical to your SEO success, but the quality of those backlinks can make all the difference in that success.

This post will help you understand when and how to submit a Google disavow file, which is important for protecting your domain.

Let’s dive in — but first, what is the disavow tool?

→ Download Now: SEO Starter Pack [Free Kit]

What is the disavow tool?

The disavow tool gives you the opportunity to ask Google to ignore low-quality backlinks to your website.

When you submit a disavow file to Google, you are asking them to ignore certain links that are pointing to your domain. There is no obligation for them to respect your request, but if they do, those links won’t be used in determining your ranking in search results.

It’s important to understand, however, that disavowing backlinks doesn’t remove them from your backlink profile.

Do you actually need to use the disavow tool?

Google has made it clear that they only want you to use the disavow tool if you need to.

They recommend using it if you have a manual spam penalty, or if you knowingly took part in link-building practices that might be harming you.

In 2019, Google Senior Webmaster Trends Analyst John Mueller talked about the disavow tool during Google Webmaster Central office hours.

He says, “I think for most websites out there, pretty much the really largest majority of websites, you don’t need to use the disavow tool. That’s why we have the disavow tool so separate from search console so that you don’t get tempted to using the disavow tool because it looks like this normal part of search console that everyone should be using.”

Mueller says, “[The disavow tool] is really something that you only really need to use in really extreme cases.”

To decide if you might benefit from filing a disavow, you’ll need to analyze your backlink profile, which you can learn more about below. But if you knowingly participated in what would be considered unethical backlink practices, chances are a disavow would be helpful.

What is considered a ‘bad’ backlink?

Before we tell you how to do a disavow, it’s important to understand what makes a backlink a bad one.

Google considers any link created to manipulate PageRank or a website’s ranking to be a bad link. They want you to work on creating great content that gets linked to naturally!

If you’ve purposely taken part in any kind of link-building campaign, then chances are you might have bad backlinks.

This could include:

  • Purchased backlinks
  • Link schemes
  • Product for backlinks
  • Link exchanges
  • Footer links

You might look at your backlinks in various tools and see lots of spammy-looking backlinks and think you need to get rid of them — but you don’t need to worry about those.

Google will understand spammy links to some extent and ignore them.

As an example, here are some backlinks from a website pulled from Ahrefs. These are all spam, and none of them have DR ratings:

Ahref's DR rating on spam backlinks

I wouldn’t bother disavowing these since these are probably backlinks that a lot of websites have, and Google is smart enough to know we didn’t create them to manipulate our backlink profile.

When should you create a disavow file?

Google has stated that most websites will not need to disavow links, and only in certain circumstances should it be used.

Below are some examples of when a disavow might be recommended or needed.

1. Manual Action: Unnatural Links To Your Site

This is the one occasion where you will absolutely want to file a disavow. If your website has been hit with a manual penalty due to link building practices, then disavowing links is a must to have that penalty removed.

If your website is connected with Search Console — and it should be — you will be notified if there is a manual action on your website.

At this point, you would begin analyzing the backlinks you have in Search Console and trying to find the links that may be seen as violating Google’s guidelines.

If you find offending backlinks, the first step would be to contact the website owner where the backlink is and ask them to remove it. If that doesn’t work, then you can try using a disavow file.

Once you have removed or disavowed the links, you can select the “Request Review” button in your Manual actions report to ask them to remove the action.  

Google's Request Review button to remove a backlink

2. Link Schemes

If you knowingly participated in link schemes, then you may benefit from adding them to your disavow file. These are links you – or someone you may have hired – paid for. These may be private blog network (PBN) links or even guest posts on websites of no relevance to your niche.

3. Directories

A long time ago, adding profiles to every directory that existed with a link to your website with your “money keyword” as the anchor text was all the rage. Maybe you are guilty of this, or the SEO you hired is – but these are backlinks that should be removed. If you can manually remove them that would be best, but adding them to the disavow is recommended if you cannot remove the link.

4. Comments

Another old tactic was to spam comments on other blogs and add keyword rich anchor text in the comments box or even for the name field.

If you have any backlinks from comments, directories or editorial links with anchor text like “buy red widgets” or “best tennis shoes” it would be recommended to add them to your disavow file if you cannot get the link removed or changed. Normally for these types of links it would be expected to be your first name or brand name.

Finding all of Your Backlinks

To create the most accurate analysis, you will need to retrieve as much backlink data as you can and understand how to analyze that data.

You can use a variety of tools to review your backlinks, and you can choose to download them all to a spreadsheet to manually review them or do an analysis right from within the tool.

Here are a few options of tools to use for finding backlinks:

1. Google Search Console.

In Google Search Console you can go to the links area and click the export external links button and then the more sample links option to get a full list of the backlinks to your website.

2. Semrush, Ahrefs, Moz, or your preferred tool.

Export your list of backlinks and merge it with your Google Search Console file or analyze your data in the software.

3. A Link Audit Tool.

There are a few tools that can really minimize your time in auditing your backlinks like LinkResearchTools.

Semrush also has a backlink audit tool that shows all of your backlinks and gives them a toxicity score based on a variety of factors. You can work right from your dashboard to assess the links and determine if they truly are toxic or not.

If they are, you can then add them to a disavow right from the tool. When you are done reviewing them all you can then download the formatted disavow .txt file and submit it to the tool.

While this is a useful tool, it does not have all of your backlinks in its database! You should still do a manual review using other tools as well.

the disavow list on semrush

Creating A Disavow File

Once you are done assessing your links you can create the disavow.txt file that will be uploaded to Google Search Console.

Creating A Disavow.txt File

Below are some guidelines from Google on how to create your file.

  • The file name must end in .txt
  • File size can be no larger than 2MB and 100,000 lines
  • Each URL should be on its own line
  • If you want to disavow a whole domain you should start the line with domain: 
  • If you want to disavow a URL you can just enter the URL

Below is a sample portion of a disavow file that I recently created as an example.

By adding a # before text you can add comments, these lines will be ignored by Google.

a disavow.txt example file

If you would like to test your disavow file before uploading it you can use the Disavow File Testing Tool which was created by Fili Wiese, a former Google Engineer.

Uploading a Disavow File

Once you have completed your disavow file it can be uploaded to the Disavow Tool in Google Search Console.

Below are a few easy steps to uploading your disavow.

  1. Login to Google Search Console
  2. Go to https://search.google.com/search-console/disavow-links
  3. Select the property you would like to add a disavow file to
  4. Click the upload disavow list button and find your .txt file to add

Google Search Console's disavow link tool

If you had uploaded a previous disavow.txt file, your new one will override that one. If your file has any issues, you will see error messages and be prompted to upload a corrected version.

While there is no guarantee that submitting a disavow file will help, there have been reports of success when using it.

It will take some time for Google to process the information you uploaded, so you will have to have a bit of patience.

There is no way to really know if the disavow.txt file is doing what you want it to do, but keeping an eye on your rank, organic traffic and impressions could be a good indicator.

SEO Starter Pack

Categories B2B

How to Embed Video in Email [Quick Tip]

Nowadays, video is an undeniably popular channel for marketing purposes.

In fact, in 2021, 86% of businesses use video as a marketing tactic.

If you’re an email marketer, I’m willing to bet you’ve considered how you might spruce up your subscription and click-through rates with video. It’s a good idea in theory, with roughly two-thirds of consumers preferring video over text when learning about new products or services.

In reality, however, it can be tricky. Major email clients including Gmail, Yahoo, and Outlook don’t support embedded videos, so your subscribers either won’t be able to watch your video within the email, or worse — they won’t see your email at all, because it’ll end up in their spam folders.

Fortunately, there’s a creative workaround to help you embed part of your video within your email, and incentivize subscribers to click-through to watch the rest. Here, let’s explore how to do just that.

Download Now: Email Marketing Planning Template 

Embed YouTube (or Any Other) Video in Email

There are two options you might consider when embedding a video within your email — you can either embed a GIF of your video with a “click here to watch full video” CTA, or you can embed a still photo of your video, and when subscribers click the “Play” button, they’ll be re-routed to your video’s URL.

Let’s explore the GIF option, first.

You can use the following instructions on any video from a video hosting platform of your choosing, including YouTube, Vimeo, Facebook, DailyMotion, etc. In the following examples we used a Facebook URL, but a YouTube URL would work just as well. 

1. Find the URL of the video you want to include, or download and save your video to your computer.

To create a GIF of a video I wanted to include in my email, I first went to HubSpot’s Facebook page and copied the URL of a recent video the team uploaded to the site — “How a Senior SEO Strategist Sees the World”.

embed-video-in-email-step-one2. Go to Imgflip.com, a tool that enables you to create GIFs of videos.

You can upload a URL directly to Imgflip, or you can upload a video you have saved on your computer. For our purposes, I copied and pasted the URL from HubSpot’s Facebook page. Alternatively, you can copy and paste a YouTube URL or website URL. 

embed-video-email-step-two3. Choose a starting point and end point for your GIF.

Once your video is finished downloading, you’ll see this pop-up. There are two triangles that can help you choose where you’d like to start and stop your GIF — if you move the green one you’re choosing a starting point for your GIF, and if you move the red one you’re choosing an end point.
 
(It’s important to note, for non-Pro accounts, you can’t create a GIF that lasts longer than 20 seconds on Imgflip.)

Once you’ve chosen a clip you’d like to use for your GIF, click “Generate GIF”.

embed-video-step-three

4. Download your GIF. 

Once your GIF has been generated, you’ll have the option to copy-and-paste the image link or image URL. Instead, click “Download .gif”.embed-video-email-step-four

5. Drag-and-drop your GIF into your email, and add a video CTA linking to the full video. 

Now comes the fun part! Simply create your email to send to your subscribers, and drag-and-drop your GIF from your desktop into the email itself.

Below the GIF, create a video CTA, like “Click to view full video here” with a URL to your video (the URL will likely lead to your own website, YouTube, Facebook, or another social platform).

video-in-email-embed

You can spruce up your email subject line with “Video included” to further incentivize click-through rates.

Of course, you’ll want to use email marketing best practices when embedding a GIF, and ensure the video you want to include is truly a compelling, interesting piece of content for your email subscribers.

This is a unique opportunity to further engage with your prospects and customers, so make sure to use it wisely — don’t just send a video advertisement for your products or services.

Next, let’s explore how you might include a still image of your video with a “Play” button.

How to Create a Still Image of Your Video With a Play Button

1. For this example, I’ll use the same video as before. Instead of copying the URL, however, I simply screenshotted a paused section of the video.

embed-video-in-email-how-to

2. When I paused the Facebook video, it automatically included a “Play” button. However, if you screenshot a video while it’s playing, you might not have a “Play” button. To add one to a still image, go to the website Add Play Button to Image, upload your image, choose a play button design, and click “Create Play Button Image”.

Then, click “Download Image”.

embed-video-email

3. Next, simply click “Insert Photo” in your email to include the image with the Play button. Then, highlight the image and select “Insert Link”. Copy-and-paste the link to the full video (in this case I pasted the Facebook URL, but you can also paste a URL to a website with your video, or YouTube).

embed-video-email

4. And that’s it! Now, when a subscriber clicks on your image, they’ll be redirected to the full video. Ensure the video auto-plays so the subscriber doesn’t have to click “Play” again.

embed-video-email

How to Embed a Video in a HubSpot Email

1. If you’re a HubSpot email tool user, you’ll see a Video module on the left-side of your screen when you’re creating an email. 

Simply drag-and-drop the module into the section of the email you’d like to include a video.

adding a video to a HubSpot email copy

2. Next, you have the option to Embed a video using a URL, or uploading a video to your COS. For our purposes, let’s copy-and-paste a YouTube URL into the text box.

Selecting a video to include in HubSpot email3. Finally, edit the video to suit your needs. You can modify the video’s width and height, and even create a custom thumbnail.

Editing a video to add to a HubSpot email copy4. When you’re ready, click the orange “Review and send” button at the top-right of your screen.

How to Use HTML5 Code to Embed Video in Email

Finally, some email clients do support embedded video. If you feel it’s the right strategy for your subscribers, you can embed a video within email using HTML5.

Here’s an example of an HTML5 code you might use in your email:

<video width=”300″ height=”200″ controls>

<source src=”movie.mp4″ type=”video/mp4″>

<source src=”movie.ogg” type=”video/ogg”>

https://www.facebook.com/hubspot/videos/2321291574789962/

</video>

If the video isn’t supported, your subscriber can see a static image linking to another page, instead.

If you don’t have experience coding, you might consider asking a developer to help you, or take a look at W3 School’s HTML5 Video article.

However, it’s important to note — we don’t recommend this strategy, since you risk either ending up in your subscribers’ spam folders, or using code that many of your subscribers’ email clients won’t support. Ultimately, it could be more trouble for many of your subscribers’ than it’s worth.

To ensure your video can be seen by all your subscribers, I’d recommend one of the strategies listed above, instead.

If you’re looking for other opportunities to boost email click-through rates and conversions, take a look at HubSpot’s free email marketing tool.

New Call-to-action

 

Categories B2B

25 Google Search Statistics to Bookmark ASAP

In many ways, marketing is a game of trend watching. The marketer who’s best at spotting and using trends earns their business market share, brand recognition, and ultimately, revenue.

But how do you search for trends? And where do you start?

Well, since it owns more than 92% of the global search engine market, the answer to both of these questions is, Google.

Download Now: State of Marketing Report [2020 Version]

Google’s nearest competitor, Bing, only holds 2.5% of market share, while Yahoo accounts for 1.5%. The distribution has remained relatively stable over the past few years with Google consistently claiming competitive victory thanks to detailed search results, in-depth analytics, and evolving service offerings.

Consider the rapid uptake of “Google” as a verb meaning, “to search” — “I’ll just Google it,” “can’t you Google that?” “isn’t it on Google?” It’s not an exaggeration to say that when it comes to searching for information online, Google is — by far — the digital frontrunner.

Google also makes efforts to personalize search results, in turn, increasing the chances that users will opt for Google the next time they have a question. For users that aren’t logged into a Gmail or another Google account, the company uses anonymously stored browser cookies to get a sense of search histories and preferences.

For users signed into their Google account, Chrome’s browser history provides the data necessary for Google to construct a profile based on age, language preference, gender and search preferences, which informs the type of search results returned. Location offers an easy example of this approach — if users have location services turned on, Google search results will be filtered by geographic location to increase overall relevance.

Now, let’s look at a few of this year’s top Google Search statistics and take a deeper dive into the trending searches that guide your marketing strategy.

Top Google Search Statistics in 2021

Now that we know how to search for trending topics, let’s look at how Google influences search with these latest statistics.

  1. The top five Google searches in 2020 were “Election results,” “Coronavirus,” “Kobe Bryant,” “Coronavirus update,” and — unsurprisingly — “Coronavirus symptoms.” (Google)
  2. More than 50% of Google searches end without a click. (Search Engine Land)
  3. 92% of all search queries are long-tailed keywords. (Backlinko)
  4. As of October 2020, there were more than 267 million unique U.S. visitors to Google. (Statista)
  5. 89% of URLs and 37% of URLs in positions 1-20 rank differently on mobile and desktop. (SEMRush)
  6. There are now more than 1.8 billion Gmail users worldwide. (TechJury)
  7. Compressing images and text could help 25% of web pages save more than 250KB and 10% save more than 1 MB. These changes reduce bounce rates and increase page rank on Google SERPs. (Google)
  8. Chrome accounted for 69% of web browser market share in 2020. (Net Marketshare)
  9. In 2021, 56% of web traffic took place on mobile phones. (Broadband Search)
  10. 14% of Google searches are a question. (Backlinko)
  11. In 2020, 500 keywords accounted for 8.4% of all search volume. (Backlinko)
  12. The average click-through rate for first place on desktop is higher than that of mobile, at 31.5% and 24% respectively. (Advanced Web Ranking)
  13. Four times as many people are likely to click on a paid search ad on Google (63%) than on any other search engine Amazon (15%), YouTube (9%), and Bing (6%). (Clutch)
  14. 55% of teens use voice search on Google every day. (Marketing Dive)
  15. 55% of people clicking on Google search ads prefer those to be text ads. (Clutch)
  16. For every $1 businesses spend on Google Ads, they make an average of $2 in revenue. (Google)
  17. The average click-through rate in Google Ads across industries is 3.17% in the search network and 0.46% on the display network. (WordStream)
  18. The average cost-per-click for a keyword is about $0.61. (Backlinko)
  19. The average cost-per-click in AdWords across all industries is $48.96 for search and $75.51 for display. (WordStream)
  20. More than 90% of web pages receive zero organic traffic from Google. Just about 5% receive 10 visits or less each month. (Ahrefs)
  21. A third of all Google searches are for an image and 13% of SERPs feature an “Image Pack.” (Moz)
  22. The average keyword is roughly two words long. (Backlinko)
  23. The average conversion rate in AdWords across all industries is 3.75% for search and 1.77% for display. (WordStream)
  24. There are over 190 different versions of Google Search. (GiT Magazine)
  25. 25. When Google opened its proverbial doors in September 1998, it only averaged about 10,000 daily search queries. (“The Search

With search volumes constantly fluctuating in response to world events and evolving news coverage, it’s worth knowing what searches are trending, how quickly they’re ramping up, and how they tie into similar keyword queries.

While one option is a scattershot approach — simply type a potential trend term into Google and see how many total results are reported — more targeted options often provide an easier path to improved search performance.

Let’s review some of the most useful tools available in the section below.

1. Google Trends

Review the “Year in Search,” take Google Trends lessons, and see what’s trending now. You can also view the peaks and valleys of topic interest over time, which uncovers seasonality and allows you to plan your marketing calendar accordingly. Plus, find related topics and queries, and identify sub-regions your topic has been trending to better target your campaigns.

google-trends-statistics

2. Think with Google

Discover articles, benchmark reports, and consumer insights that keep you up to speed on search. From ad bidding strategies to brand jingles, you’ll find interesting content that helps you think bigger while staying educated on how to leverage Google search for your business.

think-with-google

3. Twitter

Sign on to Twitter for more than vaguely hostile political debates. Use the “trends” feature to uncover what’s trending in your state, country, or around the globe. When you click into a trend, you’ll see top tweets about the topic, relevant news stories, and live responses as well.

twitter-trendsImage Source

4. BuzzSumo

Identify the most shared content in the previous 12 months or the last 24 hours with BuzzSumo. BuzzSumo allows you to drill down and analyze the topics that matter to your industry, your competitors, and the influencers you learn from.

buzzsumo-trends

5. Feedly

This RSS feed aggregator allows you to follow your favorite brands and see their most recent content in one place. Add your favorites and discover new publishers by searching your industry, skills, or — you guessed it — trending topics. Feedly also allows you to set up keyword alerts, so you’re always tracking the latest trends on topics you’re interested in.

feedly-google-trends

6. Reddit

Freshness and user-based voting determine how content is prioritized on Reddit. A quick visit to the homepage shows you trending or popular posts. And, you can filter by country or recency for a more relevant feed.

reddit-popular-trends

7. Ahrefs

Conduct competitive research, home in on a keyword, or search for trending topics. Ahrefs helps you identify trending content and shows you what to do to outrank your competitors.

ahrefs-google-search-trends

8. Pocket

Pocket allows you to save content from anywhere on the web. Review your content whenever you wish and head to the Explore page to find trending topics that are relevant to you.

pocket-popular-search

9. Quora

Sign up for Quora and select topic areas that interest you (e.g., “startups,” “marketing,” and “economics”). Quora will stock your feed with questions related to your content interests. This gives you insight into what your customers are asking, real-time debates about competitors, and even allows you to answer questions about topics you have experience in.

quora-trending-topics

Expanding Your Google Impact

Bottom line? Google owns the largest piece of both search and web browser market shares and provides a host of interconnected services that empower the company to deliver personalized, real-time search results.

For marketers, this makes Google an irreplaceable tool for boosting consumer loyalty, courting new clients, and improving customer conversions. Armed with actionable trend data and relevant source statistics, marketing teams can expand their Google impact and ensure the right content gets seen by the right customers to jumpstart the sales process.

New Call-to-action