How to add a newsletter form to your blog posts using Smart Snippets

Using DropInBlog’s snippet editor, you can easily insert a newsletter signup form into your blog posts. Here’s how:

Create a new Smart Snippet

The first step is to open the Smart Snippets™ editor, go to the top navigation bar, then hover over the More tab and select Smart Snippets™ from the dropdown.

On the following page, click on Add Snippet to open the Smart Snippets™ editor.

Once in the editor, select Code View above the editor.

If you already have the embed code for your newsletter form, skip to the section Add your form code.

Before proceeding to the next step, you need to create a newsletter signup form using the form builder of your choice, like Mailchimp, Tally, 123FormBuilder, or any other tool that provides embeddable HTML. The steps for creating a form may be slightly different from one platform to another.

For this tutorial, we’ll use Mailchimp to create a signup form for the newsletter. If you’re using the same platform, follow the steps below to create your form.

Choose Embedded Form.
Customize your form layout and content. You can add fields like email, name, or any other details you want to collect.
Once you're happy with the form, Mailchimp will generate an embed code. You’ll see the code right after you click on Continue in the top-right corner of the form editor.

In Tally forms, you’ll find the embed code in the Share settings of your form.

In 123formbuilder, the form's embed code can be found within the form builder under the Publish dropdown.

Using another platform?

No problem. Just look for the "Embed" or "Share" option in your form builder of choice. You’ll typically find this after publishing or previewing the form.

If you need help finding the embed code for your newsletter signup form, send us a message.

Add your form code to snippet editor

After obtaining the embed code for your form, you can paste it into the snippet editor.

Then, proceed to the snippet settings on the right side of the screen.

Name your snippet by adding a title under Snippet Name, and toggle the switch next to Active on.

Before saving your snippet, you should choose the snippet location, which controls where on your blog the snippet appears.

Here’s how snippet location works.

Use Targeting

The Targeting option allows you to insert snippets into your post automatically. You simply need to select the exact spot for the snippet content, which can appear before or after the post title, featured image, post info, or content.

Below is an example of a Smart Snippet™ set to display after the post title.

In the Advanced Filters option under Posts to Target, you can set specific posts to show or not to show your newsletter form.

You can narrow down your selection to specific blog categories instead of displaying the form content across all of your blog posts.

Insert with Post Editor

The second option for adding a newsletter form to your blog via Smart Snippets™ is to create a snippet, then insert it manually using the post editor.

To use this option, you should select the Insert with Post Editor option from the Snippet Location dropdown and save your Snippet.

The next step is to go to the Posts page and find the post where you want the snippet to appear.

Click on the post title to open the editor, and place your cursor where you want to add your snippet.

Next, select Insert Smart Snippet™ from the top bar.

Find your newsletter form in the pop-up window and click on Insert to add it to your post, then save your changes.

When you preview your post, the newsletter signup form will appear on the selected locations across your blog.

That’s it! With just a few steps, you can start collecting emails right from your blog posts – no coding needed.

Happy blogging!