Author: Franz Malten Buemann

Last Updated on December 2, 2020 by Rakesh Gupta Looking to transform the way your sales team sells? When you integrate your business document generation software with your CRM, your reps will gain efficiencies that will allow them to spend … Continue reading →

I’d like to create an exit-intent popup on each of my blog posts that lets visitors get a PDF version of the post in their inbox (with “save this for later” type messaging). Is there any way to do this without going in and creating a new popup every time I post? I use Convertkit for my emails and popups. Best solution I’ve got so far is to copy the popup and all its settings each time, then attach the new PDF. But maybe there’s a better way to do it?
submitted by /u/ljfreddy [link] [comments]

Whoever said “You never have a second chance to make a great first impression,” makes a valid point. You only get one opportunity to have your first interaction with another person … and the last thing you want is for that first interaction to be a bad one. After all, humans are known to remember negative experiences more vividly than positive ones.
Great first impressions matter when meeting someone, going to a new place, and even visiting a website.
In a world where virtually every business has a website, creating a positive first impression when your target audience members click on your site via the search engine results page (SERP) is critical. That’s because your landing page is your site’s “destination page”, or the first page that visitors land on when they open your site.
Also, to really put the pressure on, you only have about 7 seconds to make that great first impression with your website before the average visitor decides whether or not they’re going to stay or bounce elsewhere.
So, how do you ensure that the first interaction your target audience has with your website is a positive one?
The answer: Great landing page design.

Landing Page Design
Landing page design is the process of creating an enticing site page for your target audience and website visitors. It should encourage them to convert from leads into subscribers or customers. Effective landing page design is on-brand, includes your product or service and company information, and incorporates relevant offers and calls-to-action (CTAs).

Responsive Design
You may have also heard about responsive design, or responsive web design, before.
A web page with responsive design is automatically viewable via any device — meaning, web pages change as needed to fit any screen or device (i.e. desktop, laptop, tablet, or smartphone).

Source
Since so many more people search the Internet from different devices and locations, responsive design is necessary to ensure visitors and customers have a pleasant experience on your site.
Although it’s recommended that your entire website is responsive, it’s critical to have responsive landing page design — again, this is the first page every visitor interacts with and sees when they open your website, so outstanding user experience (UX) is crucial. 
Web pages without responsive design can make for a frustrating experience for visitors — they’ll be dealing with images and text that don’t fit their screen. This can potentially cause visitors to abandon your site completely or even visit a competitor’s site instead.
Note: Depending on the landing page design software you choose to work with (we’ll cover some options shortly), responsive design might be an automatic feature for you. In this case, you won’t have to worry about responsive design — when you design your landing page, it’ll already be responsive.

In addition to having a responsive design, there are many other aspects of creating and designing a landing page that impact your ability to convert visitors into customers and enhance UX. So, let’s review some of the most common and important steps for you to take into consideration while designing your landing page.

1. Identify your target audience and their needs.
No matter which part of your business you’re working on, you should be thinking about who your target audience is and how you can resolve their pain points — and designing your landing page is no exception to this rule of thumb.
While planning your landing page design, think about what your target audience expects and needs to see when they open your site. Ask yourself the following questions to help you with this:

What questions does the landing page immediately need to answer for your audience?
How can you brand your landing page so your audience knows they’re in the correct place?
What attention-grabbing headline, relevant content, and CTA can you include on your landing page to efficiently and effectively meet the needs of your audience?
How can you ensure your landing page is unique in comparison to those of your competitors?
How can you prove the value that your company, products, and services provide to your audience?

If you need additional help thinking about who your target audience is, try creating buyer personas for your business.
2. Ensure the landing page has a specific purpose.
For your landing page design to be successful, it needs a clear purpose. When visitors come to your landing page, they should immediately know why the page exists.
For example, you can use landing page design to clearly define the purpose of your page in the following ways:

Increase conversions by sharing relevant CTAs

Enhance brand awareness by including an email newsletter sign-up form

Boost sales by displaying your top-selling product

Develop greater interest in your product or service by incorporating information about how they solve your visitors’ pain points

