Go to Udesly

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.

DescriptionElementNameValue
Main Archive PageBodypage
post-type
archive
product
Category PageBodypage
post-type
taxonomy
product_cat
Specific Category PageBodypage
post-type
specific
taxonomy
product_cat
category slug
Tag PageBodypage
post-type
taxonomy
product_tag
Specific Tag PageBodypage
post-type
specific
taxonomy
product_tag
tag slug

Archive Pages Items

These are all elements you can use for the archive pages

DescriptionElementNameValue
Archive TitleTextwcarchive-title
Archive DescriptionTextwcarchive-description
Archive ImageLinkwcarchive-image
Archive ProductsCollection List Wrapperwcarchive-posts
TitleCollection Item > Textitemtitle
Featured ImageCollection Item > Image Or Divitemfeatured-image
DateCollection Item > Textitemdate
TimeCollection Item > Textitemtime
LinkCollection Item > Linkitempermalink
Short DescriptionCollection Item > Textitemshort-description
Main CategoryCollection Item > Textitemmain-category
CategoriesCollection Item > Textitemcategories
TagsCollection Item > Linkitemtags
AvatarCollection Item > Image or Divitemavatar
AuthorCollection Item > Link Or Textitemauthor
Author Display NameCollection Item > Textitemauthor-display-name
Author NicknameCollection Item > Textitemauthor-nickname
Author First NameCollection Item > Textitemauthor-first-name
Author Last NameCollection Item > Textitemauthor-last-name
Author DescriptionCollection Item > Textitemauthor-description
Author URLCollection Item > Linkitemauthor-url
Author EmailCollection Item > Textitemauthor-email
Author FacebookCollection Item > Linkitemauthor-facebook
Author LinkedinCollection Item > Linkitemauthor-linkedin
Author YoutubeCollection Item > Linkitemauthor-youtube
Author TwitterCollection Item > Linkitemauthor-twitter
Author DribbleCollection Item > Linkitemauthor-dribble
Author InstagramCollection Item > Linkitemauthor-instagram
Author PhoneCollection Item > Linkitemauthor-phone
To Sale DateCollection Item > Textitemto-sale-date
Total SalesCollection Item > Textitemtotal-sales
PriceCollection Item > Textitemprice
Regular PriceCollection Item > Textitemregular-price
LenghtCollection Item > Textitemlenght
WeightCollection Item > Textitemweight
WidthCollection Item > Textitemwidth
HeightCollection Item > Textitemheight
FeaturedCollection Item > Any elementitemfeatured
On SaleCollection Item > Any elementitemon-sale
SKUCollection Item > Textitemsku
RatingCollection Item > Any elementitemrating
Review CountCollection Item > Textitemreview-count
Masonry Products WrapperDivwcmasonry-products
Masonry ProductsMasonry Products Wrapper
> Collection List Wrapper
limitnumber of products
Archive CategoriesCollection List Wrapperwccategories
DescriptionCollection Item > Textitemdescription
TitleCollection Item > Text or Linkitemtitle
LinkCollection Item > Linkitempermalink
Featured ImageCollection Item > Div, Link or Imageitemfeatured-image
Archive TagsCollection List Wrapperwctags
DescriptionCollection Item > Textitemdescription
TitleCollection Item > Text or Linkitemtitle
LinkCollection Item > Linkitempermalink
Featured ImageCollection Item > Div, Link or Imageitemfeatured-image
BreadcrumbsListwcbreadcrumbs
OrderbyFormwcorderby
Results CountTextwcresults-count

Product Page

This is the page where a single product is showed

DescriptionElementNameValue
Product PageBodypage
post-type
single
product
Specific ProductBodypage
post-type
specific
single
product
product slug
Single Product TemplateBodypage
post-type
template
product

Product Page Items

These are all elements you can use in the single product page

