Webflow sync, pageviews & more.
NEW

What is the process for connecting a Webflow project to an existing self-hosted WordPress site and publishing a page using the Webflow Pages plugin?

TL;DR
  • Install the Webflow Pages plugin on your WordPress site and activate it.
  • Generate and copy your Webflow API token, then connect your Webflow account via the plugin.
  • Select a Webflow project and static page, assign it a WordPress URL slug, and click publish to display it on your site.
  • Re-publish and re-sync to update pages when changes are made in Webflow.

To use Webflow to design pages and publish them to an existing self-hosted WordPress site, follow these steps using the Webflow Pages plugin.

1. Install the Webflow Pages Plugin on WordPress

  • Log in to your self-hosted WordPress admin panel.
  • Go to Plugins > Add New, then search for Webflow Pages.
  • Click Install, then Activate the plugin.
  • A new Webflow menu item will appear in the WordPress dashboard sidebar.

2. Get Your Webflow API Key

  • In Webflow, go to Account Settings > Integrations.
  • Scroll down to API Access, then click Generate New API Token (or use an existing one if applicable).
  • Copy the Personal Access Token.

3. Connect WordPress to Your Webflow Project

  • In the WordPress dashboard, go to the Webflow menu.
  • Paste the API Token you got from Webflow.
  • Click Connect Account.
  • After connection, select your Webflow site from the dropdown list.

4. Select and Publish a Webflow Page

  • After selecting your Webflow site, the plugin will display a list of your static pages from that project.
  • Choose the Webflow page you want to publish in WordPress.
  • Assign a WordPress permalink URL slug (e.g., /about, /promo-page).
  • Click Publish Page.

The selected Webflow page is fetched from your Webflow project and served at the assigned URL within your WordPress site.

5. Manage or Update the Page

  • If you make changes to the page in Webflow, re-publish the Webflow project normally.
  • Then in the WordPress plugin settings, refresh or re-sync to pull in the updated content.
  • You can update or remove the integration for any published page from the plugin dashboard.

Summary

To publish Webflow pages to a self-hosted WordPress site, install the Webflow Pages plugin, connect your Webflow account via an API token, choose the target Webflow project and page, and set a WordPress URL path. The plugin fetches and displays the Webflow page as part of your WordPress site.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I create a row with 5 columns using Webflow?
How can I prevent visitors from seeing the default Webflow 404 page when they enter my website without the "www." prefix?
How can I assign an in-page link to individual team members in a collection list on a Webflow page without using individual collection pages?
Can Webflow integrate with third party tools or allow for custom code to create live charts/graphs that update based on user voting?
How can I use the same grid layout for both blog posts and listings in Webflow without encountering the lock icon issue?
What is the process for optimizing images in Webflow?
Why does the parent div of my image gallery appear too wide on Safari compared to Chrome in Webflow?
Is there a Webflow desktop application available for website creation instead of using the website itself?
Are there any workarounds or tips to create long modal windows in Webflow that can be scrolled and have a fixed background with a semitransparent overlay?
Is it possible to override background color in a Webflow symbol?
How can I type Vietnamese language into Webflow CMS blog posts with the correct fonts?
Why does the Webflow hosting platform experience downtime and performance issues, and why does their official status page not accurately reflect these issues? Is it normal for a major hosting provider like Webflow to have these problems?
Has anyone encountered a situation where they received the Webflow student discount but were unable to apply it because of an error message stating "Promotion code only available to students"? If so, how did you resolve this issue?
How does Webflow handle site visitors and form submissions in regards to GDPR compliance?
How can I create a scrolling effect for a section with multiple company logos of varying widths in Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?