How to create a landing page for your beehiiv newsletter in 2024

Learn with Daniel Roman
17 Apr 202413:41

Summary

TLDRDaniel's video provides a step-by-step guide on creating a newsletter landing page using free tools. He introduces the concept of a landing page, showcasing its importance for email subscription and social proof through testimonials. The tutorial covers signing up for a platform like Card, selecting a template, customizing content, and embedding a subscriber form from Beehive. Daniel also demonstrates creating a hero image with Shots and adding testimonials using Senter, all to craft an engaging and effective landing page in under 20 minutes.

Takeaways

  • πŸ˜€ Creating a landing page for a newsletter is essential to collect email addresses from subscribers.
  • πŸ“ A landing page should clearly state the reason why people should subscribe and provide a subscription form.
  • πŸ’¬ Testimonials on the landing page can enhance social proof, showing that others enjoy the newsletter.
  • 🌐 Sign up for a platform like Card to create landing pages, which offers a free version and a paid version for more features.
  • πŸ“š Card provides a variety of templates to start with, simplifying the creation of a landing page.
  • πŸ”— Integrate a subscriber form using an ESP (Email Service Provider) like Beehive, which offers a free newsletter service.
  • 🎨 Customize the landing page by changing text and adding elements like a hero image for visual appeal.
  • πŸ–ΌοΈ Use a tool like Shots to create and customize a hero image for the landing page, which can be exported with transparency.
  • πŸ—£οΈ Collect and display testimonials using a service like Senter to add credibility to the newsletter.
  • πŸ”„ Duplicate and arrange elements like the subscription form and testimonials to fill the landing page effectively.
  • πŸš€ Focus on simplicity and clarity in the landing page design, avoiding distractions like social media links to keep the focus on email collection.

Q & A

  • What is the main purpose of a landing page for a newsletter?

    -A landing page for a newsletter serves as a simple page that provides a reason and a place for people to submit their email addresses to start receiving emails from the newsletter.

  • What are the key elements included in Daniel's own newsletter landing page?

    -Daniel's newsletter landing page includes a reason for subscribing, a subscription form, testimonials for social proof, and future post previews.

  • What platform does Daniel recommend for creating landing pages?

    -Daniel recommends using a platform called 'Card' for creating landing pages, which offers both free and paid versions with a variety of templates.

  • What is the cost of the paid version of the 'Card' platform mentioned in the script?

    -The paid version of the 'Card' platform is about $19 a year, which allows the creation of 10 landing pages.

  • Which email service provider does Daniel recommend for building a newsletter?

    -Daniel recommends using 'Beehive' as the email service provider for building a newsletter, noting its ease of use and free service.

  • How does one create a subscriber form button for the newsletter landing page?

    -To create a subscriber form button, one needs to go to their email service provider's account, navigate to settings, then to publication, and finally to subscriber forms to create a new form and customize it.

  • What is the purpose of using 'Shots' in the context of the landing page creation?

    -The purpose of using 'Shots' is to create mockups for the landing page, particularly for the hero image, which can be customized and exported with a transparent background.

  • What tool does Daniel suggest for collecting and displaying testimonials on the landing page?

    -Daniel suggests using a tool called 'Senter' for collecting and displaying testimonials on the landing page.

  • How does the script suggest customizing the background of the landing page?

    -The script suggests customizing the background by selecting a new style and playing around with the shadow, scale, and position to achieve the desired look.

  • What is the final step in the script for completing the newsletter landing page?

    -The final step is to review and publish the landing page to see how it looks, making any necessary adjustments to the layout and elements.

  • What advice does Daniel give regarding the focus of the newsletter landing page?

    -Daniel advises that the newsletter landing page should be focused on getting people to enter their email addresses rather than directing them to social media links.

Outlines

00:00

πŸ“° Creating a Newsletter Landing Page with Free Tools

Daniel introduces a tutorial on crafting a landing page for a newsletter using free resources. He explains the concept of a landing page, which serves as a platform for visitors to submit their email addresses to start receiving newsletters. He showcases his own landing page as an example, highlighting its features like the subscription call-to-action, testimonials for social proof, and future post previews. Daniel then recommends signing up for a platform called 'Card' to create landing pages, which offers both free and paid versions, and emphasizes the variety of templates available for customization.

05:01

🎨 Designing with Templates and Customizing Forms

