Note: The existing version of this extension is no longer being supported. It is accessible only to users who had downloaded it previously. Moreover, our support team cannot offer direct assistance for troubleshooting the extension, as it is outside the scope of our support policy.
Looking to operate your website on WordPress but prefer designing in Webflow? You have the option to utilize Webflow’s WordPress extension to visually create your site layout in Webflow and then display one or more of those pages directly on your WordPress website.
How this simplifies your work:
- Full control over design, without coding. Avoid diving into a customized WordPress development project to alter a theme — simply craft your pages (or your entire site) visually in Webflow, without compromising your distinct design. Discover more about designing in Webflow versus WordPress.
- Rapid creation of new pages. Need to swiftly create a promotional landing page or append something to an existing WordPress site? Design it in Webflow, integrate it into your WordPress site, and be assured that you don’t have to piece together a tailored page in WordPress.
- Efficient page updates. After deploying your Webflow pages on your WordPress site, applying updates or adding new segments can be done in Webflow, followed by a seamless live publishing with just one click.
In this tutorial, you’ll understand:
- How to fetch and enable the extension
- How to produce and adjust your API key
- How to arrange your pages configuration
- Frequently asked questions and tips for troubleshooting
How to fetch and enable the extension
To commence working with theWebflow Pages extension, download and install it from the WordPress Plugin Directory.
Access the Plugin menu in your WordPress admin panel and locate “Webflow Pages” using the search feature on the top right corner.
Locate the Webflow Pages extension card and click Install now.
Then proceed to click on Activate.
Upon completion of activation, you will spot the Webflow Pages Extension on the left sidebar. Click on the “Welcome” link. Here, you’ll discover a brief overview and some useful hyperlinks.
Note: The Webflow Pages extension for WordPress is not compatible with Webflow Ecommerce.
Generating and Configuring Your API key
To commence working with the extension, head to the Settings section.
The extension necessitates your Webflow API key (sometimes referred to as an “API token” or “access token”). To retrieve your Webflow API token, go to Site settings > Apps & integrations tab > API access and click on Generate legacy API token. Hit Copy to copy the token to your clipboard.
Note: You must utilize a legacy API token to use the Webflow Pages extension for WordPress.
Note: It’s crucial to store your API token securely. The API token is treated as sensitive personal information and should be handled like a password. After initial creation, it won’t be viewable in your Dashboard again. If you suspect your API token has been compromised, go to Site settings > Apps & integrations tab > API access, click on Generate legacy API token to create a new token, and replace the compromised token in any third-party connections.
Next, publish your site and return to the WordPress admin panel. Paste your API token and click on Add Webflow API key.
Configuring Your Pages Setup
You will be directed to the extension’s Pages area. Here, you must choose the Webflow-created page instead of a WordPress page (selecting the WordPress Path for your website). You are free to integrate as many pages as desired, with no restrictions.
If you have Webflow Collection pages, they will be visible in the adjacent section on this page. You can also add them to your WordPress site.