How to set up Mailchimp signup form on Hashnode blog?

How to set up Mailchimp signup form on Hashnode blog?

ยท

3 min read

Intro

Hashnode is young, but evolving, blogging platform, oriented towards DEV community. I saw a lot of people migrating their blog posts to Hashnode recently. I did it too, from self-hosted WordPress. Even if my blog is not 100% DEV oriented.

Of course, people refrain from migrating to Hashnode for several reasons, and I'm not here to convince you to anything. However, I would like to name a few reasons, because they would serve as a nice introduction for the article.

  • My blog is not 100% DEV oriented
  • There aren't enough supported integrations (Mailchimp, Ko-Fi, Gumroad)

Many people are "scared away" by the impression that Hashnode is blogging platform only for developers. And, I have to say, if you post a dev-related article, it will be published to fast-growing, Hashnode readers community. However, there's a way to mark your blog post as a non-dev article. That way it won't go to the platform directly, and you won't "disturb" dev readers out there. I hope I cleared some fog there for you

The second thing that keeps people away from Hashnode is the number of supported integrations. But, that's not a problem, since I'll show you on a specific example how you can integrate whatever you want.

Mailchimp and Hashnode

If you take a look in Hashnode integrations settings, you won't see Mailchimp in those settings. You may see Google Analytics, Fathom Analytics, FB Pixel and so on, but no Mailchimp. And, this is probably holding you back.

That's totally ok. You have already something that works on your site (newsletter signup form), on the other hand you see that Hashnode doesn't integrate with Mailchimp. Well, you can set it up. Bear with me, I'll explain how. Just did it for my blog. Hashnode Widgets to the rescue.

Screenshot 2020-09-27 at 19.00.43.png

Go to the Dashboard and find Widgets tab. Add a new one. Screenshot 2020-09-27 at 19.02.30.png

It's pretty much simple.

  • Provide Mailchimp Embedded Form code
  • Give a name to your widget, let's say mailchimp
  • reference the widget in your hashnode articles or pages asa %%[mailchimp]

To get the Mailchimp Form code, go to your Mailchimp Form settings, it should look something like this:

Screenshot 2020-09-27 at 19.06.12.png

I'm already using it

This article came up as a result after setting this for my blog. I've tested it, subscribing works just fine. But double check it for yourself, as with everything you find and read on the internet.

One thing, this widget short codes can be used everywhere in your Hashnode blog. In my case, it wasn't even on the article, but rather on the standalone page.

Check it out at ๐Ÿ‘‰ brunosays.com/podcast ๐Ÿ‘ˆ

I wouldn't mind if you check out that whole page. It's about my podcast that I recently started, Bruno Talks With. My audience are indie hackers, creators, makers. Some of you fit already, but it's totally ok if you're here with different background and just want to see the integration part.


Thanks for reading, hopefully this article will make you start using Mailchimp on the Hashnode blog, or maybe convince you to migrate here completely.

I'm a Hashnode Ambassador, and I'm inviting you to start your Hashnode powered blog today.