DropInBlog integration guide for Lovable
This guide will show you how to embed DropInBlog on a Lovable website. You’ll copy and paste a blog prompt, your blog ID, and your API key.
Prerequisites
Before you start, you’ll need:
- An active DropInBlog account (you can test the integration with the free trial)
- A Lovable account – free or paid
Integration steps
To add a blog to your Lovable site, you should do the following:
Step 1: Copy the DropInBlog blog prompt
The first step is to log in to your Lovable account and select the project you want to create a blog for.
Next, open the Code & Layout page of your DropInBlog account and copy the blog prompt.
Then paste the copied prompt into the prompt box in the Lovable editor.
Step 2: Add your blog ID and API key
After Lovable processes the prompt you pasted, it will ask you for your blog ID and API key, which you can find on the Code & Layout page of your DropInBlog account.
First, copy the blog ID and paste it into the corresponding field in Lovable.
Next, click on the Generate API key button under your Blog ID, and an API key will be created for you. Copy it by clicking on Copy on the right.
Return to Lovable, and paste the API key inside the API key field on the left.
Click on the Submit button to prompt Lovable to add a blog to your Lovable site.
Once this step is complete, you need to publish your Lovable site to save the changes.
Step 3: Verify the integration
Before you start adding new content to your Lovable blog, you should check whether the blog integration was successful.
To do that, copy the link to your blog page, then go to the Code & Layout page in your DropInBlog account. Click on the Verify Integration button.
Next, you’ll see a text box under Blog Page URL where you should paste the link of your Lovable blog page and click on the Check Integration button to see if you set everything up correctly.
The green box with the “your blog is live” text should appear next. If you don’t see it, contact DropInBlog support.
Troubleshooting (optional)
If you no longer have access to your original API key and want to perform the blog integration again, here’s how you’ll generate a new one for your Lovable blog:
- Open the Code & Layout page in your DropInBlog account. Under Step 2, click on the "Manage your keys*" *link.
- On the following page, you’ll see all your API keys. Click on Add API Key to generate a new one.
- This will open another page where you should name your API key (1), set Access Type to Public (2), and under **Has access to **select Specific blog(s) (3), then choose the blog account you used on your Lovable site.
Next steps
Now that your Lovable blog is live, here are a few popular next steps to get the most out of DropInBlog:
- Write your first post
- Optimize your content for search engines
- Prepare your content for AI-based searches
- Customize your blog’s design
Updated on: 19/06/2026