Build pages visually with the power of code in Webflow, then serve them right on your WordPress site.
Need to run your site on WordPress, but prefer to build your sites in Webflow? Fear not: now you can use Webflow’s WordPress plugin to build your site visually in Webflow, then serve one or more of those pages directly on your WordPress site.
How this makes your life easier:
In this lesson:
To start working with the Webflow Pages plugin, download and install it from the WordPress Plugin Directory.
Click on the Plugin menu on your WordPress admin panel and search for “Webflow Pages” on the top right search bar.
Find the Webflow plugin card and click Install now.
Then click Activate.
Once the activation is complete, you will find the Webflow Pages Plugin on the left sidebar. Click on the “Welcome” link. In this page you’ll find a quick overview and some utility links.
To start working with the plugin go to the Settings menu.
The plugin requires your Webflow API Key website. To find them go to your Webflow Dashboard and click Project Setting > Integrations.
Then click Generate new API token. Click Copy.
Don’t forget to Publish.
Jump back to the WordPress admin panel and paste the API token you’ve copied before. Click Add Webflow API key.
You’ll be redirected to the Plugin Pages section. From here you only have to select the made-in-Webflow page in place of a WordPress page (choosing the WordPress Path of your website). You can add all the pages you want, without any limit. If you have Webflow Collection pages, they will appear on the right section of this page. You can add them to your WordPress site too.
From the Settings menu you can manage some advanced settings to control how your site loads your Webflow Pages. From the most part you shouldn’t need to mess with them. You can:
On the right you’ll see a cover of your Webflow project.
A paid Site plan (hosting plan) for the Webflow project is required to remove the Webflow badge. You can hide the badge on Pro plans when publishing to the Webflow staging subdomain, but NOT when trying to use the Webflow staging subdomain for websites outside Webflow (like a WordPress website or when using reverse proxy server configuration).
Something went wrong while submitting the form. Please contact email@example.com