Without a defined landing page purpose, your visitors may feel confused about what to do once they’ve landed on the page or uncertain about whether or not they’re in the right place. This may cause them to lose interest and abandon your page entirely. So, use your design to ensure your landing page has a clear purpose.
3. Choose a landing page design software.
There are dozens of software options made to help you build and design a landing page. The key is finding one that works for you. Review the five software options we recommend below and the various features they each offer below.
4. Write enticing leading page headers.
The purpose of a header is to catch your visitors’ attention and/or make them want to do something — meaning, headers should be enticing, impactful, and action-oriented.
This is most likely one of the very first (if not the first) things your website visitors will have read about your company. For this reason, your landing page headers should also complement the tone and copy everywhere else on your site (and your meta description).
When you use enticing and value-driven vocabulary in your landing page headers, you ensure your visitors know they’re going to get something worthwhile out of converting and spending time on your site.
For example, look at HubSpot’s Buyer Persona Generator landing page. The headline says, “Make My Persona … A Buyer Persona Generator From HubSpot.” Thanks to the header, visitors know where they are and what they’ll get out of visiting the landing page.

Source
Visitors are then automatically directed to the second part of the landing page which also includes enticing and value-driven language.

Source
The design includes two CTAs visitors can click based on their needs and interests. The headers on this landing page are useful, relevant, eye-catching, and on-brand
5. Make the landing page beautiful and helpful.
We’ve talked a lot about the fact your landing page is the first thing your website visitors are going to see when they open your website. So, in addition to compelling headers and language, you also want your page to be beautiful and helpful.
Make your landing page beautiful by:

Incorporating consistent, on-brand colors and fonts
Keeping your page organized
Remembering less is more while designing
Including aesthetically-pleasing visuals (images and/or videos)
Designing obvious and exciting CTAs

Make your landing page helpful by:

Incorporating content that pertains to your target audience’s needs and challenges
Designing CTAs that provide visitors with value
Including information that tells visitors why they should convert
Making sure visitors know how to convert
Ensuring visitors have easy access to your contact information

6. Publish and test your landing page design.
Once your design set, it’s time to publish and test it among your audience members. After your landing page is published, you can A/B test different design elements (e.g. colors, CTA buttons, phrases, font, etc.) to see which options lead to the highest number of conversions.
This way, you can ensure your landing page meets your audience’s needs while also guaranteeing you’re getting the best results that will impact your business’s bottom line.

In addition to keeping these landing page design steps in mind, consider these landing page best practices as well. You’ll notice some of these best practices are also directly tied to the specific steps we’ve just reviewed above.

While we review the following best practices, we’ll be referencing the following annotated image of HubSpot’s landing page: 

1. Remember your audience throughout the design process.
As we reviewed above, the first part of designing your landing page is identifying your target audience — Remember to keep them in mind throughout the design process. This way you’ll create a design and incorporate content that resonates with your audience. By doing so, you’ll have a larger chance of increasing conversions among site visitors.
2. Write a compelling and helpful headline.
Add a compelling headline to your landing page to immediately grab your visitors’ attention. A great landing page headline should be eye-catching and helpful.
For example, HubSpot’s landing page says, “There’s a better way to grow.” This headline gets visitors in the mindset of HubSpot being something they need to improve and expand their business.
Additionally, “grow better” is a saying HubSpot uses throughout all marketing materials. It’s something the company works to do every day — to help other businesses grow better. This makes the headline on-brand too (which is another best practice we’ll talk more about momentarily).
3. Include unique and engaging visuals.
Include engaging visual content on your landing page. Whether it’s a photo, video, or animation, you want your landing page design to somehow pique the interest of your visitors.
The HubSpot landing page’s visual content is unique to the company — the animated design and colors are on-brand. They also don’t take attention away from the written content on the page.
4. Keep it simple.
Although you want to include a headline, written content, CTA, and visual content on your landing page, that doesn’t mean you want your design to be too busy. In fact, you want the opposite.
Remember: Less is more when it comes to the design of your landing page (and your entire website for that matter). This keeps things clean, organized, and simple to understand and navigate for your visitors.
As you can see on HubSpot’s landing page, although the visual takes up a lot of the page, the headline, written content, and CTA are organized in a simplistic and aesthetically-pleasing way.
The navigation at the top of the page is minimalist and the live chat on the bottom right can collapse to make the landing page appear even cleaner for visitors.
5. Make sure it has a responsive design.
Remember, the chances of your website visitors, leads, and customers visiting your website via a mobile device or tablet is high. So, ensure your landing page has a responsive design that automatically changes format based on the device it’s being viewed on.
For example, here’s what HubSpot’s landing page looks like via my iPhone. As you can see, all of the content is the same and it includes the same CTA and visuals, but it’s organized and formatted in a way that fits my screen.

