Udesly Adapter APP

You are here:

Step 1

DOWNLOAD THE APP

Create a free account on Udesly and download the App.

Step 2

GENERATE THE LICENSE CODE

Before downloading the App remember to generate the license code you need to activate the application.

Step 3

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 4

EXPORT THE WEBFLOW TEMPLATE

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

Step 5

ACTIVATE THE APP

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

Step 6

CHOOSE THE CMS

Choose the CMS you want to convert the Webflow template to.

Step 7

UPLOAD THE TEMPLATE

Upload the exported 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 it 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 Pages:
– 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”).

 

Shopify Pages

– Product page: It’s page for an individual product. It includes content that visitors use to select a variant and add it to the cart.

-‍ Search Results: The search results page is used to display the search results of a store.

– Collections list: The collections list page is used to render a page where all of the collections in the shop are listed. This page can be accessed by going to /collections of the shop.

– Blog: ‍The blog page is used to render the blog page. The primary purpose of this page is to list the articles within a blog.

– Login: The login page is used by visitors to log in to their customer account page.

– Cart: The cart page provides an overview of the items in the visitor’s cart. The overview is typically shown in an HTML table, with each line item displayed in a row.

– Article: Is a page for an individual blog article. It contains the full contents of an article as well an optional comments section for visitors.

– Account: The account page is used to display a summary of the visitor’s customer account.

– Index: The index page is the home page of the store. The template is loaded when you go to the root (“/”) of the store.

– Customer activate account: The customers/activate account page is used to display the form for activating a customer account.

– Order: The order page displays the details of a visitor’s past order.

– Default Page: The default page template is used to render your shop’s pages.

– Register: The customers/register page includes a form for visitors to make a Customer account.

– Addresses: The addresses page is used by visitors to manage their addresses used in the checkout.

– Collection: The collection page is used to render the collection page. The primary purpose of this page is to list the products within a collection, often presented as a grid of images with product titles and prices.

– 404: The 404 template renders a page where visitors are taken to if they enter an invalid URL for the shop.

– Reset Password: The reset password page includes a form for visitors to enter a new password for their customer account.

– Password Page:  The password page is used to render your online store’s password page. This page appears only when you add password protection to your online store. To see what this looks like, you can visit our password-protected demo store.

– Gift Card: This page renders the gift card issued to a customer upon purchase. The URL to the gift card page is found in email notifications sent to the customer when a gift card is purchased. Within the gift card page, you can use the gift card object’s attributes to display a gift card’s details. A default gift card page is created automatically when the Gift Card feature is activated in a store.

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 not to uncheck the “Remove Webflow jQuery” to make it work properly.

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 either to download the converted template in a zip file and upload it with an external FTP client or to upload it directly through the Udesly integrated FTP System .

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: