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?

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 and Webflow integration do?

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

After you connect your Webflow site, you will see a Send To button in RightBlogger. Pick Webflow, and RightBlogger creates a new CMS item in the Collection you chose.

This saves time because you do not have to copy and paste text, headings, and images. It also helps keep formatting cleaner when you publish.

If you want a quick overview of all publishing options, see the integrations overview.

How do I connect RightBlogger to Webflow using an API token?

You connect them by generating a Webflow API token, then pasting it into your RightBlogger Project settings.

In Webflow, go to Site Settings, then Apps & Integrations, then API Access, and generate a token. Name it something like “RightBlogger Integration” so you remember what it is for.

Set permissions to CMS: Read & Write and Sites: Read Only. Copy the token right away, because Webflow only shows it once.

Back in RightBlogger, open your Project, go to Integrations, choose Webflow, paste the token, and click Save. For extra setup help, use the Webflow help.

Which Webflow Collection and fields should I choose for blog posts?

Choose the Webflow Collection that stores your blog posts, then map the content to the correct Rich Text field.

In RightBlogger, pick your site, then select the Collection like “Blog Posts.” Next, select the Content Field where the full article should go, often a field named something like “Blog Post Rich Text.”

If you choose the wrong field, your post may show up blank or in the wrong spot. When in doubt, check your Webflow Collection fields first, or ask a Webflow expert.

If you manage more than one platform, the CMS integrations guide can help you understand how field mapping works across different CMS tools.

Can I review posts before they go live in Webflow?

Yes. Leave Publish Instantly turned off so your post arrives as a draft you can review.

This is usually the best workflow because you can double-check spacing, images, and any custom Webflow styles. You can also add final touches like categories, author info, or SEO fields in Webflow.

If you do want full automation later, you can turn on Publish Instantly once you trust your setup. Many people start manual first, then automate after they confirm everything looks right.

If you want to automate more steps beyond publishing, you can also set automations in RightBlogger.

How do I send an article from RightBlogger to Webflow after setup?

Create or edit your article in RightBlogger, then use the Send To button and choose Webflow.

You can write your post with the RightBlogger AI Article Writer or polish it inside the content editor. When the draft is ready, scroll to Send To and select the Webflow option.

Then open Webflow, go to CMS, open the Collection you mapped, and find your new item. Check the title, headings, and images, then publish when you are ready.

This workflow is fast because you write once, then push to Webflow without manual formatting work.