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
Email	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`