21 Newsletter Signup Examples & How to Add Them
Content

21 Newsletter Signup Examples & How to Add Them

14 December 2021 27 March ~ 9 min read
5
36633 views
rate it
Claspo Blog 21 Newsletter Signup Examples & How to Add Them

According to an email marketing report, email is among the top 3 most effective communication channels and has the highest ROI: $36 for every $1 spent. 

But communication via email begins with building a list of subscribers. And that's where the newsletter signup form comes into play. This form is the most common way to collect website visitors' email addresses and convert them into leads. 

In this article, we will tell you how to make this form more effective, share successful "subscribe to our newsletter" examples, and show you how to quickly create such a form for your website.

template_1
Use this template

Table of Contents

Techniques that Make an Effective Newsletter Signup Form

Effective Newsletter Signup Examples that Convert

How to Create a Pop-up Newsletter Signup Form Without Coding

Start Growing Your Newsletter Subscribers with Claspo

Techniques that Make an Effective Newsletter Signup Form

Today, almost all online stores invite website visitors to join their mailing lists, but they do not always have the desired results. To make your "subscribe to our newsletter" form truly effective, consider several aspects when creating it.

  • Use lead magnets. Lead magnets are perks that online retailers offer to prospects in exchange for their contact information. It could be a discount, a coupon, a guide, or an e-book. Backed by this incentive, the "sign up for our newsletter" call to action results in almost 2x more registrations.
  • Strengthen your CTA. Ensure your newsletter subscribe message contains action words like "Subscribe Now," "Get Updates," and so on. According to statistics, such words can increase conversion rates by 121%. Another good practice is to use the first person in your CTA. For example, use "I want to join" instead of "Join our club" in your sign-up messages. This technique can lead to a 90% increase in click-through rate.
  • Highlight the CTA button. The appearance of the CTA button directly affects your conversions. In some cases, adding white space around the button increased the conversion rate by an impressive 232%, and larger size and darkening of the button increased it by almost 58%. With the Claspo pop-up builder, you can A/B test your newsletter signup forms to determine the best solution.
  • Add an image. An image allows you to strengthen the emotional connection with prospects, evoke positive associations, and demonstrate to them your product, the benefits of your brand, or satisfied customers. Therefore, its use can increase email signups by 63%. In the Claspo pop-up builder, you can upload an image, add a link, or select the appropriate one from the built-in photo stock.

template_2
Use this template

  • Apply social proof. You can indicate in your form how many people have already subscribed to your newsletter. It works great because, according to the social proof concept, when a person sees that many others have joined your mailing list, they subconsciously regard their actions as correct.
  • Make your form GDPR-compliant. According to GDPR requirements, prospects must know why you are collecting their data and how it will be stored. In addition, they must give their explicit consent to data processing. Therefore, provide a link to your privacy policy or terms of use and a checkbox for consent to data processing. With ISO/IEC 27001:2013 certification, Claspo guarantees that your subscribers' data is safe and secure.
  • Keep input fields to a minimum. First, the GDPR obliges businesses to collect only the data necessary for the intended purpose. Just as important, each additional input field reduces conversions. A newsletter sign-up form with 2 input fields has a 3.31% conversion rate, while one with 3 input fields has only a 1.08% conversion rate.

template_3
Use this template

Effective Newsletter Signup Examples that Convert

Let's look at real-world examples and understand what techniques different brands use. Get inspired by them, but remember that you can only determine the best solution for your business through experimentation and A/B testing.

1. Rippedbody
 

newsletter-signup-examples2
Rippedbody.com

  • Social proof: Rippedbody indicates the number of subscribers and invites the site visitor to join them.
  • Clear incentive: Lead magnets, in this case, are a guide and an additional email course.
  • CTA button: Its text is written in the first person, which, as we mentioned, is a winning tactic.

Want a newsletter signup form like this?

The Claspo library contains 700+ pop-up templates that can be easily customized in our intuitive drag-and-drop editor. Try Claspo for free!

template_4
Use this template

2. Later

newsletter-signup-examples4
Later.com

  • Catchy headline: Later included social proof right in the headline of the pop-up, thereby making it more compelling.
  • Social proof: They didn’t just add the number of subscribers but emphasized that these subscribers are Instagram marketers (like the majority of site visitors). This hook creates a sense of community and motivates people to join.
  • Subscribe newsletter message: Later promises helpful content and even indicates email frequency, which is a strong ice-breaker.

3. Convince & Convert

newsletter-signup-examples5Convinceandconvert.com

  • GDPR-compliant: The pop-up contains a consent checkbox and asks the user to choose whether to subscribe only to a specific newsletter or receive other emails from the company.
  • CTA button: It stands out from the rest of the text and thus attracts more attention.
  • Input fields: Convince & Convert exceeded the recommended fields, but it may work better for their business. To determine the best solution, conduct A/B testing.