Source

6. Keep it on-brand.
When a visitor comes to your landing page, they should automatically know it belongs to your business. Brand your landing page in a way that complements the rest of your marketing content, logo, and colors. Your visitors should be able to immediately know your landing page belongs to your business due to the branding you incorporate.
HubSpot’s landing page does this well — it adheres to the requirements found in HubSpot’s Brand Guidelines. The HubSpot logo lives at the top of the landing page.
7. Optimize your landing page with CTAs.
Your landing page should include at least one relevant CTA, located above the fold (meaning, visitors don’t have to scroll to get to the form because it’s in view as soon they hit the page), so visitors can come to your landing page and convert within seconds. This CTA might be used to learn more about your product or service, purchase your product, sign up for a special offer, or subscribe to your email newsletter.
HubSpot’s CTA button is one of the most obvious features on the landing page. The CTA button clearly states what visitors get out of converting. Since the CTA button has the word “free” in it, it becomes even more enticing … who doesn’t love free? Lastly, it’s located above the fold of the page, so it’s visible to everyone the moment they open it.
8. Add your contact information.
Your visitors may come directly to your site in search of your contact information or determine they want to contact you for assistance or support after spending some time on your page.
To avoid wasting their time and causing them any unnecessary frustration while trying to locate your contact information, place these details on your landing page. This keeps the process of contacting you as simple and straightforward as possible for your visitors.
HubSpot has contact information listed under the navigation bar at the top of the landing page. This is a great option if you’re looking to keep your landing page as minimalist as possible.
9. Include live chat on the landing page.
If possible, include a live chat function on your landing page. This way, visitors can get the immediate assistance they want and need from the moment they open your page.
HubSpot’s landing page has a live chat feature for easy access to immediate support. The location of the collapsible chat box keeps the page looking organized.
Once you’ve designed your landing page, don’t feel locked in — this is an iterative process. For instance, feel free to test your designs among your target audience to determine which colors, CTA buttons, headlines, visuals, and written content resonate with them best (and result in the most conversions).
To do this, you may A/B test designs. After reviewing your results, you’ll know which design works best for your target audience and increases conversions — stick with that design until you have a new and improved design to share, your product line changes, or your branding is updated — then, start this process again.
Next, let’s take a look at the software options you have to get your landing page up and running so you can begin converting more visitors into customers.

Landing Page Design Software
There are many landing page design software options to choose from, all of which can help you design your entire website (not just your landing page). The following five options simplify the design process and don’t require you to have any previous web or design experience.
1. HubSpot Free Landing Page Builder

HubSpot’s free landing page builder helps you create multiple landing page designs for free. The software includes a free built-in library of responsive landing page templates and an on-page editor for adding images and copy.
When you upgrade to a paid plan, you can also create personalized CTAs, content, and forms for visitors to help you boost conversions. HubSpot also provides you with the ability to test and analyze the performance of your landing page design so you can make improvements.
2. Instapage

Instapage allows you to design and publish custom post-click landing pages with a variety of template options. The page builder is easy to use and offers the ability to A/B test different designs to determine which works best for your audience. The software also helps you optimize your landing page with dynamic text replacement so you can automate the opt-in content on your page.
3. Unbounce

Unbounce has a landing page creator with over 100 templates to choose from so your design complements your brand and content. Templates are organized by business type and include options for SaaS companies, agencies, and ecommerce businesses. Unbounce landing pages are responsive and completely customizable.
4. Mailchimp

Mailchimp allows you to design your landing page in minutes, thanks to their drag-and-drop page builder. You can also set up your other website content to populate your landing page, further simplifying the design process. Add custom CTAs to entice your target audience to convert or sign up. And, if you need help personalizing your landing page, review and reference the variety of tutorial videos Mailchimp provides users.
5. Leadpages

