Webflow

Overview

Connect outwrite.ai to Your Webflow Blog

What this does: Every time you publish an article in outwrite.ai, it automatically appears on your Webflow blog. No manual copying or pasting required.

Time needed: About 5 minutes

What you need:

• An outwrite.ai account
• A Webflow site with a blog
• A free Make.com account

---

How It Works

Think of this like a conveyor belt:

1. You finish an article in outwrite.ai and press publish
2. The article travels through Make.com (your automation hub)
3. It arrives in Webflow as a new blog post

Set it up once, and it works automatically from then on.

---

Step-by-Step Setup

Step 1: Open the Make.com Template

Open up our make template here - https://us2.make.com/public/shared-scenario/G6YcmEpmcis/outwrite-ai-webflow-integration

What you'll see: Two modules connected by an arrow

• Module 1: "Webhook" (receives your articles)
• Module 2: "Webflow" (publishes them to your site)

Quick insight: The webhook acts like a mailbox that catches incoming content, while the Webflow module delivers it to the right place.

---

Step 2: Create Your Webhook

1. Click on the Webhook module
2. Select "Custom Webhook"
3. Click "Add" to create a new webhook
4. Give it a descriptive name like "Blog Posts Webhook"
5. Copy the webhook URL that appears

What this URL looks like:

https://hook.us2.make.com/abc123xyz789

Why this matters: This unique URL is where outwrite.ai will send your content. Keep it handy for the next step.

---

Step 3: Connect outwrite.ai to Your Webhook

Go to outwrite.ai:

1. Navigate to the Webflow integration page in your settings
2. Paste the webhook URL you just copied
3. Click Save

What just happened: You've told outwrite.ai where to send your published articles.

---

Step 4: Send a Test Article

While still in outwrite.ai, click the "Send Test" button.

Purpose: This sends a sample article to Make.com so you can map the fields correctly in the next step.

Return to Make.com and check your webhook module. You should see a small badge showing "1" bundle received. This confirms the connection is working.

Troubleshooting tip: If you don't see the test data, verify the webhook URL was pasted correctly in outwrite.ai.

---

Step 5: Map Your Content Fields

Click on the Webflow module in Make.com:

1. Select your "Blog Posts" collection from the dropdown
2. Map the incoming fields to your Webflow fields

Recommended field mapping:

Webflow Field	outwrite.ai Field	What This Contains
Name	title	Your article headline
Slug	slug	URL-friendly version of the title
Post Body	content	The complete article (HTML formatted)
Summary / Excerpt	meta_description	Short description for SEO
Main Image	featured_image_url	Featured image URL
Image Alt Text	featured_image_alt	Image description for accessibility
Author	author	Content creator name
Published Date	published_at	Publication timestamp

Important notes:

• Only map fields that exist in your Webflow collection
• You can use the same image URL for both main image and thumbnail
• The content field comes pre-formatted as clean HTML ready for Webflow

How to map: Click each Webflow field, then select the corresponding item from the dropdown menu showing data from your test article.

---

Step 6: Activate Your Automation

At the top of Make.com, toggle the scenario switch to ON.

You're done! From this point forward, any article you publish in outwrite.ai will automatically create a new post in your Webflow CMS.

---

Understanding the Data Structure

When outwrite.ai publishes content, it sends the following information:

Core content fields:

• title — Article headline
• slug — URL-safe version of the title
• content — Full article HTML
• excerpt — First 160 characters of content
• meta_description — SEO-optimized description

Media fields:

• featured_image_url — Primary article image
• featured_image_alt — Image accessibility text

Author fields:

• author — Writer's name
• author_url — Author website
• author_bio — Brief biography

Publication fields:

• published_at — ISO 8601 timestamp
• isDraft — Boolean indicating draft status
• word_count — Total word count

Metadata fields:

• publisher_name — Publishing organization
• publisher_url — Publisher website
• publisher_logo_url — Logo image
• content_id — Unique identifier
• source — Always "outwrite.ai"

You only need to use the fields relevant to your Webflow setup. All others can be safely ignored.

---

Common Questions

Do I need to repeat this setup for each article? No. Once configured, the automation runs for all future publications automatically.

Can I modify the field mapping later? Yes. Return to Make.com anytime, click the Webflow module, and adjust your mappings.

What if my article doesn't appear in Webflow? Check these common issues:

• Make.com scenario is toggled ON
• Webhook URL in outwrite.ai is correct
• All required Webflow fields are mapped
• Your Webflow site is published

Can I pause the automation? Yes. Simply toggle the Make.com scenario to OFF. Toggle it back ON to resume.

What happens if a field is too long for Webflow? Webflow has character limits on some fields. If your slug or title exceeds these limits, the post creation may fail. Consider editing the content or adjusting your Webflow field settings.

---

Quick Troubleshooting Checklist

Before reaching out for support, verify:

• Make.com scenario is switched ON
• Webhook URL is correctly pasted in outwrite.ai
• Test payload was received successfully (shows "1" in webhook module)
• All required fields are mapped to your Webflow collection
• Your Webflow collection accepts the data types being sent
• No special characters causing issues in slugs or titles

Pro tip: The most common fix is simply toggling the Make.com scenario OFF and then ON again to reset the connection.

---

Additional Configuration Options

Custom field mapping: Your Webflow collection may have custom fields. You can map any field from the outwrite.ai payload to any field in Webflow by selecting it from the dropdown.

Multiple collections: If you publish to different blog collections, you can duplicate the Make.com scenario and adjust the Webflow module settings for each one.

Filtering content: You can add filters in Make.com to only publish articles that meet certain criteria (for example, only articles from specific authors or with certain word counts).

---

You're All Set

Your blog publishing is now automated. Focus on creating great content while the integration handles distribution to your Webflow site.

Need help? Contact outwrite.ai support or check the Make.com help center for additional guidance.