4. Backlinko

newsletter-signup-examples6Backlinko.com

  • Button design: The bright button is surrounded by white space, one of the conversion-increasing solutions we discussed above.
  • Emphasized value: It is described in both the headline and the text. It allows prospects to understand that they will receive helpful content that matches their interests.

5. Shein

SheinShein

  • Focus on value: This sign-up pop-up contains a minimum amount of text, but this is enough to convey all the benefits and leave an email address.
  • Winning design: The layout has the proper visual accents - all advantages are highlighted in large font, and the CTA button contrasts in color.

6. Startet Story

newsletter-signup-examples8Starterstory.com

  • Compelling headline: It appeals to FOMO (fear of missing out), a proven driver of conversions and sales.
  • Image: The image alone works well for conversions, but in this case, the company added pictures of existing community members, which is social proof.

7. Nike 

newsletter-signup-examples9
Nike.com

  • Minimalist Design: Nike doesn't overwhelm site visitors with too much information and visuals and allows them to focus on the newsletter subscribe message.
  • Shopping Preferences: This is a winning input field for both parties. Nike receives the data to deliver personalized offers that increase purchase likelihood and brand loyalty. Subscribers, in turn, receive content that meets their interests and needs. 

In the Claspo builder, you can easily add a similar drop-down list to your pop-up layout.

template_5
Use this template

8. Averie Cooks

newsletter-signup-examples10
Averiecooks.com

  • Intriguing headline: Visitors to a culinary site definitely want to know the restaurant's secret recipe. It means that the headline is perfectly adapted to the target audience, so conversions are guaranteed.
  • CTA button: Following best CTA practices, the button text is written in the first person and, therefore, resonates with the audience.

9. Mashable

newsletter-signup-examples11Mashable.com

  • Promising headline: Mashable convinces people that their newsletter contains truly critical and relevant information that cannot be missed.
  • Clear value: Mashable provides value propositions. They mention exclusive content, breaking news, and the ability to stay informed on trending topics.

10. TechCrunch

newsletter-signup-examples12Techcrunch.com

  • Content preferences: TechCrunch provides checkboxes for different newsletter topics. With such customization, subscribers receive content tailored to their interests. It increases the value of the newsletter and the open rate of emails.
  • CTA button: Its text is concise and action-oriented, clearly indicating the desired action. In turn, the color contrasts with the rest of the form, attracting users' attention.

11. Lifehacker

newsletter-signup-examples13Lifehacker.com

  • GDPR-compliant: Lifehacker allows users to read their privacy policy and terms of use before providing their contact information.
  • The subject of the newsletter: Lifehacker clearly describes what content subscribers should expect in their inboxes.

12. Food52

newsletter-signup-examples14Food52.com

  • Tone of voice: Food52 uses a friendly and caring tone throughout the website and in this "sign up for our newsletter" pop-up, allowing them to win over their audience.
  • The subject of the newsletter: Food52 assures readers that the newsletter will include food-related content and, therefore, be relevant to their interests.

13. Smashing Magazine

newsletter-signup-examples15Smashingmagazine.com

  • Specified mailing frequency: Smashing Magazine emphasizes that the mailing is sent every Tuesday (that is, once a week). It is an excellent solution since 51% of users unsubscribe from brand emails precisely because they occur too often.
  • Lead magnet: Smashing Magazine highlights its free checklist in bold to focus on what people can get for subscribing.
  • GDPR-compliant: The company honestly says that by leaving their email addresses, subscribers receive not only the promised checklist but also other materials.

14. Copyblogger

newsletter-signup-examples16Copyblogger.com

  • GDPR-compliant: Copyblogger ensures transparency by including a brief statement on data protection below the form. It helps build trust and addresses customers' concerns about using their personal information.
  • CTA button: They don't use the standard "Sign up for our newsletter" but add value to their offer and clearly show the reward for subscribing.

15. BuzzFeed

newsletter-signup-examples17Buzzfeed.com

  • GDPR-compliant: BuzzFeed provides a brief statement on privacy and data protection below the form, assuring users that their information will be handled responsibly and securely.
  • Good placement: BuzzFeed's newsletter form is a floating bar strategically placed at the top of the page. It follows the user as they scroll down and does not overlap the site's content. Therefore, it keeps visitors' attention but doesn't annoy them.

Claspo allows you to implement the same pop-up design on your website easily. Take one of the ready-to-go templates and customize it to suit your needs.

template_6
Use this template

16. MAC