DescriptionElementNameValue
TitleTextitemtitle
DateTextitemdate
TimeTextitemtime
Featured ImageImage Or Divitemfeatured-image
Short DescriptionTextitemshort-description
DescriptionRichTextitemdescription
PermalinkLinkitempermalink
TagsLinkitemtags
CategoriesLinkitemcategories
Main CategoryLink or Buttonitemmain-category
AuthorLink Or Textitemauthor
Author Display NameTextitemauthor-display-name
Author NicknameTextitemauthor-nickname
Author First NameTextitemauthor-first-name
Author Last NameTextitemauthor-last-name
Author DescriptionTextitemauthor-description
Author URLLinkitemauthor-url
Author EmailTextitemauthor-email
Author FacebookLinkitemauthor-facebook
Author LinkedinLinkitemauthor-linkedin
Author YoutubeLinkitemauthor-youtube
Author TwitterLinkitemauthor-twitter
Author DribbleLinkitemauthor-dribble
Author InstagramLinkitemauthor-instagram
Author PhoneLinkitemauthor-phone
Internal NavigationLinkitem
item
next-page
prev-page
External NavigationDivitem
item
next-product
prev-product
External Navigation TitleExternal Nav. Div
> Text or Link
itemtitle
External Navigation PermalinkExternal Nav. Div
> Link
itempermalink
External Navigation Featured ImageExternal Nav. Div
> Img or Div
itemfeatured-image
External Navigation ExcerptExternal Nav. Div
> Text
itemexcerpt
From Sale DateTextitemfrom-sale-date
To Sale DateTextitemto-sale-date
Total SalesTextitemtotal-sales
PriceTextitemprice
Regular PriceTextitemregular-price
LenghtTextitemlenght
WeightTextitemweight
WidthTextitemwidth
HeightTextitemheight
FeaturedAny elementitemfeatured
On SaleAny elementitemon-sale
SKUTextitemsku
RatingAny elementitemrating
Review CountTextitemreview-count
Product ImagesImg, Div, Slider or Lightboxitemproduct-images
Add to CartDivitemvariations
Add to Cart Div > Textitemvariation-title
Add to Cart for Grouped ProductsForm Blockitemgrouped
Add to Cart Form (grouped) > Divitemwrapper
Add to Cart Div (grouped) > Text OPTIONALitemprice
Add to Cart Div (grouped) > Text OPTIONALitemregular-price
Add to Cart Div (grouped) > Link OPTIONALitemlink
Product TabsTabsitemproduct-tabs
BreadcrumbsListwcbreadcrumbs
UpsellsCollection List Wrapperwcupsells
TitleCollection Item > Textitemtitle
DateCollection Item > Textitemdate
TimeCollection Item > Textitemtime
Featured ImageCollection Item > Img Or Divitemfeatured-image
Short DescriptionCollection Item > Textitemshort-description
PermalinkCollection Item > Linkitempermalink
TagsCollection Item > Linkitemtags
CategoriesCollection Item > Linkitemcategories
Main CategoryCollection Item > Link or Buttonitemmain-category
AuthorCollection Item > Link Or Textitemauthor
Author Display NameCollection Item > Textitemauthor-display-name
Author NicknameCollection Item > Textitemauthor-nickname
Author First NameCollection Item > Textitemauthor-first-name
Author Last NameCollection Item > Textitemauthor-last-name
Author DescriptionCollection Item > Textitemauthor-description
Author URLCollection Item > Linkitemauthor-url
Author EmailCollection Item > Textitemauthor-email
Author FacebookCollection Item > Linkitemauthor-facebook
Author LinkedinCollection Item > Linkitemauthor-linkedin
Author YoutubeCollection Item > Linkitemauthor-youtube
Author TwitterCollection Item > Linkitemauthor-twitter
Author DribbleCollection Item > Linkitemauthor-dribble
Author InstagramCollection Item > Linkitemauthor-instagram
Author PhoneCollection Item > Linkitemauthor-phone
From Sale DateCollection Item > Textitemfrom-sale-date
To Sale DateCollection Item > Textitemto-sale-date
Total SalesCollection Item > Textitemtotal-sales
PriceCollection Item > Textitemprice
Regular PriceCollection Item > Textitemregular-price
LenghtCollection Item > Textitemlenght
WeightCollection Item > Textitemweight
WidthCollection Item > Textitemwidth
HeightCollection Item > Textitemheight
FeaturedCollection Item > Any elementitemfeatured
On SaleCollection Item > Any elementitemon-sale
SKUCollection Item > Textitemsku
RatingCollection Item > Any elementitemrating
Review CountCollection Item > Textitemreview-count

Misc Elements

These elements can be inserted everywhere in your site

