Skip to main content

Website Subscribe Form & Subscribe Link

Let your readers subscribe to get your new posts by email

Subscribe Form

The Subscribe Form is similar to Blogger’s FollowByEmail widget, or to Mailchimp’s Signup Form:

This form here ☝️ will subscribe you to our own blog. 😇

Here is a sample Subscribe Form snippet with a minimal set of configuration settings:

<script res-subscription-form async
    data-feed-id="FEED_ID"
    src="https://feedsubscription.com/web-ui-scripts/web-ui/subscription-form.js"
></script>

When you register a blog feed with FeedSubscription, it gets its own email addres, and FEED_ID is the part that comes before @. For example: savvy‑scribe@feedsubscription.com

Want a Subscribe Form on your website?

This is similar to Mailchimp’s Signup Form Link, which you can share on social media to collect more subscribers.

Each registered blog feed gets its individual Subscribe Link:

https://feedsubscription.com/to/FEED_ID

When you register a blog feed with FeedSubscription, it gets its own email addres, and FEED_ID is the part that comes before @. For example: savvy‑scribe@feedsubscription.com

Subscribe Form Configuration settings

Below are listed all configuration settings for the Subscribe Form snippet.

  • data-feed-id

    When you register a blog feed with FeedSubscription, it gets its own email addres, and FEED_ID is the part that comes before @. For example: savvy‑scribe@feedsubscription.com

  • data-field-label-text

    The field label text, for example: Get new posts in your inbox.

  • data-field-label-class-name

    Field label CSS class names, separated by spaces, as you would have them in HTML class attribute. This is useful for styling.

  • data-field-placeholder

    The field placeholder, for example: Your email here.

  • data-field-textbox-class-name

    Field CSS class names, separated by spaces, as you would have them in HTML class attribute. This is useful for styling.

  • data-button-class-name

    Button CSS class names, separated by spaces, as you would have them in HTML class attribute. This is useful for styling.

  • data-button-label

    The button label text, for example: Subscribe.

Frequent Questions

How to add the Subscribe Form to a Blogspot blog?

Here are the steps to add the subscribe form to Blogger:

  1. For the FeedSubscription.com to be able to collect your subscribers, you first need to create an account and register your blog feed.

  2. Once you’ve registered the blog feed into the FeedSubscription.com system, you get a code snippet for the subscribe form:

  3. Add the subscribe form snippet into your Blogger blog by using an HTML/JavaScript gadget from the Layout page in your Blogger admin interface.

    1. Add a Gadget:

    2. Select HTML/JavaScript from the Gadget list:

    3. Copy-and-paste your subscribe form snippet into the gadget and click Save:

    4. Click to save your layout, and this should do it.

How to add the Subscribe Form to my WordPress blog?

Because the snippet is just a tiny piece of HTML code, you can add it with a Custom HTML block as described in WordPress documentation here.

A special note if you’re using Elementor for WordPress: If you have difficulties in making the Subscribe Form display properly, try using Elementor’s own HTML widget instead of WordPress’.

Can I add the Subscribe Form to my Medium blog?

No, sorry. As we mention in the comparison blog post, Medium doesn’t allow HTML embeds at the moment.

How to add the Subscribe Form to my custom blog?

Because the snippet is just a tiny piece of HTML code, you include the subscribe form snippet as custom HTML code.

This should work with any website be it dynamic like Wix or Weebly, or static, like those based on Jekyll, Hugo, or Ghost.

Actually, the Subscribe Form can be placed on any website, not only on your blog.