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 do I need before connecting RightBlogger to Webflow?

You need a RightBlogger Project and a Webflow API token to connect the two.

In RightBlogger, go to Projects, create a project (or open an existing one), and add your website URL. Turning on “Learn from website” can help RightBlogger match your tone and style.

In Webflow, you also need a CMS Collection ready for your posts, like “Blog Posts.” The integration sends your article into that Collection so you do not have to copy and paste.

If you want a quick overview of what the connection does, see the Webflow integration page.

What Webflow API token permissions should I choose for RightBlogger?

Set your Webflow API token permissions to CMS: Read & Write, and Sites: Read Only.

CMS: Read & Write lets RightBlogger create new CMS items and fill in your post content. Sites: Read Only lets Webflow share your site list so you can pick the right site during setup.

Copy the token when you generate it, because Webflow only shows it once. If you lose it, you will need to generate a new token and update it in RightBlogger.

If you get stuck during setup, the Webflow help page is the best next step.

How do I choose the right Webflow Collection and Content Field?

Pick the Collection where your blog posts live, then map the article body to your Rich Text content field.

In Webflow, a Collection is like a content type, such as “Blog Posts.” In RightBlogger, select that same Collection so your content lands in the right place.

For the Content Field, choose the field that holds the main post body, often named something like “Body,” “Content,” or “Blog Post Rich Text.” This is what makes headings and paragraphs show up correctly.

If you are unsure which field is correct, create a test post and check where the text appears in Webflow CMS. You can also review the CMS integrations guide for field mapping tips.

Will RightBlogger publish my Webflow post right away, or can I review it first?

You can choose whether posts publish instantly or stay unpublished until you review them.

In the integration settings, “Publish Instantly” controls this. Leaving it off is usually best so you can double-check formatting, images, and links before the post goes live.

After you send the article, open Webflow, go to the CMS tab, and find the Collection you selected. Then open the new item to review the title and content.

Once it looks good, you can publish it in Webflow when you are ready.

What RightBlogger tools can I use to send content to Webflow, and how can I improve it before sending?

You can send content to Webflow from RightBlogger after writing or editing an article.

A common workflow is to write a draft with the RightBlogger AI Article Writer, then polish it in the content editor. When it is ready, use the “Send To” button and choose Webflow.

Before sending, scan for clear headings, short paragraphs, and strong internal links. This helps your post look better and read better inside Webflow.

If you want extra SEO help, you can run an SEO check inside RightBlogger before you publish, then send the improved version to Webflow.