Leadpages is a landing page design software with a drag-and-drop builder that makes it easy to customize your landing page to suit your brand, and you can A/B test your designs with the software to efficiently determine which option converts the most visitors.
As you begin thinking about your landing page design and working through the details we’ve provided in this guide, you may feel as though you need additional design inspiration. If this is the case, check out our blog post on great landing page design.
Download dozens of free landing page examples to inspire your business’s design.
Begin Designing Your Landing Page
Your landing page is the first thing any visitor who comes to your website sees and experiences. That’s why great landing page design is so important — it’s every visitor’s first impression of your website … and possibly their first impression of your business as a whole.
A great landing page has the power to help you generate more leads, close more deals, enhance your website’s user experience, impress visitors, and ensure your site has a professional, on-brand feel. Work through these landing page design steps and best practices above to ensure your landing page accurately represents your business and makes your leads want to become customers.
Editor’s note: This post was originally published in August, 2017 and has been updated for comprehensiveness.

Does any aspect of your job intimidate you?
For content creators, sometimes the most stressful part of the role can be opening a completely blank document to start a new project.
Whether it’s writing a blog post, designing an infographic, or creating an ebook, it’s challenging to start creating a new piece of content from scratch, especially if you’ve never done it before.
Here in the HubSpot content shop, we want to take the work out of it for you. Instead of trying to master how to create every type of content in existence, cut down on the stress and inefficiency and read about our collection of nearly 400 free, customizable content creation templates.
We’ve broken this list down by each type of content marketing template represented. Jump ahead if you specifically want:

Content Management & Calendar Templates
Written & Editorial Content Templates
Design Content Templates
Social Media Content Templates
Email Content Templates

Content Management & Calendar Templates
A Content Planning/Goal-Setting Template
(Download the content planning template here.)
HubSpot teamed up with Smart Insights to create a content planning template that will help you put together an effective content marketing plan for either your business or those of your clients. These templates will help you complete a SWOT analysis on your content marketing efforts (and develop a plan to improve them), define the right objectives and KPIs for that plan, brainstorm content ideas and map these across your funnel, and create a timeline for your content plans.

A Content Mapping Template
(Download the content mapping template here)
You know you need a content marketing strategy in place to support the success of your inbound marketing and sales organizations. But how do you get started? We’ve created a content mapping template so you can walk through your target audience’s buyer’s journey. The template helps you identify buyer personas, their challenges and needs, and to brainstorm content that provides solutions. You’ll come away from the template with tons of targeted blog post ideas to attract your audience to your site and convert them into leads.

A Buyer Persona Template
(Download the buyer persona content template here.)
Marketing with buyer personas means marketing smarter. This buyer persona template will help you easily organize your research to create your very own buyer personas. Use it to create beautiful, well-formatted buyer personas that you can share with your entire company, while learning best practices for persona research along the way.

Blog Editorial Calendar Templates
(Download the blog editorial calendar templates here.)
Having an editorial calendar for your marketing content will save you a whole lot of time — not to mention sanity — as you plan your content release timeline. We realize there isn’t a one-size-fits all solution, so we’ve created three editorial calendar templates to use at your leisure: one for Google Calendar, one for Excel, and one for Google Sheets. (Read this blog post for a step-by-step guide for using the Google Calendar template.)

Social Media Content Calendar Template
(Download the social media content calendar templates here.)
With so many different social networks to manage, a social media manager’s life becomes a lot easier when they can plan which content to share on each account — and when. This easy-to-use social media content calendar for Microsoft Excel lets you organize your social media activities far in advance. Use it to plan your updates and learn how to properly format your content for the six most popular social networks: Facebook, LinkedIn, Twitter, Instagram, Google+, and Pinterest.

On-Page SEO Template
(Download the on-page SEO template here.)
The more content you publish to your website, the more traffic sources you’ll want to prioritize. One of those sources is organic traffic. To make on-page SEO easier, we’ve rolled out a handy planning template to help you create a website structure that organizes each webpage, what its purpose is, how long it should be, and how to optimize the metadata associated with each new page you publish.