DescriptionElementNameValue
Archive LinkLinkwcarchive-link
Category LinkLinkwc-category-linkcategory-slug
Tag LinkLinkwc-tag-linktag-slug
Cart LinkLinkwccart-link
Checkout LinkLinkwccheckout-link
My Account LinkLinkwcmy-account-link
Mini CartMini Cartwcmini-cart
Mini Cart > Listitemproducts-list
TitleList > Textitemtitle
PriceList > Textitemprice
TotalList > Textitemtotal
QuantityList > Textitemquantity
LinkList > Linkitempermalink
Featured ImageList > Imgitemfeatured-image
Specific ProductDivwc:specific-productslug or id
Queried ProductsCollection List Wrapperwc:productsslug of the query
TitleCollection Item > Textitemtitle
DateCollection Item > Textitemdate
TimeCollection Item > Textitemtime
Featured ImageCollection Item > Img Or Divitemfeatured-image
Short DescriptionCollection Item > Textitemshort-description
PermalinkCollection Item > Linkitempermalink
TagsCollection Item > Linkitemtags
CategoriesCollection Item > Linkitemcategories
Main CategoryCollection Item > Link or Buttonitemmain-category
AuthorCollection Item > Link Or Textitemauthor
Author Display NameCollection Item > Textitemauthor-display-name
Author NicknameCollection Item > Textitemauthor-nickname
Author First NameCollection Item > Textitemauthor-first-name
Author Last NameCollection Item > Textitemauthor-last-name
Author DescriptionCollection Item > Textitemauthor-description
Author URLCollection Item > Linkitemauthor-url
Author EmailCollection Item > Textitemauthor-email
Author FacebookCollection Item > Linkitemauthor-facebook
Author LinkedinCollection Item > Linkitemauthor-linkedin
Author YoutubeCollection Item > Linkitemauthor-youtube
Author TwitterCollection Item > Linkitemauthor-twitter
Author DribbleCollection Item > Linkitemauthor-dribble
Author InstagramCollection Item > Linkitemauthor-instagram
Author PhoneCollection Item > Linkitemauthor-phone
From Sale DateCollection Item > Textitemfrom-sale-date
To Sale DateCollection Item > Textitemto-sale-date
Total SalesCollection Item > Textitemtotal-sales
PriceCollection Item > Textitemprice
Regular PriceCollection Item > Textitemregular-price
LenghtCollection Item > Textitemlenght
WeightCollection Item > Textitemweight
WidthCollection Item > Textitemwidth
HeightCollection Item > Textitemheight
FeaturedCollection Item > Any elementitemfeatured
On SaleCollection Item > Any elementitemon-sale
SKUCollection Item > Textitemsku
RatingCollection Item > Any elementitemrating
Review CountCollection Item > Textitemreview-count
Masonry Queried Products WrapperDivwc:masonry-productsslug of the query
Masonry Queried ProductsMasonry Products Wrapper > Collection List Wrapperlimitnumber of posts
Product SliderSliderwc:sliderslug of the query
TitleSlider > Textitemtitle
DateSlider > Textitemdate
TimeSlider > Textitemtime
Featured ImageSlider > Img Or Divitemfeatured-image
Short DescriptionSlider > Textitemshort-description
PermalinkSlider > Linkitempermalink
TagsSlider > Linkitemtags
CategoriesSlider > Linkitemcategories
Main CategorySlider > Link or Buttonitemmain-category
AuthorSlider > Link Or Textitemauthor
Author Display NameSlider > Textitemauthor-display-name
Author NicknameSlider > Textitemauthor-nickname
Author First NameSlider > Textitemauthor-first-name
Author Last NameSlider > Textitemauthor-last-name
Author DescriptionSlider > Textitemauthor-description
Author URLSlider > Linkitemauthor-url
Author EmailSlider > Textitemauthor-email
Author FacebookSlider > Linkitemauthor-facebook
Author LinkedinSlider > Linkitemauthor-linkedin
Author YoutubeSlider > Linkitemauthor-youtube
Author TwitterSlider > Linkitemauthor-twitter
Author DribbleSlider > Linkitemauthor-dribble
Author InstagramSlider > Linkitemauthor-instagram
Author PhoneSlider > Linkitemauthor-phone
From Sale DateSlider > Textitemfrom-sale-date
To Sale DateSlider > Textitemto-sale-date
Total SalesSlider > Textitemtotal-sales
PriceSlider > Textitemprice
Regular PriceSlider > Textitemregular-price
LenghtSlider > Textitemlenght
WeightSlider > Textitemweight
WidthSlider > Textitemwidth
HeightSlider > Textitemheight
FeaturedSlider > Any elementitemfeatured
On SaleSlider > Any elementitemon-sale
SKUSlider > Textitemsku
RatingSlider > Any elementitemrating
Review CountSlider > Textitemreview-count
NoticesDivwcnotices
Notices Div > Divitemnotice
Notices Div > Divitemnotice-success
Notices Div > Divitemnotice-error
Notice Div > Textitemmessage
Notice Success Div > Textitemmessage
Notice Error > Textitemmessage