MAC
MAC

  • Headline with offer: First, it is a win-win attention hook and an excellent incentive to subscribe. Second, the discount motivates 80% of shoppers to buy from a new brand.
  • Text of consent: It is written in the first person, which is a big plus. In addition, it emphasizes that the shopper agrees to share their email in exchange for a financial incentive, which makes this pop-up GDPR-compliant.
See How Quick And Easy It Is To Make Your Own Pop-ups!

17. Best Buy

Best_Buy
Best Buy

  • Consistency: This "sign up for our newsletter" widget adopts the company's brand color and harmonizes the overall website design.
  • Promotion of social networks: Best Buy also invites site visitors to follow them on social media. It is smart since 76% of shoppers admit buying a product they had previously seen in a company’s social media post.

Claspo allows you to add clickable social media icons to any pop-up and customize their appearance to match your website design.

template_7
Use this template

18. Stradivarius

Stradivarius
Stradivarius

  • Effective CTA: Stradivarius invites site visitors to subscribe for early access to discounts and new products. Meanwhile, early access is a powerful incentive for almost 60% of shoppers to join loyalty programs.
  • Opt-out button: This button lets people close the pop-up easily, improving the user experience. Besides, adding it to the subscription form increases the click-through rate by 14%.

19. Percona

newsletter-signup-examples21
Percona

  • Social proof: Percona displays its number of subscribers, which adds credibility and fosters a sense of community.
  • Headline: Percona chose a friendly and playful headline instead of the standard "subscribe to our newsletter," which can be a great ice-breaker for the audience.

20. Victoria's Secret

Victorias_SecretVictoria’s Secret

  • Content preferences: Shoppers can check the boxes to receive newsletters only from Victoria's Secret or the PINK brand.
  • Multichannel communication: Victoria's Secret uses one subscription form to collect email addresses and phone numbers, which allows them to build an omnichannel strategy. At the same time, subscribers can choose their preferred communication channel and share only an email or a phone number.

If you also want to collect more contact details, you can easily add required input fields to your pop-up layout or use one of Claspo's ready-made templates.

template_8
Use this template

21. Healthline

newsletter-signup-examples23
Healthline

  • Emphasized value: Healthline offers site visitors health and wellness advice, making their newsletter truly useful and valuable.
  • Content checkbox: Healthline remains honest with subscribers and invites them to choose whether they want to receive newsletters from their partners. This approach increases loyalty to the company and prevents unsubscribes in the future.

How to Create a Pop-up Newsletter Signup Form Without Coding

You can add a pop-up to your website using the Claspo editor. Let’s consider how to do it step by step.

Step 1. Get started

Log in to your account and click the "New widget" button. You can create it from scratch or choose one of the ready-made templates to save time. Do not worry! You can completely customize any template to suit your needs further.

newsletter-signup-examples26

Step 2. Choose the template

Use the search filters in the sidebar and select the use cases you need. You can also quickly specify your widget's layout, industry, and theme to find the perfect template.

Step_2

Step 3. Edit your template

Once the template is selected, you are taken to our intuitive drag-and-drop editor. At this point, you can edit the design and content of your newsletter signup form:

  • Select the required components. You can add the necessary input fields, for example, to indicate phone numbers, a drop-down list with content preferences, a checkbox for obtaining consent to data processing, and much more.
  • Customize your design. You can change the color, size, and location of all template elements. It's also easy to add a unique image: upload it, add a link, or choose from our built-in photo stock.
  • Change the widget text. Add your unique offer, call to action, and button.

Step_3_1

Step_3_2

Step 4. Preview your widget

Check how your widget looks on desktop and mobile screens right in the editor. If you are happy with its appearance, click the Save button.

Step_4

Step 5. Setup display rules

For your convenience, Claspo presets the optimal display rules for your widget. But you can always change them in a few clicks.

newsletter-signup-examples35

Step 6. Select your desired integrations

Claspo integrates with Google Analytics, ESPs, and CRMs. Just select the desired platform from the suggested list for automatic data transfer.

newsletter-signup-examples36

Step 6. Embed the widget on your website

As soon as you finish working on your subscription form, Claspo will provide you with a ready-made widget script. Copy and paste it onto the site following our step-by-step instructions. That's all!

Step_6

Start Growing Your Newsletter Subscribers with Claspo

700+ ready-made templates and an intuitive drag-and-drop editor are just part of Claspo's superpowers:

  • Flexible display rules. Set up a delayed widget display or a scroll trigger. Both solutions are proven conversion boosters.
  • Audience segmentation. Show your newsletter signup form only to new visitors to avoid confusion and improve the user experience.
  • Personalization. Show a personalized widget only to visitors who came to your website from a specific advertising campaign or referral source.
  • Annoyance safeguard & overlapping protection. Set a silence interval between widgets and show them one by one. But if you still want to display them simultaneously, Claspo automatically protects them from overlapping.
