Articles on: Getting Started

DropInBlog integration guide for Instapage

To add DropInBlog to your Instapage site, you’ll need to create a blank page in Instapage first, then add the blog code from your DropInBlog account. After you’ve verified the integration, you can start adding new content to your Instapage blog, which you’ll do from DropInBlog.

Prerequisites

Before you start the integration process, make sure you have the following:

A paid Instapage account (Create plan or higher)
A paid DropInBlog account (Solo or higher)

Integration steps

With DropInBlog, you can add a blog to Instapage by following these steps:

Create a new page in Instapage.
Add the HTML block to your page.
Add your blog code from DropInBlog.
Publish your new page.
Verify the integration.

Step 1: Create a new page in Instapage

To create a new page from your Instapage account, select the Landing Pages tab from the menu on the left, then click on the Create Page button at the top right.

On the following screen, select the option to start with a blank page.

Optionally, you can use Instablocks to add navigation to your new page. That way, your blog visitors will be able to easily view other site pages. To add navigation, select one of the menus from the Top Bar section and customize its design and links.

Step 2: Add the HTML block to your page

Your next step is to add the HTML block to your page by dragging and dropping the HTML icon inside the block container.

Then resize the block to match the container width, as shown in the screenshot below.

Step 3: Add your blog code from DropInBlog

Next, go to the Code & Layout page of your DropInBlog account and copy the code under Blog Script.

Return to Instapage, double-click the HTML element to edit it, and paste the code you just copied.

You’ll need to return to DropInBlog again to copy the second line of code under Blog Container. You’ll do that by clicking on the Copy button to the right of the blog container code.

After that, go back to the Instapage editor, hit Enter to start a new line, and paste the blog container code.

Click anywhere outside of the HTML block, and while you’re still in the page editor, click on the pencil icon to change the default “My new page” title to “Blog” or something similar.

Step 4: Publish your new page

To publish your changes, click on the Publish button in the top-right of the page editor.

This will take you outside the page builder and open a slide-out menu with Publishing options. Demo pages are intended for testing purposes only and will eventually be unpublished. If you plan to add a blog to your Instapage site permanently, choose one of the other three options. We’ll select Custom Domain.

Choose your domain from the dropdown (1), then type “blog” (or whatever you want to call this page) under directory (2). Lastly, click on the Publish button (3) to save the changes.

Before you proceed to the final step of the integration, use the link or the View Page button to visit your new Instapage blog.

Step 5: Verify the integration

The last step of the integration happens inside your DropInBlog account. Open the Code & Layout page, click on the Verify Integration button, and if prompted, paste the link to your Instapage blog page into DropInBlog.

If everything is set up properly, you’ll see a green box with a message that your blog is live.

Now you can start adding new content from the Posts tab in your DropInBlog account.

Troubleshooting

Your Instapage blog should be live at this point. If you don’t see it for some reason, check the common reasons why your blog may not show up properly on your site:

You’ve pasted only the blog script or the blog container code to the HTML block in Instapage. You need both lines of code for the integration to work.
You didn’t publish your blog page after adding your blog code.
You’ve set HTML block visibility to hidden.

Next steps

Once you add a blog to your Instapage site, we recommend that you explore DropInBlog’s features and learn how to:

Updated on: 13/08/2026