How to use Smart Snippets on your blog
In this guide, you’ll learn how to create and manage Smart Snippets™ – our latest feature.
In your DropInBlog admin account, find the More tab in the top menu, then select Smart Snippets™.
On the page that opens, click on the Add Snippet button.
Clicking this button will open the Smart Snippets™ editor.
Once in the editor, you can choose between the Editor View and the Code View.
The Editor View is used for adding headings and CTA buttons, while the Code View works with blocks of code you usually get from third-party apps, such as form builders and email marketing services.
We’ll select the Code View to show you how you can use Smart Snippets™ to add an online form to your blog.
To do that, you’ll need to create a form using an app like Jotform or Tally.
Then, you should find the option within the selected app to share the form.
With JotForm, you’ll get the code to embed the form in an iFrame, which you can then copy and paste inside the Smart Snippets™ editor using the Code View.
After that, you should do the following:
Name your Smart Snippet.
Toggle the switch next to the Active option.
Select where you want the Smart Snippet to appear.
When it comes to Snippet Location, you choose one of the three options: Targeting, Insert with Post Editor, or Both.
If you select Targeting, a couple of options will appear to help you decide on the exact placement of your Smart Snippet.
These options include Targeting Position and Posts to Target.
The Targeting Position lets you choose whether you want the Snippet to show before or after the post title, featured image, post info, or content.
We’ll place our Smart Snippet after the post content.
You should then decide in which posts on your blog will the Smart Snippet appear by selecting one of the available options under the Posts to Target section.
You can show a Smart Snippet in all posts, in posts from a specific category, by a specific author, or in the posts you select manually.
Below these options, you’ll see Advanced Filters that allow you to include or exclude specific authors, posts, and categories from the previously selected option.
For example, you can include your Smart Snippet in all posts on your blog, except the posts in the Tips category.
To make things simple, we’ll choose the All Posts option, without additional filters.
Before you can view your Smart Snippet, you should click the Save button at the bottom of the page.
To view the Snippet you just created, go to the Posts tab, and open one of the posts in which you selected the Smart Snippet to appear.
For this guide, we selected a Jotform form to appear on all our posts below the post content, and this is how that looks on the live site.
Another option you can select when you create a Smart Snippet is to add it from the post editor.
To do that, upon creating a Snippet, select the Insert with Post Editor option from the menu on the right.
Click the Save button, and exit the Snippet editor.
Then, go to the Posts tab, open the post where you want to add a Snippet, and click on the Smart Snippet icon in the editor’s navigation bar.
A popup window will appear where you’ll see a list of available Snippets. If you don’t see your Snippet, use the search bar at the top to find it, then select Insert.
When you add a Snippet into the editor, it will look like in the image below.
After publishing the changes you made, the Snippet will look like a form, CTA button, or anything else you selected it to be.
To edit a Smart Snippet, open the Smart Snippets™ page, and hover over the Snippet you want to edit until you see a pencil icon.
Clicking this icon will open the Smart Snippets™ editor, where you can edit all your Snippets.
To delete a Smart Snippet, on the same page, look for the kebab menu to the right of the Snippet you want to delete.
Click on this menu, then select Delete from the dropdown.
You can create a copy of an existing Snippet using the same menu and edit it as you’d like.
That’s all we’ve prepared for this guide on how to use Smart Snippets™.
If you have any questions about this feature or how to use it, drop us a line.
Happy blogging!
Adding a new Smart Snippet
In your DropInBlog admin account, find the More tab in the top menu, then select Smart Snippets™.
On the page that opens, click on the Add Snippet button.Clicking this button will open the Smart Snippets™ editor.Once in the editor, you can choose between the Editor View and the Code View.
The Editor View is used for adding headings and CTA buttons, while the Code View works with blocks of code you usually get from third-party apps, such as form builders and email marketing services.
Customizing Smart Snippets™
We’ll select the Code View to show you how you can use Smart Snippets™ to add an online form to your blog.
To do that, you’ll need to create a form using an app like Jotform or Tally.
Then, you should find the option within the selected app to share the form.
With JotForm, you’ll get the code to embed the form in an iFrame, which you can then copy and paste inside the Smart Snippets™ editor using the Code View.
After that, you should do the following:Name your Smart Snippet.
Toggle the switch next to the Active option.
Select where you want the Smart Snippet to appear.
When it comes to Snippet Location, you choose one of the three options: Targeting, Insert with Post Editor, or Both.Snippet location: Targeting
If you select Targeting, a couple of options will appear to help you decide on the exact placement of your Smart Snippet.
These options include Targeting Position and Posts to Target.
The Targeting Position lets you choose whether you want the Snippet to show before or after the post title, featured image, post info, or content.We’ll place our Smart Snippet after the post content.You should then decide in which posts on your blog will the Smart Snippet appear by selecting one of the available options under the Posts to Target section.
You can show a Smart Snippet in all posts, in posts from a specific category, by a specific author, or in the posts you select manually.Below these options, you’ll see Advanced Filters that allow you to include or exclude specific authors, posts, and categories from the previously selected option.
For example, you can include your Smart Snippet in all posts on your blog, except the posts in the Tips category.To make things simple, we’ll choose the All Posts option, without additional filters.
Before you can view your Smart Snippet, you should click the Save button at the bottom of the page.
To view the Snippet you just created, go to the Posts tab, and open one of the posts in which you selected the Smart Snippet to appear.
For this guide, we selected a Jotform form to appear on all our posts below the post content, and this is how that looks on the live site.
Snippet location: Insert with Post Editor
Another option you can select when you create a Smart Snippet is to add it from the post editor.
To do that, upon creating a Snippet, select the Insert with Post Editor option from the menu on the right.
Click the Save button, and exit the Snippet editor.Then, go to the Posts tab, open the post where you want to add a Snippet, and click on the Smart Snippet icon in the editor’s navigation bar.
A popup window will appear where you’ll see a list of available Snippets. If you don’t see your Snippet, use the search bar at the top to find it, then select Insert.When you add a Snippet into the editor, it will look like in the image below.After publishing the changes you made, the Snippet will look like a form, CTA button, or anything else you selected it to be.Editing and deleting Smart Snippets™
To edit a Smart Snippet, open the Smart Snippets™ page, and hover over the Snippet you want to edit until you see a pencil icon.
Clicking this icon will open the Smart Snippets™ editor, where you can edit all your Snippets.To delete a Smart Snippet, on the same page, look for the kebab menu to the right of the Snippet you want to delete.
Click on this menu, then select Delete from the dropdown.
You can create a copy of an existing Snippet using the same menu and edit it as you’d like.That’s all we’ve prepared for this guide on how to use Smart Snippets™.
If you have any questions about this feature or how to use it, drop us a line.
Happy blogging!
Updated on: 07/01/2025
Thank you!