Webflow to wordpress
WooCommerce
These are all the pages and elements you can use to customize your powerfull shop in WooCommerce.
Archive Pages
In WordPress that are several type of pages that can be used as an archive of products of your Shop.
Description | Element | Name | Value |
---|---|---|---|
Main Archive Page | Body | page post-type | archive product |
Category Page | Body | page post-type | taxonomy product_cat |
Specific Category Page | Body | page post-type specific | taxonomy product_cat category slug |
Tag Page | Body | page post-type | taxonomy product_tag |
Specific Tag Page | Body | page post-type specific | taxonomy product_tag tag slug |
Archive Pages Items
These are all elements you can use for the archive pages
Description | Element | Name | Value |
---|---|---|---|
Archive Title | Text | wc | archive-title |
Archive Description | Text | wc | archive-description |
Archive Image | Link | wc | archive-image |
Archive Products | Collection List Wrapper | wc | archive-posts |
Title | Collection Item > Text | item | title |
Featured Image | Collection Item > Image Or Div | item | featured-image |
Date | Collection Item > Text | item | date |
Time | Collection Item > Text | item | time |
Link | Collection Item > Link | item | permalink |
Short Description | Collection Item > Text | item | short-description |
Main Category | Collection Item > Text | item | main-category |
Categories | Collection Item > Text | item | categories |
Tags | Collection Item > Link | item | tags |
Avatar | Collection Item > Image or Div | item | avatar |
Author | Collection Item > Link Or Text | item | author |
Author Display Name | Collection Item > Text | item | author-display-name |
Author Nickname | Collection Item > Text | item | author-nickname |
Author First Name | Collection Item > Text | item | author-first-name |
Author Last Name | Collection Item > Text | item | author-last-name |
Author Description | Collection Item > Text | item | author-description |
Author URL | Collection Item > Link | item | author-url |
Author Email | Collection Item > Text | item | author-email |
Author Facebook | Collection Item > Link | item | author-facebook |
Author Linkedin | Collection Item > Link | item | author-linkedin |
Author Youtube | Collection Item > Link | item | author-youtube |
Author Twitter | Collection Item > Link | item | author-twitter |
Author Dribble | Collection Item > Link | item | author-dribble |
Author Instagram | Collection Item > Link | item | author-instagram |
Author Phone | Collection Item > Link | item | author-phone |
To Sale Date | Collection Item > Text | item | to-sale-date |
Total Sales | Collection Item > Text | item | total-sales |
Price | Collection Item > Text | item | price |
Regular Price | Collection Item > Text | item | regular-price |
Lenght | Collection Item > Text | item | lenght |
Weight | Collection Item > Text | item | weight |
Width | Collection Item > Text | item | width |
Height | Collection Item > Text | item | height |
Featured | Collection Item > Any element | item | featured |
On Sale | Collection Item > Any element | item | on-sale |
SKU | Collection Item > Text | item | sku |
Rating | Collection Item > Any element | item | rating |
Review Count | Collection Item > Text | item | review-count |
Masonry Products Wrapper | Div | wc | masonry-products |
Masonry Products | Masonry Products Wrapper > Collection List Wrapper | limit | number of products |
Archive Categories | Collection List Wrapper | wc | categories |
Description | Collection Item > Text | item | description |
Title | Collection Item > Text or Link | item | title |
Link | Collection Item > Link | item | permalink |
Featured Image | Collection Item > Div, Link or Image | item | featured-image |
Archive Tags | Collection List Wrapper | wc | tags |
Description | Collection Item > Text | item | description |
Title | Collection Item > Text or Link | item | title |
Link | Collection Item > Link | item | permalink |
Featured Image | Collection Item > Div, Link or Image | item | featured-image |
Breadcrumbs | List | wc | breadcrumbs |
Orderby | Form | wc | orderby |
Results Count | Text | wc | results-count |
Product Page
This is the page where a single product is showed
Description | Element | Name | Value |
---|---|---|---|
Product Page | Body | page post-type | single product |
Specific Product | Body | page post-type specific | single product product slug |
Single Product Template | Body | page post-type | template product |
Product Page Items
These are all elements you can use in the single product page
Description | Element | Name | Value |
---|---|---|---|
Title | Text | item | title |
Date | Text | item | date |
Time | Text | item | time |
Featured Image | Image Or Div | item | featured-image |
Short Description | Text | item | short-description |
Description | RichText | item | description |
Permalink | Link | item | permalink |
Tags | Link | item | tags |
Categories | Link | item | categories |
Main Category | Link or Button | item | main-category |
Author | Link Or Text | item | author |
Author Display Name | Text | item | author-display-name |
Author Nickname | Text | item | author-nickname |
Author First Name | Text | item | author-first-name |
Author Last Name | Text | item | author-last-name |
Author Description | Text | item | author-description |
Author URL | Link | item | author-url |
Author Email | Text | item | author-email |
Author Facebook | Link | item | author-facebook |
Author Linkedin | Link | item | author-linkedin |
Author Youtube | Link | item | author-youtube |
Author Twitter | Link | item | author-twitter |
Author Dribble | Link | item | author-dribble |
Author Instagram | Link | item | author-instagram |
Author Phone | Link | item | author-phone |
Internal Navigation | Link | item item | next-page prev-page |
External Navigation | Div | item item | next-product prev-product |
External Navigation Title | External Nav. Div > Text or Link | item | title |
External Navigation Permalink | External Nav. Div > Link | item | permalink |
External Navigation Featured Image | External Nav. Div > Img or Div | item | featured-image |
External Navigation Excerpt | External Nav. Div > Text | item | excerpt |
From Sale Date | Text | item | from-sale-date |
To Sale Date | Text | item | to-sale-date |
Total Sales | Text | item | total-sales |
Price | Text | item | price |
Regular Price | Text | item | regular-price |
Lenght | Text | item | lenght |
Weight | Text | item | weight |
Width | Text | item | width |
Height | Text | item | height |
Featured | Any element | item | featured |
On Sale | Any element | item | on-sale |
SKU | Text | item | sku |
Rating | Any element | item | rating |
Review Count | Text | item | review-count |
Product Images | Img, Div, Slider or Lightbox | item | product-images |
Add to Cart | Div | item | variations |
Add to Cart Div > Text | item | variation-title | |
Add to Cart for Grouped Products | Form Block | item | grouped |
Add to Cart Form (grouped) > Div | item | wrapper | |
Add to Cart Div (grouped) > Text OPTIONAL | item | price | |
Add to Cart Div (grouped) > Text OPTIONAL | item | regular-price | |
Add to Cart Div (grouped) > Link OPTIONAL | item | link | |
Product Tabs | Tabs | item | product-tabs |
Breadcrumbs | List | wc | breadcrumbs |
Upsells | Collection List Wrapper | wc | upsells |
Title | Collection Item > Text | item | title |
Date | Collection Item > Text | item | date |
Time | Collection Item > Text | item | time |
Featured Image | Collection Item > Img Or Div | item | featured-image |
Short Description | Collection Item > Text | item | short-description |
Permalink | Collection Item > Link | item | permalink |
Tags | Collection Item > Link | item | tags |
Categories | Collection Item > Link | item | categories |
Main Category | Collection Item > Link or Button | item | main-category |
Author | Collection Item > Link Or Text | item | author |
Author Display Name | Collection Item > Text | item | author-display-name |
Author Nickname | Collection Item > Text | item | author-nickname |
Author First Name | Collection Item > Text | item | author-first-name |
Author Last Name | Collection Item > Text | item | author-last-name |
Author Description | Collection Item > Text | item | author-description |
Author URL | Collection Item > Link | item | author-url |
Author Email | Collection Item > Text | item | author-email |
Author Facebook | Collection Item > Link | item | author-facebook |
Author Linkedin | Collection Item > Link | item | author-linkedin |
Author Youtube | Collection Item > Link | item | author-youtube |
Author Twitter | Collection Item > Link | item | author-twitter |
Author Dribble | Collection Item > Link | item | author-dribble |
Author Instagram | Collection Item > Link | item | author-instagram |
Author Phone | Collection Item > Link | item | author-phone |
From Sale Date | Collection Item > Text | item | from-sale-date |
To Sale Date | Collection Item > Text | item | to-sale-date |
Total Sales | Collection Item > Text | item | total-sales |
Price | Collection Item > Text | item | price |
Regular Price | Collection Item > Text | item | regular-price |
Lenght | Collection Item > Text | item | lenght |
Weight | Collection Item > Text | item | weight |
Width | Collection Item > Text | item | width |
Height | Collection Item > Text | item | height |
Featured | Collection Item > Any element | item | featured |
On Sale | Collection Item > Any element | item | on-sale |
SKU | Collection Item > Text | item | sku |
Rating | Collection Item > Any element | item | rating |
Review Count | Collection Item > Text | item | review-count |
Misc Elements
These elements can be inserted everywhere in your site
Description | Element | Name | Value |
---|---|---|---|
Archive Link | Link | wc | archive-link |
Category Link | Link | wc-category-link | category-slug |
Tag Link | Link | wc-tag-link | tag-slug |
Cart Link | Link | wc | cart-link |
Checkout Link | Link | wc | checkout-link |
My Account Link | Link | wc | my-account-link |
Mini Cart | Mini Cart | wc | mini-cart |
Mini Cart > List | item | products-list | |
Title | List > Text | item | title |
Price | List > Text | item | price |
Total | List > Text | item | total |
Quantity | List > Text | item | quantity |
Link | List > Link | item | permalink |
Featured Image | List > Img | item | featured-image |
Specific Product | Div | wc:specific-product | slug or id |
Queried Products | Collection List Wrapper | wc:products | slug of the query |
Title | Collection Item > Text | item | title |
Date | Collection Item > Text | item | date |
Time | Collection Item > Text | item | time |
Featured Image | Collection Item > Img Or Div | item | featured-image |
Short Description | Collection Item > Text | item | short-description |
Permalink | Collection Item > Link | item | permalink |
Tags | Collection Item > Link | item | tags |
Categories | Collection Item > Link | item | categories |
Main Category | Collection Item > Link or Button | item | main-category |
Author | Collection Item > Link Or Text | item | author |
Author Display Name | Collection Item > Text | item | author-display-name |
Author Nickname | Collection Item > Text | item | author-nickname |
Author First Name | Collection Item > Text | item | author-first-name |
Author Last Name | Collection Item > Text | item | author-last-name |
Author Description | Collection Item > Text | item | author-description |
Author URL | Collection Item > Link | item | author-url |
Author Email | Collection Item > Text | item | author-email |
Author Facebook | Collection Item > Link | item | author-facebook |
Author Linkedin | Collection Item > Link | item | author-linkedin |
Author Youtube | Collection Item > Link | item | author-youtube |
Author Twitter | Collection Item > Link | item | author-twitter |
Author Dribble | Collection Item > Link | item | author-dribble |
Author Instagram | Collection Item > Link | item | author-instagram |
Author Phone | Collection Item > Link | item | author-phone |
From Sale Date | Collection Item > Text | item | from-sale-date |
To Sale Date | Collection Item > Text | item | to-sale-date |
Total Sales | Collection Item > Text | item | total-sales |
Price | Collection Item > Text | item | price |
Regular Price | Collection Item > Text | item | regular-price |
Lenght | Collection Item > Text | item | lenght |
Weight | Collection Item > Text | item | weight |
Width | Collection Item > Text | item | width |
Height | Collection Item > Text | item | height |
Featured | Collection Item > Any element | item | featured |
On Sale | Collection Item > Any element | item | on-sale |
SKU | Collection Item > Text | item | sku |
Rating | Collection Item > Any element | item | rating |
Review Count | Collection Item > Text | item | review-count |
Masonry Queried Products Wrapper | Div | wc:masonry-products | slug of the query |
Masonry Queried Products | Masonry Products Wrapper > Collection List Wrapper | limit | number of posts |
Product Slider | Slider | wc:slider | slug of the query |
Title | Slider > Text | item | title |
Date | Slider > Text | item | date |
Time | Slider > Text | item | time |
Featured Image | Slider > Img Or Div | item | featured-image |
Short Description | Slider > Text | item | short-description |
Permalink | Slider > Link | item | permalink |
Tags | Slider > Link | item | tags |
Categories | Slider > Link | item | categories |
Main Category | Slider > Link or Button | item | main-category |
Author | Slider > Link Or Text | item | author |
Author Display Name | Slider > Text | item | author-display-name |
Author Nickname | Slider > Text | item | author-nickname |
Author First Name | Slider > Text | item | author-first-name |
Author Last Name | Slider > Text | item | author-last-name |
Author Description | Slider > Text | item | author-description |
Author URL | Slider > Link | item | author-url |
Author Email | Slider > Text | item | author-email |
Author Facebook | Slider > Link | item | author-facebook |
Author Linkedin | Slider > Link | item | author-linkedin |
Author Youtube | Slider > Link | item | author-youtube |
Author Twitter | Slider > Link | item | author-twitter |
Author Dribble | Slider > Link | item | author-dribble |
Author Instagram | Slider > Link | item | author-instagram |
Author Phone | Slider > Link | item | author-phone |
From Sale Date | Slider > Text | item | from-sale-date |
To Sale Date | Slider > Text | item | to-sale-date |
Total Sales | Slider > Text | item | total-sales |
Price | Slider > Text | item | price |
Regular Price | Slider > Text | item | regular-price |
Lenght | Slider > Text | item | lenght |
Weight | Slider > Text | item | weight |
Width | Slider > Text | item | width |
Height | Slider > Text | item | height |
Featured | Slider > Any element | item | featured |
On Sale | Slider > Any element | item | on-sale |
SKU | Slider > Text | item | sku |
Rating | Slider > Any element | item | rating |
Review Count | Slider > Text | item | review-count |
Notices | Div | wc | notices |
Notices Div > Div | item | notice | |
Notices Div > Div | item | notice-success | |
Notices Div > Div | item | notice-error | |
Notice Div > Text | item | message | |
Notice Success Div > Text | item | message | |
Notice Error > Text | item | message |
Cart Page
WooCommerce Cart page shows the cart content. This page does not require any attribute in the body.
Description | Element | Name | Value |
---|---|---|---|
Cart | Form Block | wc | cart |
Cart Form > Text input | item | coupon | |
Cart Form > Submit input | item | apply-coupon | |
Cart Form > Submit input | item | update-cart | |
Featured Image | Cart Form > Collection List > Img or link | item | featured-image |
Title | Cart Form > Collection List > Text or link | item | title |
Permalink | Cart Form > Collection List > Link | item | permalink |
Price | Cart Form > Collection List > Text | item | price |
Subtotal | Cart Form > Collection List > Text | item | subtotal |
Remove | Cart Form > Collection List > Link | item | remove |
Variation | Cart Form > Collection List > Text | item | variation |
Quantity | Cart Form > Collection List > Input type number | item | quantity |
Cart Totals | Div | wc | cart-totals |
Cart Totals Div > Button | item | checkout | |
Cart Totals Div > Div | item | line | |
Cart Totals Div > Div > Text | item | line-label | |
Cart Totals Div > Div > Text | item | line-value | |
Cart Cross Sells | Collection List Wrapper | wc | cart-cross-sells |
Search Results
If you want to create a specific page for product search, use these attributes.
Description | Element | Name | Value |
---|---|---|---|
Search Results | Collection List Wrapper | page post-type | search product |
Search Results Items
These are all elements you can use for the search results page
Description | Element | Name | Value |
---|---|---|---|
Title | Collection Item > Text | item | title |
Date | Collection Item > Text | item | date |
Time | Collection Item > Text | item | time |
Featured Image | Collection Item > Img Or Div | item | featured-image |
Short Description | Collection Item > Text | item | short-description |
Permalink | Collection Item > Link | item | permalink |
Tags | Collection Item > Link | item | tags |
Categories | Collection Item > Link | item | categories |
Main Category | Collection Item > Link or Button | item | main-category |
Author | Collection Item > Link Or Text | item | author |
Author Display Name | Collection Item > Text | item | author-display-name |
Author Nickname | Collection Item > Text | item | author-nickname |
Author First Name | Collection Item > Text | item | author-first-name |
Author Last Name | Collection Item > Text | item | author-last-name |
Author Description | Collection Item > Text | item | author-description |
Author URL | Collection Item > Link | item | author-url |
Author Email | Collection Item > Text | item | author-email |
Author Facebook | Collection Item > Link | item | author-facebook |
Author Linkedin | Collection Item > Link | item | author-linkedin |
Author Youtube | Collection Item > Link | item | author-youtube |
Author Twitter | Collection Item > Link | item | author-twitter |
Author Dribble | Collection Item > Link | item | author-dribble |
Author Instagram | Collection Item > Link | item | author-instagram |
Author Phone | Collection Item > Link | item | author-phone |
From Sale Date | Collection Item > Text | item | from-sale-date |
To Sale Date | Collection Item > Text | item | to-sale-date |
Total Sales | Collection Item > Text | item | total-sales |
Price | Collection Item > Text | item | price |
Regular Price | Collection Item > Text | item | regular-price |
Lenght | Collection Item > Text | item | lenght |
Weight | Collection Item > Text | item | weight |
Width | Collection Item > Text | item | width |
Height | Collection Item > Text | item | height |
Featured | Collection Item > Any element | item | featured |
On Sale | Collection Item > Any element | item | on-sale |
SKU | Collection Item > Text | item | sku |
Rating | Collection Item > Any element | item | rating |
Review Count | Collection Item > Text | item | review-count |
Order Confirmation Page
Customize in Webflow the WooCommerce Order Confirmation page by using the following attributes
Description | Element | Name | Value |
---|---|---|---|
Text | order | email | |
Status | Text | order | status |
Shipping Address | Text | order | shipping-address |
Billing Address | Text | order | billing-address |
Number | Text | order | number |
Payment Method | Text | order | payment-method |
Total | Text | order | total |
Subtotal | Text | order | subtotal |
Taxes | Text | order | taxes |
Shipping Method | Text | order | shipping-method |
Products | List | order | products |
Title | Products List > Text | item | title |
URL | Products List > Link | item | url |
Quantity | Products List > Text | item | quantity |
Subtotal | Products List > Text | item | subtotal |
Total | Products List > Text | item | total |
Permalink | Products List > Link | item | permalink |
Featured Image | Products List > Img or Div | item | featured-image |
Checkout Page
This page does not require any attribute in the body.
Description | Element | Name | Value |
---|---|---|---|
Checkout | Checkout Form > Container | wc | checkout |
My Account Page
This page does not require any attribute in the body.
Description | Element | Name | Value |
---|---|---|---|
My Account | Div | wc | my-account |