To connect a Webflow project to an existing self-hosted WordPress site and publish a page using the Webflow Pages plugin, you will need to follow these steps:
1. Installing the Webflow Pages plugin: In your WordPress admin area, go to Plugins > Add New. Search for the "Webflow Pages" plugin and click on "Install Now." Once installed, click on "Activate" to activate the plugin.
2. Obtaining the Webflow API key: To connect your Webflow project with WordPress, you'll need an API key from Webflow. Login to your Webflow account, go to your project settings, and navigate to the "API Access" tab. Click on the "Generate API Key" button to create an API key that will be used for integrating Webflow with WordPress.
3. Connecting Webflow project with WordPress: In the WordPress admin area, navigate to Settings > Webflow Pages. Enter the API key obtained in the previous step and click on the "Connect to Webflow" button. Once connected, you will see a success message indicating that your Webflow project and WordPress are now linked.
4. Importing Webflow project content: With the Webflow project connected, you can now import your Webflow project content to WordPress. In the Webflow Pages settings page, click on the "Import from Webflow" button. This will fetch the pages and content from your Webflow project and import them into WordPress.
5. Publishing a Webflow page: After importing the Webflow project content, you can publish a Webflow page on your WordPress site. In the WordPress admin area, go to Pages > All Pages. Find the imported Webflow page and click on the "Edit with Webflow Designer" button. This will launch the Webflow Designer, where you can make any necessary changes to the page design.
6. Exporting the Webflow page: Once you are done editing the Webflow page in the Webflow Designer, click on the "Publish" button to save your changes. This will create a static HTML version of the page that can be published on your WordPress site. The page will be automatically published and accessible through the URL specified in the Webflow Pages settings.
By following these steps, you can connect your Webflow project with WordPress, import the project content, and publish individual Webflow pages on your WordPress site using the Webflow Pages plugin.