Articles on: Getting Started

DropInBlog integration guide for Webador

In this guide, you’ll learn how to add a blog to your Webador site. The integration steps include creating a new page with an embed code element, adding your DropInBlog blog code, and syncing Webador with DropInBlog. Let’s begin!

Prerequisites

Before you begin, check that you meet these requirements:

  • You’re subscribed to Webador’s Pro plan or higher.
  • You have an active DropInBlog account.

Integration Steps

To add DropInBlog to your Webador site, follow these four steps:

  1. Create a new page in Webador.
  2. Add the Embed Code element to your new Webador page.
  3. Paste your DropInBlog code snippets onto your new page.
  4. Connect DropInBlog and Webador.

Step 1: Create a new page on Webador

To start, log in to your Webador account and click on the Edit button next to the site you want to edit.

Open a website from Webador admin

This will open the page editor. Select the Pages tab at the top, then click on the New page button to create a new page.

Creating a new page in Webador

In the pop-up that appears, enter the name of your new page (e.g., blog), and click on Add at the bottom to create a blank page.

Set the new page in Webador to be blank

Step 2: Add the Embed Code element to your new Webador page

You now have a new blog page on your Webador site. Use the left-side menu to drag and drop the Embed Code element onto that page, then click on Edit embed to open the HTML editor.

Add embed block to a new Webador page

The next screen you’ll see is the one shown below. This is where you’ll add your DropInBlog blog code.

Webador's HTML editor

Step 3: Paste your DropInBlog code snippets onto your new page

You’ll find your DropInBlog code on the Code & Layout page of your DropInBlog account, under Step 1 and Step 2.

Blog code in DropInBlog admin

Copy the code under Step 1, then paste it into Webador’s HTML editor. Return to DropInBlog and copy the code under Step 2, then paste that code into Webador right below the code you pasted earlier.


The code you added to Webador should look something like what is shown in the screenshot below.

Blog coded added to Webador's HTML editor

Click on the Save button on the right side of the screen to proceed to the final step of the integration process.

Step 4: Connect DropInBlog and Webador 

While still in the Webador editor, click on the external link icon to view your blog in a new tab.

Viewing a blog page in a new tab in Webador

Then, copy the page URL and go back to your DropInBlog account.

Copying blog page URL

Next, open the Settings page in DropInBlog, and paste the page URL under Blog URL.

Adding a blog page URL to DropInBlog's Settings page

On that same page, click on Save All Changes to complete the integration.

Verify the integration

Your new Webador blog should be live now. To ensure everything works correctly, open one of the demo posts from your Webador blog.


Alternatively, you can create a new blog post and make sure that it’s shown on your Webador site:

  • Open the Posts page, then click on Add Post to start a new post.
  • Add your content, while ensuring it’s optimized for traditional and AI-based searches.
  • Publish your blog post.

When you publish a new post through your DropInBlog account, it will automatically appear on your blog. To test that, open your blog, then click on your new post and verify that all formatting and media are displayed correctly.

Troubleshooting

If, for some reason, the blog content isn’t showing on your Webador site, consider the following steps:

  • Make sure you copied the code from both Step 1 and Step 2 and added it to Webador.
  • Check if the URL of your new Webador page matches the one in your DropInBlog account.

Next steps

After integrating DropInBlog with Webador, we suggest exploring these guides to get the most out of your blog:

Updated on: 12/02/2026