Webflow to WordPress Overview

You are here:

Step 1

INSTALL WORDPRESS

You need to have WordPress already installed on your hosting. Here you can find the official WordPress installation guide. These are the minimum requirement you need to start.

Step 2

GENERATE THE LICENSE CODE

Go to your account page to generate the license code you need to activate the application.

Step 3

DOWNLOAD THE APP

Download the app and plugins from this page.

Step 4

INSTALL ON MAC OS

After you double click on the .dmg file you need to drag&drop the Udesly App in your Application folder

INSTALL ON WINDOWS

Double click on the .exe file to launch the App.

Step 5

EXPORT THE WEBFLOW TEMPLATE

Before you start using the App remember to export your Webflow template with the elements included.

Step 6

ACTIVATE THE APP

Insert your email and the license code you’ve generated from your account page.

Step 7

UPLOAD THE TEMPLATE

Upload the exported Webflow template you have created with the Udesly Elements.

Step 8

INSERT YOUR TEMPLATE DATA

Insert your template name, the author name and a template description. If you want, you can also choose the featured image of your theme (that you can find in your WordPress admin panel after the conversion).

Step 9

SET THE PAGE OF YOUR TEMPLATE

This is the most important step. Here you need to set up all the pages of your Webflow template to make them ready to use in WordPress.

Here is the list of the page types you can assign to each page of your Webflow project:

WordPress Pages:

– Home (this is the home page of your website, usually index.html);
– Standard Template (pre-styled template used as default template to create other pages);
– Generic (this is the WordPress single page that is used for example to create typical “About us” or “Contact us” page)
– Template (pre-styled page that can be chosen to create other pages directly from WordPress).

Blog Pages:

‍- Blog Archive (the page where all your blog posts will be visible, it must have the element Blog Archive or Masonry Blog Archive inside);
– Single Post (the page that shows the single post of your WordPress blog);
– Template for single post (pre-styled page that can be chosen to style a post of your blog differently);
– Specific Tag Page (used to style a specific tag archive page of your blog. The page must be named as the slug of the tag);
– Specific Category Page (used to style a specific category archive page of your blog. The page must be named as the slug of the category).

 

Search Page:

– Search Results: (page used to show the search results of a specific query, it must have the element Search Results inside).

Utility Pages:

– Utility (page used to create the typical server error pages, for example 404-Not found);
– Maintenance (it is a temporary placeholder to use when a site needs to be offline for updates, backups or maintenance);
– Do not convert (the selected page won’t be converted. This prevents the presence of the page in the generated theme, usually used for some automatically generated Webflow pages).

Custom Post Type Pages:

– Archive for Custom post Type (custom post type are content types like posts and pages. This is the page where all your Custom Post Type posts will be visible. It must have the element Archive Posts inside. The page must be named “archive-the name of your custom post type slug”);
– Single Custom Post Type page (this is the page that shows your Custom Post Type single post. The page must be named “detail_the name of your custom post type slug”);
– Template for Custom Post Type (this is a pre-styled page that can be chosen to style a post of your custom post type differently. The page must be named “template-the name of your custom post type slug”).

Step 10

OPTIONAL SETTINGS

In this step you can choose if you want to manage your website SEO from Webflow or from the WordPress admin panel directly. We suggest to not uncheck the “Remove Webflow jQuery” to make it work correctly.

Step 11

STRART THE CONVERSION

You’re finally ready to convert your template. Just click on the “convert” button and the conversion will start.

Step 12

DOWNLOAD OR UPLOAD

Once the conversion is ended you can choose to download the converted template in a zip file and upload it with an external FTP client or upload it through the Udesly integrated FTP System directly.

UPLOAD WITH UDESLY FTP SYSTEM

If you choose our FTP System you only need to fill the fields below and click on the Upload button.

Step 13

ACTIVATE THE WORDPRESS THEME

At this point you only have to jump to your WordPress admin panel and activate the theme following the path Appearance -> Themes.

Step 14

SETTING THE PAGES

Remember to set the homepage and the Posts page of your site following this path: Settings -> Reading -> Your homepage display section.


 

Related documentation: