Newsletter Signup Form - How'd They Do That?

How'd They Do That? Newsletter Signup Form

4/7/2015

"How'd They Do That?" continues this week with a look at the newsletter signup form, one of the most powerful tools you can employ for converting readers into subscribers and building an email list for your website, blog or online store.

As you can see, Everyday Captain has newsletter signup forms sprinkled throughout the site. Adding these forms to your website is a straightforward process:

Step 1: Choose a third-party newsletter service that will provide the code that you'll drag and drop on your site. AWeber and Constant Contact are popular choices. The Everyday Captain website uses MailChimp to invite visitors to join its mailing list.
Step 2: Create a list and generate your form’s code. At MailChimp, you'll select "Signup forms" and "Embedded forms" to create the HTML code for your form. There are several different styles and templates, but a simple signup box with just enough room to enter an email address usually works well.
Step 3: Add the HTML code to your website by placing the Embed Code element on your site and pasting the third party code inside it.

Newsletter signup forms help drive further engagement after the initial experience with your website. A newsletter signup form also gives your readers what they need in the most impactful way: eMarketer says that email marketing was 2014's most effective channel for retaining customers.

We hope this latest video helps you create a newsletter signup form to attract subscribers to your site, store or blog. Have other ideas? Feel free to share your thoughts with us directly in the comments.

4/7/2015 02:59:35 am

Thanks for the instructions!

Frank

4/7/2015 08:22:36 am

Very cool

Toby

4/7/2015 08:26:30 am

Thanks for the detailed steps! Really helps.

Paludarium link

4/7/2015 12:09:25 pm

Thanks for sharing the experiences.

Hiram

4/7/2015 03:37:18 pm

Change to transparent tip (thanks)

Avery link

4/7/2015 10:58:23 pm

Good.

TheChillBro link

4/8/2015 04:03:32 am

Will Weebly ever integrate a non third party mailing list? That would be cool.

Abigail

4/9/2015 05:51:18 am

Thant would be very helpful!! If, after creating and posting a new blog entry, we would have the option to send blog posts via email to our web subscribers... it would save us sooooo much on time consuming email/newsletter composition.

Nick

4/10/2015 02:02:30 am

I use Madmimi, and they actually have this option (though I don't use it so I can't comment on its effectiveness).

Sandra link

4/14/2015 12:49:00 pm

I used Feedburner for email subscriptions and to notify my audience of any blog posts. Very simple if you need an email notifying system but engage more with your audience more on social media. You don't have to physically send a newsletter as Feedburner automatically send an email and notifies the subscriber of the new post.Here's how to do it. (They use WP but it's easily done using Weeblys embed code element in your blogs sidebar).

https://www.youtube.com/watch?v=wcImJvNa_fc

Jacob link

4/8/2015 11:06:56 am

Would be nice if Weebly's blog image and description tags were defined properly so that mail chimp templates could sort the info correctly.

Mike link

4/15/2015 08:11:51 pm

Hi guys

I am using a jQuery UI Date-picker, (Code is attached) to put a datepicker on my contact form. I have inserted the code and it shows great and works well on the live site, the only issue is that the date doesn't show in my email that's is sent once the you submit.

Please help if possible. Do I need to paste a code in the Headers or Footer field in "Pages"?

Regards
Mike

Juri link

4/9/2015 04:18:18 pm

Will really cool if Weebly integrate export of members to csv file and option to sent emails from admin cabinet to every members email! I`m ready to pay for this extra money! I thing many Weebly business users will be happy with this feature.

AmaxDesigns.com link

4/9/2015 08:51:21 pm

Great work in up skilling Weebly websites!

Katie Kampenfelt link

4/10/2015 08:52:24 am

I blog anonymously about my life and stuff. Check it out. http://undiscoveredgyrl.weebly.com

Lisa

4/13/2015 05:02:52 am

Try sendinblue http://www.sendinblue.com The free plan allows you o send email up to 300 emails per day.

Nicolas Zubrzycki link

4/13/2015 01:19:51 pm

Hi! My popup just is not appearing! Here is the code <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us10.list-manage.com","uuid":"8ba7028e9317501f96146d387","lid":"d87d4b4d41"}) })</script> which I have embedded to my home page but nothing appears when I view it published.

Edward link

4/14/2015 10:09:12 pm

Thanks very much for this... Have added to our contact page!

[email protected] link

4/15/2015 12:50:54 am

for some reason my form is cut off---not displaying in full. Is it too big....should I delete a line or two?

stevengg

4/15/2015 12:02:20 pm

cool

Marissa

4/17/2015 02:13:54 am

Thanks for the useful tip.
Hope you share more tutorial videos on widgets that can be embedded in the website.
More templates and photos to choose from, please.
More power!

Shania link

4/18/2015 03:46:50 am

Great!Thanks.I find Mail Chimp the easiest

Greg link

4/18/2015 06:26:24 am

I really enjoy reading it thank you very much for sharing

Rich link

4/19/2015 03:44:32 pm

We use the Mailchimp paid feature where a pop-up appears after someone has been on the site for 5 seconds. It would be great if they had longer durations but we've found an increase in sign-ups for our type of business (may not work for all).

Isabella link

5/7/2015 04:58:46 pm

Great instructions.I will add newsletter subscription form in my website too.

Comments are closed.

Weebly Blog

Bring the world to your website

How'd They Do That? Newsletter Signup Form

Create Your Site

Follow Updates

Subscribe to Our Newsletter