The script details the process of selecting and customizing a pre-built template on the 'Card' platform. Daniel demonstrates how to modify the template's text to create a unique landing page for his newsletter. He guides viewers on how to create a subscriber form button using 'BeeHive', an email service provider, and explains the importance of a compelling call-to-action. Daniel also shows how to embed the form button into the landing page and suggests customizing the background to enhance visual appeal.

10:01

πŸ–ΌοΈ Adding Visual Elements with Mockups and Testimonials

Daniel discusses enhancing the landing page with a hero image created using 'Shots', a free mockup tool, and explains how to adjust the image's size and transparency for optimal display. He then introduces 'Senter', a platform for managing and displaying testimonials, emphasizing their role in building trust and encouraging subscriptions. The script outlines the steps to create a widget with testimonials and embed it into the landing page, as well as the strategy to repeat the subscription call-to-action to maximize conversion.

πŸš€ Finalizing the Landing Page and Publishing

In the final paragraph, Daniel focuses on the completion of the landing page by refining the layout, removing unnecessary elements, and ensuring a clear focus on the subscription process. He advises against including social media links to keep the visitor's attention on the email submission. Daniel demonstrates the publishing process and reviews the final landing page, noting areas for potential adjustments. He concludes by emphasizing the ease and speed of creating an effective landing page using free tools and encourages viewers to ask questions in the comments section.

Mindmap

Keywords

πŸ’‘Landing Page

A landing page is a standalone web page, designed to be the first point of contact between a visitor and a business, typically used for capturing leads or driving sales. In the video's context, it's a page designed to encourage visitors to subscribe to a newsletter. The script mentions that a landing page 'gives a reason and also a place for the person to submit their email to start receiving emails from you', highlighting its role in the video's theme of newsletter subscription.

πŸ’‘Newsletter

A newsletter is a regularly distributed publication that businesses or individuals use to share updates, news, and content with subscribers. The video's main theme revolves around creating a landing page for a newsletter, as the script states, 'how to create your own ending page for your newsletter', emphasizing the importance of a landing page in attracting and managing subscribers.

πŸ’‘Social Proof

Social proof is a psychological phenomenon where people conform to the actions of others under the assumption that those actions are reflective of correct behavior. In the script, testimonials on the landing page serve as social proof, as they are mentioned to 'help with the social proof right that people, like you know are enjoying it', which is a strategy to encourage new subscriptions.

πŸ’‘Templates

Templates are pre-designed layouts or frameworks that can be used as a starting point for various projects, saving time and effort. The video script refers to the use of templates on the 'Card' platform, where 'there's a ton of templates as well right', illustrating their utility in quickly setting up a professional-looking landing page.

πŸ’‘ESP (Email Service Provider)

An Email Service Provider (ESP) is a company that offers email marketing services, including the management of subscriber lists and the sending of newsletters. The script recommends using 'beehive' as an ESP, noting that 'I recommend you always go with beehive it's just super easy to go and build a newsletter for free', underscoring the importance of an ESP in managing newsletter subscriptions.

πŸ’‘Subscriber Form

A subscriber form is a section of a website where visitors can input their contact information to subscribe to a service or newsletter. The video script details the creation of a subscriber form within the 'beehive' account, with the purpose of 'creating a subscriber form button inside of my beehive account', which is crucial for capturing email addresses on the landing page.

πŸ’‘Hero Image

A hero image is a large, prominent image used on a website to capture attention and convey a message or brand identity. In the video, the script discusses obtaining a hero image from 'Shots.do' to enhance the landing page's visual appeal, mentioning 'we're going to want to get the hero image right' and how it can be customized and made transparent for the landing page.

πŸ’‘Testimonials

Testimonials are positive feedback or endorsements from customers or clients, often used to build trust and credibility. The script mentions using 'Senter' to manage and display testimonials on the landing page, with the purpose of 'collect testimonials right and as you can see it looks really really beautiful', highlighting their role in enhancing the landing page's persuasiveness.

πŸ’‘Mockups

Mockups are visual representations of designs or products, often used to demonstrate how a final product will look. The video script refers to creating mockups for the landing page using 'Shots.do', which is described as 'an awesome place to create mockups for your landing page', showing the importance of visual design in the creation process.

πŸ’‘Customization

Customization refers to the process of adapting or tailoring a product or service to meet specific needs or preferences. The script discusses customizing the landing page's background and other elements, such as 'customize the background so you know we just customize a little bit', to make the page unique and appealing.