Written & Editorial Content Templates
6 Blog Post Templates
(Download the blog post templates here.)
Here’s the thing with blogging: There isn’t one, easy template you can fill in to produce a quality content offering. You need to spend some time brainstorming a title, outlining core content, and so on. Our templates will walk you through the critical steps for creating the following six blog post types:

How-To Post
List-Based Post
Pillar Post
Infographic Post
Newsjacking Post
What is? Post

We’ve seen these formats crush it on our blogs, and we would love for you to use them to hit your own goals.

18 Ebook Templates
(Download the ebook templates here.)
Year after year, marketers cite lead generation as one of their top content marketing goals for the year. If you want to succeed at lead gen, then you need content offers — like ebooks — to help you get there. Our internal creative design team went to work building 18, beautiful ebook templates — for use in either InDesign, PowerPoint, or Google Slides — for you to download, customize, and use.

4 Free Memo Templates 
(Download the memo templates here.)
Memos are essential content for effective internal communication. While they might not be customer-facing, they can align your team to ensure better, more aligned content is created by everybody on your team. 

28 Call-to-Action Templates
(Download the call-to-action templates here.)
Redesigning your call-to-action buttons can improve clickthrough rates by 1,300% or more. That means visitors will spend more time on your website, and it’ll encourage them to become leads. To help you design clickable calls-to-action, we’ve built 28 pre-designed CTAs for you. These CTAs are super easy to customize, so you don’t need to know any fancy design programs — just PowerPoint or Google Slides.
Bonus: There’s also a handy free tool in there that lets you track your CTA clicks in real time so you can see the exact number of clicks that your designs are reeling in.

A Press Release Template
(Download the press release template here.)
While public relations has adapted to be more lovable and less spammy, press releases can be effective when used correctly. Our press release template takes this into consideration and provides an inbound-optimized version. This means the template can help you script press releases and do so in a format optimized for sharing on your company blog. You can easily adapt and customize as needed for your PR needs.

Design Content Templates
195+ Visual Marketing Templates
(Download the visual marketing templates here.)
Not a designer? Not a problem. We partnered with graphic design software company Canva to create over 195 visual marketing templates that are easy-to-use, work for any industry (finance, dentistry, agriculture, law — we’ve got ’em all), and are completely free. Best of all, they’re ready to edit in Canva’s online design tool, which is included for free with this set of templates. The templates include…

Infographics templates
Facebook ad templates
Facebook post templates
Twitter post templates
Email header templates
Blog title templates
Facebook cover photo templates
Twitter header templates
LinkedIn cover photos templates

15 Infographic Templates
(Download the infographic templates here.)
We’ve created fifteen, pre-designed infographic templates right in PowerPoint (+ five bonus illustrator templates). That way, marketers can skip the frustrations and start creating the graphics right away. Within each template, we even provide guides to teach you how to use the templates effectively.

 

Social Media Content Templates
50 Social Media Graphics Templates
(Download the social media graphics templates here.)
Visual content is 40 times more likely to be shared on social media than any other type of content. But we know well that creating visual content takes more time and resources — which why we’ve created these 50 customizable templates for you. These templates are in Google Slides, so they’re very easy to edit — no Photoshop skills required. Simply customize the text on an image, save it, and post it to social media.

11 Facebook Cover Photo Templates for Businesses
(Download the Facebook cover photo templates here.)
With how frequently businesses change and improve on their Facebook pages today, it’s crucial that you have new material in the pipeline. Double-down on your Facebook designs with these 11 templates dedicated to your Facebook cover photo. Get these designs by clicking the link above or the graphic below.

Email Content Templates
15 Email Templates for Marketing and Sales
(Download the email templates for marketing and sales here.)
Did you know that workers spend almost one third of their time at work reading and replying to emails? There are many ways you can streamline your inbox to save time, but you ultimately will still have to create and send emails. That’s where these content templates come in. We’ve written the copy for 15 emails marketers and sales reps are likely to send over and over again to save you time and get you results.

Email Marketing Planning Template
(Download the email marketing planning template here.)
Give purpose to and set goals for your email marketing planning with this free template. Available via Excel and Google Sheets, this template can help your marketing team plan out an effective email marketing campaign. 

There you have it, content marketers: nearly 400 templates to help you start creating content easily and quickly and further your inbound success.