... and much more. Try Claspo for free now to discover all our advanced functionality and increase your conversions!
Related Templates

Mary Stenger 5 months ago

Been crawling for some good newsletter popup examples and pipelines of how to do it. Liked how Copyblogger and Lifehacker work with popups. It's very refreshing to see some cool techiques compiled in one post. Thank you!

John Calkins 5 months ago

These examples are a design dream! So many and so easy to understand. I made my first newsletter signup example for a study thank to your manual. Just what I needed!

Darren Stephens 6 months ago

I've struggled with my newsletter signup rates lately, but this article is a game-changer! I like the idea to giving users some bonuses as in Hummel examples, we'll try it. I cant wait to give these techniques a shot. Thanks for the excellent tips!)

Mia Chen 7 months ago

As a small business owner in Los Angeles, I have a limited budget for marketing, which means I handle all marketing tasks myself. I want to express my appreciation to you and your team for providing incredibly helpful tips in your articles. Thanks to your advices, I've been able to establish a strong online presence and engage with my target audience. As I continue to grow my business, please let me know if you have any new tips for expanding with a limited marketing budget. Feel free to text me.

Benjamin Wilson 8 months ago

I find websites with pop-ups to be quite bothersome. However, our marketing team believes that implementing a pop-up is necessary to boost our news subscription numbers. Unfortunately, I haven't found a solution that won't upset our users. Can you offer me any advice on how to proceed?

You Might Be Interested in
A Pop-Up Survey on Your Website: Everything You Need to Know
A Pop-Up Survey on Your Website: Everything You Need to Know

When you have many customers, it is important to know their insights and everything they think about. A simple pop up survey can help with that. The survey pop up is a small window that you can place in any part of the page; it might have fields, checkboxes, multichoice to find out something about the user or the product. These answers will take your business to another level for sure. Besides, it is easy to implement a simple survey...

11 December 2021 7 min read
7 Cart Abandonment Pop-up Examples to Save Sales
7 Cart Abandonment Pop-up Examples to Save Sales

According to e-commerce studies, 70% of users abandoned carts without paying in 2020. It can be a bit depressing for business owners who’ve invested in development, marketing, advertising, as this issue stands between you and your profit.  Why do the customers do this, and how to convince them to purchase an item? Table of Contents What Is an Abandoned Cart? How to Use Pop-up to Reduce Cart Abandonment? 7 Examples Create Pop-up and Lower Your Cart Abandonment Rate What Is...

08 December 2021 10 min read
14 Shopping Deals Pop-ups to Boost Sales Promotion
14 Shopping Deals Pop-ups to Boost Sales Promotion

Pop-ups are not just a tool to get new leads and save up some contacts to send letters in the future. They can also be used for multiple purposes including notifications and promotions. Yes, pop-ups can help you sell your products and services nonchalantly. Besides, they can help visitors get into that funnel and lead them to the checkout. It’s a win-win situation as you end up with a purchase and the customer will get a discount. Have you ever...

03 December 2021 12 min read
Exit-Intent Pop-up: 15 Powerful Examples
Exit-Intent Pop-up: 15 Powerful Examples

Have you ever heard about exit-intent pop-ups? Many marketers name it as one of the most effective ways to retain your customers, lead them back to your goods or services in their carts, and get them to purchase your products. Sounds great?  This is a secret weapon of many high-profile marketing specialists that beat their own high scores each time with this technique.  This tool works with every niche and every website if done right. Let’s break down this topic...

15 December 2021 15 min read
How to Create an SMS Pop-up that Really Works
How to Create an SMS Pop-up that Really Works

Have you ever noticed how e-commerce websites ask you for your phone number to send the hottest deals for maximum connection? This is another tool you can use to get more customers and create a loyal list.  SMS marketing isn't new, but we see new approaches each year and learn that people use their phones to connect with brands. Even if you think that only small stores create SMS pop-ups that ask for a phone number, that's not true. Big...

20 December 2021 13 min read
4 Best Pop-up Examples for Blogs to Get More Followers and Subscribers
4 Best Pop-up Examples for Blogs to Get More Followers and Subscribers

According to Statista, there are more than 4,6 billion people using the Internet to read, get content, communicate, and learn in 2021. That’s 59,5% of the population! And soon it will be 100%. But, as you know, the more people, the more topics they like to read about. So the unique content for the particular topic should be very engaging, useful, and entertaining. That’s why there are so many formats in blogs and social media that you see every day....

21 December 2021 8 min read

Top