πŸ’‘Publish

To publish means to make content available to the public, often through a website or other digital platform. In the script, the process of publishing the landing page is mentioned, with the anticipation of 'now that we have it pretty much all done and complete let's go on, publish to see how it looks', indicating the final step in making the landing page live for visitors.

Highlights

Introduction to creating a landing page for a newsletter using free products.

Definition of a landing page and its purpose in newsletter subscription.

Example of a personal newsletter landing page with reasons to subscribe and testimonials for social proof.

Recommendation to sign up for Card, a platform for creating landing pages with a free version and a paid option.

Card's features, including a wide selection of templates for landing pages.

Demonstration of customizing a pre-built template for a newsletter landing page.

Explanation of creating a subscriber form button using an Email Service Provider (ESP) like Beehive.

Step-by-step guide on setting up a subscriber form within Beehive and customizing the button text.

Integration of the subscriber form button into the landing page using Card's embedded code feature.

Customization options for the landing page background.

Use of Shotsoso for creating mockups and hero images for the landing page.

Instructions on exporting a hero image with a transparent background for the landing page.

Adding testimonials to the landing page using the free tool Senter.

Guidance on embedding testimonials as widgets on the landing page.

Advice on focusing the landing page on email collection rather than social media links.

Final review of the completed landing page and its components.

Discussion on the simplicity and speed of creating a landing page using free tools.

Invitation for viewers to ask questions in the comments for further assistance.

Transcripts

play00:00

hey guys how's it going Daniel here so

play00:02

in this video I'm going to go and show

play00:04

you step by step of how to create your

play00:06

own ending page for your newsletter

play00:10

using uh some free products um so let's

play00:14

start so what is a landing page so a

play00:18

landing page for your newsletter is just

play00:20

a simple page where it gives a reason um

play00:24

and also a place for the person to

play00:27

submit their email to start receiving

play00:29

emails from you so this here is an

play00:32

example of a landing page so this is my

play00:35

own newsletter landing page that I

play00:38

have and so it just gives a reason of

play00:41

why you know like telling them why they

play00:43

should subscribe right and giving them

play00:45

the option to subscribe right and then

play00:47

of course there's like some testimonials

play00:49

as well in my landing page which helps

play00:52

with the social proof right that people

play00:54

like you know are enjoying it and that's

play00:56

another good reason why you should

play00:57

subscribe to the newsletter and of

play00:59

course future post right so like I said

play01:02

in this video I want to share with you

play01:04

how to make a landing page for your own

play01:06

newsletter so let's start so one of the

play01:09

first things you're going to want to do

play01:11

is actually go and sign up for this like

play01:13

awesome platform called card so it's

play01:17

it's like I think they also have a free

play01:19

version of the of the site but the paid

play01:22

version is about $19 a year which allows

play01:24

you to create 10 landing pages um so if

play01:28

you haven't checked it out I highly

play01:29

recommend it

play01:31

so and what I really like about this

play01:32

platform is that there's a ton a ton of

play01:35

templates as well right so as you can

play01:37

see here there's a like you know there's

play01:40

a few templates they you can choose from

play01:41

so for this one we're going to select

play01:43

this one right for the demo here that

play01:45

we're going to create so now we have a

play01:47

pre-built template right of how to to a

play01:51

good way to start right to create um our

play01:54

newsletter landing page so we're going

play01:56

to change some stuff here around so

play01:57

we're going to change you know the news

play01:59

see we're going to pretend to make my

play02:02

own landing page for my own newsletter

play02:04

right so we're going to just copy and

play02:06

paste this to save you guys some

play02:09

time so go here and done right and copy

play02:17

this

play02:19

and here and there we go so now we have

play02:23

the text done so this is only part one

play02:28

here so now now we're going to need to

play02:30

create a subscriber form button right so

play02:34

uh depending on whatever ESP you have so

play02:37

email service provider I recommend you

play02:39

always go with beehive it's just super

play02:41

easy to go and build a newsletter for

play02:43

free so we're going to create a

play02:46

subscriber form button inside of my

play02:48

beehive account so let's go to beehive

play02:52

we want to go to settings first and then

play02:54

we're going to go to publication right

play02:56

and then subscriber forms right here

play03:00

okay we're going to create new form

play03:01

we're going to call this one the new the

play03:05

YouTube video so that I

play03:08

know right so now that we have social

play03:12

say you are

play03:15