Cart Page

WooCommerce Cart page shows the cart content. This page does not require any attribute in the body.

DescriptionElementNameValue
CartForm Blockwccart
Cart Form > Text inputitemcoupon
Cart Form > Submit inputitemapply-coupon
Cart Form > Submit inputitemupdate-cart
Featured ImageCart Form > Collection List > Img or linkitemfeatured-image
TitleCart Form > Collection List > Text or linkitemtitle
PermalinkCart Form > Collection List > Linkitempermalink
PriceCart Form > Collection List > Textitemprice
SubtotalCart Form > Collection List > Textitemsubtotal
RemoveCart Form > Collection List > Linkitemremove
VariationCart Form > Collection List > Textitemvariation
QuantityCart Form > Collection List > Input type numberitemquantity
Cart TotalsDivwccart-totals
Cart Totals Div > Buttonitemcheckout
Cart Totals Div > Divitemline
Cart Totals Div > Div > Textitemline-label
Cart Totals Div > Div > Textitemline-value
Cart Cross SellsCollection List Wrapperwccart-cross-sells

Search Results

If you want to create a specific page for product search, use these attributes.

DescriptionElementNameValue
Search ResultsCollection List Wrapperpage
post-type
search
product

Search Results Items

These are all elements you can use for the search results page

DescriptionElementNameValue
TitleCollection Item > Textitemtitle
DateCollection Item > Textitemdate
TimeCollection Item > Textitemtime
Featured ImageCollection Item > Img Or Divitemfeatured-image
Short DescriptionCollection Item > Textitemshort-description
PermalinkCollection Item > Linkitempermalink
TagsCollection Item > Linkitemtags
CategoriesCollection Item > Linkitemcategories
Main CategoryCollection Item > Link or Buttonitemmain-category
AuthorCollection Item > Link Or Textitemauthor
Author Display NameCollection Item > Textitemauthor-display-name
Author NicknameCollection Item > Textitemauthor-nickname
Author First NameCollection Item > Textitemauthor-first-name
Author Last NameCollection Item > Textitemauthor-last-name
Author DescriptionCollection Item > Textitemauthor-description
Author URLCollection Item > Linkitemauthor-url
Author EmailCollection Item > Textitemauthor-email
Author FacebookCollection Item > Linkitemauthor-facebook
Author LinkedinCollection Item > Linkitemauthor-linkedin
Author YoutubeCollection Item > Linkitemauthor-youtube
Author TwitterCollection Item > Linkitemauthor-twitter
Author DribbleCollection Item > Linkitemauthor-dribble
Author InstagramCollection Item > Linkitemauthor-instagram
Author PhoneCollection Item > Linkitemauthor-phone
From Sale DateCollection Item > Textitemfrom-sale-date
To Sale DateCollection Item > Textitemto-sale-date
Total SalesCollection Item > Textitemtotal-sales
PriceCollection Item > Textitemprice
Regular PriceCollection Item > Textitemregular-price
LenghtCollection Item > Textitemlenght
WeightCollection Item > Textitemweight
WidthCollection Item > Textitemwidth
HeightCollection Item > Textitemheight
FeaturedCollection Item > Any elementitemfeatured
On SaleCollection Item > Any elementitemon-sale
SKUCollection Item > Textitemsku
RatingCollection Item > Any elementitemrating
Review CountCollection Item > Textitemreview-count

Order Confirmation Page

Customize in Webflow the WooCommerce Order Confirmation page by using the following attributes

DescriptionElementNameValue
EmailTextorderemail
StatusTextorderstatus
Shipping AddressTextordershipping-address
Billing AddressTextorderbilling-address
NumberTextordernumber
Payment MethodTextorderpayment-method
TotalTextordertotal
SubtotalTextordersubtotal
TaxesTextordertaxes
Shipping MethodTextordershipping-method
ProductsListorderproducts
TitleProducts List > Textitemtitle
URLProducts List > Linkitemurl
QuantityProducts List > Textitemquantity
SubtotalProducts List > Textitemsubtotal
TotalProducts List > Textitemtotal
PermalinkProducts List > Linkitempermalink
Featured ImageProducts List > Img or Divitemfeatured-image

Checkout Page

This page does not require any attribute in the body.

DescriptionElementNameValue
CheckoutCheckout Form > Containerwccheckout

My Account Page

This page does not require any attribute in the body.

DescriptionElementNameValue
My AccountDivwcmy-account
Copied to Clipboard!