How to Connect Your Webflow Website with RightBlogger

Last Updated March 29, 2025

Are you a Webflow user looking to create content faster? You’re in luck! RightBlogger now integrates directly with Webflow, letting you send your AI-generated articles straight to your site with just a click.

No more copying and pasting! Imagine creating awesome blog posts in RightBlogger and then instantly sending them over to Webflow.

Sounds good, right?

Watch "AI Blog Writer for Webflow - RightBlogger Tutorial" on YouTube

This post shows you how to set up the new Webflow integration in RightBlogger.

RightBlogger + Webflow

What does this integration actually do? It’s simple. You can now send articles you create in RightBlogger directly to your Webflow site.

You’ll see a “Send To” button in RightBlogger. Just click it, and your article will be sent to Webflow.

This works whether you use the AI to create something brand new, or edit content in the RightBlogger Editor.

Setting Up the Webflow Integration: Step-by-Step

Let’s walk through the setup process. It uses “Projects” in RightBlogger.

Projects help you manage your integrations.

Step 1: Go to Projects

First, go to the “Projects” section in RightBlogger.

If you don’t have a project yet, click “Add Project”. Give it a name and add your website URL. You might also want to turn on “Learn from website”. This will help the AI write content that matches your site’s style.

Step 2: Find the Integrations Tab

Now, look for the “Integrations” tab at the top of the page. Click it.

Step 3: Select Webflow

You’ll see options for WordPress, Ghost, and Webflow. Click on “Webflow”.

Step 4: Get Your Webflow API Token

To connect RightBlogger to Webflow, you need an API token. Here’s how to get it:

Go to your Webflow site. If you’re on a specific page, click the dropdown in the top left corner and select “Site Settings”.
Click “Apps & Integrations” on the left side.
Scroll down to “API Access” and click “Generate API Token”.
Give your token a name, like “RightBlogger Integration”.
IMPORTANT: Set the permissions:
- For CMS, choose “Read & Write”. This lets RightBlogger add content to your site.
- For Sites, choose “Read Only”. This lets Webflow see your sites.
Click “Generate Token”.
Copy the token! This is the only time you’ll see it. If you lose it, you’ll need to create a new one.
Click “Hide Token Forever” after you’ve copied it.

Step 5: Configure the Integration in RightBlogger

Now, go back to RightBlogger and your project page.

Paste the API token into the “API Token” field.
Select your Webflow site from the dropdown menu.
Choose a Collection. Collections in Webflow are like post types. Select the one you want to use for your blog posts (e.g., “Blog Posts”).
Select the Content Field. This is where the actual article content will go. Look for a field like “Blog Post Rich Text”. If you’re not sure which one to pick, ask a Webflow expert.
Choose “Publish Instantly”. If you turn this on, your articles will be published automatically. It’s usually best to leave it off so you can review them first.
Click “Save Changes”.

Sending Content to Webflow

Now that you’ve set up the integration, let’s use it!

You can use the Article Writer or the Video to Blog tool. Create some content, then scroll down to the “Send To” button. You’ll see the Webflow logo. Click it, and your article will be sent to your Webflow site!

Having trouble? just contact us.

Viewing Your Content in Webflow

Let’s see how the content looks in Webflow.

Go to your Webflow dashboard.
Click on the “CMS” tab.
Find the Collection you selected earlier (e.g., “Blog Posts”).
Open the article you just sent from RightBlogger.

You’ll see the title, the content, and any images. The headings should be formatted correctly.

Take a look and make sure everything looks good. Then, you can save and publish your post!

Conclusion

The RightBlogger Webflow integration is a real time-saver. It lets you create content faster and easier. Give it a try and let us know what you think!

What does the RightBlogger Webflow integration do?

It lets you send an article from RightBlogger straight into your Webflow CMS with one click.

After you connect your site, you will see a "Send To" button in RightBlogger. Click Webflow, and your post is added to the Collection you picked.

This saves time and reduces mistakes from copying and pasting. It is also helpful when you are publishing often and want a smoother workflow.

If you want an overview of the feature, see the RightBlogger Webflow integration page.

How do I get a Webflow API token for RightBlogger (and what permissions should I choose)?

You generate the token inside Webflow, then paste it into your RightBlogger Project integration settings.

In Webflow, go to Site Settings, then Apps & Integrations, then API Access, and choose Generate API Token. Copy it right away because Webflow only shows it once.

For permissions, set CMS to Read & Write so RightBlogger can add posts. Set Sites to Read Only so Webflow can list your sites for the dropdown.

If you want more details on CMS connections, review RightBlogger CMS Integrations (Help).

Which Webflow Collection and Content Field should I select in RightBlogger?

Pick the Webflow Collection where you want new posts to go, then pick the Rich Text field where the article body should be placed.

Most sites use a Collection like "Blog Posts" and a field like "Post Body" or "Blog Post Rich Text". The right field is usually the one your Webflow template uses to display the main content.

If you pick the wrong field, the post may import but the content could show up in the wrong spot or not display on your template.

Once it is set correctly, sending content from RightBlogger becomes a simple one click step.

Will my article publish automatically in Webflow, or stay as a draft?

It depends on your "Publish Instantly" setting in RightBlogger.

If you turn on Publish Instantly, RightBlogger will publish the CMS item right away after sending it. If you leave it off, you can review and publish in Webflow when you are ready.

Many people keep it off at first so they can double check formatting, links, and images. This is also a good time to confirm headings look correct inside Webflow.

After you trust the workflow, you can switch to instant publishing to save even more time.

What RightBlogger tools can I use to create content before sending it to Webflow?

You can write your post in RightBlogger, then send it to Webflow using the same "Send To" button.

A common workflow is to draft your article with the RightBlogger AI Article Writer, edit it in the RightBlogger Editor, and then push it into your Webflow Collection.

This is helpful when you want to publish more often without spending hours writing and formatting. It also keeps your writing and publishing steps in one clean process.

After the post arrives in Webflow, do a quick review, then save and publish.

I clicked “Send To Webflow” but I do not see my post. What should I check?

First, make sure you are looking in the same Webflow Collection you selected in the integration settings.

Next, confirm your API token is correct and has CMS Read & Write permission. If you lost the token, you will need to generate a new one in Webflow and paste it into RightBlogger.

Also double check the Content Field you mapped in RightBlogger. If the field is wrong, the post may exist but the body content could be empty or placed somewhere unexpected.

If you are still stuck, follow the steps in the Webflow Integration help guide.