subscribed so this is this will show up

play03:18

after somebody

play03:19

subscribes subscribe I'm going to change

play03:22

the button subscribe for

play03:25

free and we're going to have fun with it

play03:28

give me or email right and then we're

play03:31

good to go and then save so now it

play03:35

should have created a subscriber form so

play03:38

I could create I can use this as my

play03:39

default one right but like I said we're

play03:42

going to only want the button here right

play03:44

so we're going to click the button we're

play03:45

going to copy the

play03:47

code right here card there we go we're

play03:50

going to

play03:52

install an embedded code right and then

play03:56

we're going to just go here

play04:00

and done right and we're going to delete

play04:02

this so want to this here so I just want

play04:05

to make sure that's all good myself away

play04:09

right so now we have the code so once we

play04:12

publish it should work right so now that

play04:15

we have this right we have the title

play04:18

here right we have you know and like

play04:21

give them like why they should subscribe

play04:23

right right here right and this to c our

play04:26

attention right so now that we have that

play04:28

you know if we want we could customize

play04:30

the background so you know we just

play04:33

customize a little

play04:34

bit we change it to this one looks

play04:38

actually pretty fun right

play04:40

here we

play04:42

just have a little uh feel like that

play04:47

it's actually pretty cool right right

play04:49

there okay so now that we have the

play04:52

basics here set up we have the form

play04:54

signed in right so which when once it

play04:57

goes live we'll be able to see it so now

play05:00

we're going to want to get the hero

play05:03

image right so to do this you're going

play05:06

to want to um have a like you're going

play05:08

want to use this awesome place called

play05:11

shots

play05:14

doso so this is an awesome place to

play05:17

create mockups for your landing page

play05:20

right and it's free so so now that you

play05:23

like we have a screenshot of it right we

play05:25

can change it around right we can change

play05:27

that the style right change right change

play05:31

it play around with it and then what I

play05:33

like about it you play with a shadow as

play05:35

well let's go with zero Shadow scale

play05:39

position so if you want to make it

play05:41

really big let's have fun with it and

play05:45

then we're going to want to go to

play05:47

frame and then transparent right cuz we

play05:51

we're going to export this to upload it

play05:52

to our landing page here that we're

play05:55

creating so now that we have everything

play05:57

that we need just download

play06:01

okay now we have it here so now all we

play06:05

got to do is upload the image right so

play06:08

going to go through

play06:09

there okay so now that we have it on the

play06:12

desktop there we should be good to

play06:15

go okay so now just make this as big as

play06:20

possible and there we go so it doesn't

play06:22

look too good there we're going to edit

play06:26

this maybe a little bit smaller

play06:32

this is no

play06:34

one okay awesome so all we had to do

play06:37

right let's play around with the size

play06:38

here right so let's right so the bigger

play06:42

it is the more pixelated it gets let's

play06:44

see like that it looks pretty good like

play06:46

that and we're going to click done so

play06:49

now we have the hero image

play06:51

right and it's nice and transparent cuz

play06:54

we exported it right uh with transparent

play06:57

so that's why I downloaded perfectly how

play06:59

we want wanted it too right and it got

play07:00

cut off because how we exported it from

play07:03

shots so now that we have you know the

play07:06

basics here already good to go let's add

play07:10

some testimonials now right so

play07:12

testimonials are really awesome and an

play07:14

awesome free tool I like to use is

play07:17

called

play07:19

Senter right we just click here we're

play07:22

going to log in we going log

play07:26

in okay awesome so here as you can see I

play07:29

have have a few testimonials for my

play07:31

newsletter right which I added right

play07:34

here so what we're going to do is just

play07:37

go into just going to click one here

play07:41

right we're going to share this one and

play07:43

we're going to create a widget right so

play07:46

the new

play07:47

the widgets and we're going to add this

play07:50

into our homepage or landing page there

play07:53

we go so now we have the option so we're

play07:57

going to continue to design right

play08:00

let's go with this

play08:02

one right that's the one that we want

play08:06

and then save changes or we could go

play08:08

with this one actually there we go let's

play08:11

go save changes let's share this right

play08:13

we're going to copy this code and we're

play08:16

going to just add it onto our landing

play08:19

page right so we're going to call this P

play08:23

value and done we're going to create see

play08:27

what other creators saying

play08:30

and we delete this we don't need

play08:34

this okay so now we pretty much have

play08:37

like three rows here that we could use

