STEP 1 - Create the CMS collection

1) Open your Webflow project and create a CMS collection

2) Choose Blog Posts and click on create collection button. Rename it as Downloads.

3) Choose the items number you want to add

STEP 2 - Copy the entire section with the CMS collections

Copy the element below in a page of your project. Note that this element works only in pages that you'll set in the Udesly Adapter as one of the followings:

- EDD Archive Page
- EDD Category Page
- EDD Tag Page

STEP 3 - Create the  collection

1) Double click on the first Collection List Wrapper and connect the Product collection you've created before.

2) Copy and paste the Download Card in the Collection Item.

ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
CMS COLLECTION LISTS
No items found.
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
DOWNLOAD CARD
DOWNLOAD TITLE
$69.00

FINAL STEP - Add the pagination

Copy and paste the element below in the Body of you page.

ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
PAGINATION

OPTIONAL ELEMENTS to stylize your single download card

Here you can find a list of optional elements you can add to each Product Card:

ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
TITLE
DOWNLOAD TITLE
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
PURCHASE LINK
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
PRICE
$69.00
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
EXCERPT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
FEATURED IMAGE
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
BACKGROUND
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
MAIN CATEGORY
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
PERMALINK
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
DATE
28 September, 2018
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
TIME
13:59
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
AUTHOR
ELEMENTS
COPY & PASTE THE ELEMENT BELOW ↓
AVATAR

Do you want to start from scratch?

FOLLOW THE DOCS →

Now you are ready to convert the Webflow project to WordPress!

When your design is ready in Webflow you only need to export the template and convert it with the Udesly Adapter.

CONVERSION STEPS →