play08:39

without having to do anything really to

play08:42

it so what we need to do is add an

play08:45

embedd it

play08:46

again and for some reason it did not

play08:50

the there we

play08:52

go he and let's just copy this one

play08:56

duplicate just copy here

play09:00

and duplicate

play09:01

again there we go and we'll delete these

play09:04

images we don't need

play09:06

these don't need this and don't need

play09:10

this okay and this is we we won't really

play09:14

need that stuff as

play09:16

well so let's get the code

play09:20

again

play09:22

copy and

play09:24

paste right then copy now I'm not sure

play09:28

how it's going to look

play09:30

like probably look a little bit squished

play09:32

so but we can fix that once we see the

play09:36

finale okay so we don't need this cuz

play09:38

it's going to be it's already a widget

play09:41

so we don't need to

play09:43

add and

play09:45

delete and delete beautiful right and

play09:50

you know what we could like give them

play09:52

the option to subscribe again here so

play09:56

we'll duplicate it we'll go down here

play10:01

and delete this one right so now we're

play10:03

given the option to subscribe right and

play10:06

then we're could just delete this whole

play10:08

case

play10:11

here we don't want to delete too much of

play10:14

it okay there we

play10:16

go delete no

play10:21

right

play10:22

delete

play10:24

no just delete everything

play10:31

[Music]

play10:34

okay so now that we have it pretty

play10:37

much almost deleted

play10:39

everything right we don't really need

play10:42

this we have to remove

play10:44

this there we go really keep that

play10:48

divider there okay so now we have it

play10:50

right so we have the header the title

play10:53

right the hero image the subscriber form

play10:55

right testimonials added right another

play10:57

subscriber form just in case now they

play10:59

really wants describe cuz it's not

play11:00

testimonials right and here we could

play11:03

just delete this one actually

play11:06

too

play11:08

this

play11:10

and

play11:12

this there we go so now we could just

play11:15

play around with this we'll call it

play11:17

like mus 24 right and so if I had you

play11:23

know if I had like links to it I could

play11:25

just quickly add the links here right so

play11:27

I I can make it clickable but

play11:30

a newsletter landing page should be

play11:32

focused on you know getting people to

play11:35

enter their email right not being not

play11:37

entry not having to visit your socials

play11:39

right so try to avoid that as much as

play11:43

possible just

play11:45

default right so there we go so there we

play11:49

go so as you can see here right I don't

play11:51

have any socials on my leting page right

play11:54

because I want them focused on entering

play11:56

their email that's what I want I want

play11:58

their email

play11:59

and so that's what we're doing right

play12:01

here so now that we have it pretty much

play12:02

all done and complete let's go on

play12:05

publish s to see how it looks so we're

play12:08

going to need to enter the

play12:10

new test right we should just copy this

play12:15

this

play12:16

say here

play12:18

description right and let use the

play12:22

hopefully it works awesome it's

play12:25

available so now we're going to see a

play12:30

and there we go so as you can see you

play12:31

know there's some changes here that we

play12:33

can do with the give me your email right

play12:35

it's probably too too large there right

play12:38

but it looks pretty good right and then

play12:40

see what other creators and look how

play12:42

beautiful that looks right like the

play12:43

widgets actually look really really cool

play12:45

right then again right they caner their

play12:47

email right here and then that's pretty

play12:50

much it right so we're all good to go

play12:54

and so that's a quick way to create a

play12:57

simple you know landing page um almost

play13:00

for free like I'm pretty sure card has a

play13:03

free option if it doesn't is only $20 a

play13:05

year you get like 10 landing pages and

play13:08

then you get to use free tools like

play13:09

beehive right to create your subscriber

play13:11

form right you can use shots right to

play13:14

create your hero image and you can use

play13:16

sanra for your testimonials to collect

play13:18

testimonials right and as you can see it

play13:20

looks really really beautiful Just

play13:22

landing page and super simple quickly

play13:25

and we were able to build this in less

play13:26

than like 20 minutes so um if you guys

play13:29

have any questions I'll be happy to

play13:31

answer them in the comments below you

play13:32

know just just write them down I'll be

play13:34

happy to answer them and as always I

play13:37

will see you guys in the next video

play13:39

peace

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
Newsletter CreationLanding Page GuideEmail MarketingFree ToolsSubscriber FormsSocial ProofMarketing TipsOnline PublishingUser EngagementContent Marketing