Plain Add to Cart — Pill Options, Theme Button
Quantity, variant pills and an add-to-cart button using your theme style.
Best forStandard WooCommerce product pages.
Where to place itRight under the product price.
How to use: add the Product Add to Cart block and choose plain · pills · theme in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Add to Cart — Image Options, Round Button
Add-to-cart in a card with image-based variant choices.
Best forProducts where each variant has a photo.
Where to place itProduct summary area.
How to use: add the Product Add to Cart block and choose card · image · round in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Add to Cart — Dropdown, Pill Button
Soft panel with a dropdown for variants.
Best forProducts with many variants.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose soft · dropdown · pill in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Add to Cart — Pills, Sharp Button
Outline panel with sharp-cornered button.
Best forClean, modern stores.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose outline · pills · sharp in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dashed Add to Cart — Image Options
Dashed-border panel with image options.
Best forFlavor or pack photos.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose dashed · image · theme in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Plain Add to Cart — Dropdown, Round Button
Plain with dropdown and round button.
Best forSimple stores.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose plain · dropdown · round in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Add to Cart — Pills, Pill Button
Card with pill options.
Best forNuts and snacks.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose card · pills · pill in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Add to Cart — Image, Sharp Button
Soft panel with image options.
Best forSpice blends.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose soft · image · sharp in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Add to Cart — Dropdown, Theme
Outline with dropdown.
Best forHoney sizes.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose outline · dropdown · theme in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dashed Add to Cart — Pills, Round
Dashed panel with pills.
Best forOil sizes.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose dashed · pills · round in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Plain Add to Cart — Image, Pill
Plain with image options.
Best forNuts packs.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose plain · image · pill in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Add to Cart — Dropdown, Sharp
Card with dropdown.
Best forPickle flavors.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose card · dropdown · sharp in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Add to Cart — Pills, Theme
Soft with pills.
Best forSpice packs.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose soft · pills · theme in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Add to Cart — Image, Round
Outline with image options.
Best forGift jars.
Where to place itProduct summary.
How to use: add the Product Add to Cart block and choose outline · image · round in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dashed Add to Cart — Dropdown, Pill
Dashed with dropdown.
Best forOil options.
Where to place itUnder the price.
How to use: add the Product Add to Cart block and choose dashed · dropdown · pill in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Plain Add to Cart — Pills, Sharp
Plain with pills — clean default.
Best forAny WooCommerce product.
Where to place itRight under the price.
How to use: add the Product Add to Cart block and choose plain · pills · sharp in its style settings
What you can customize in this widget
ColorsAccent, Accent dark, Button text color, Button line, Field background, Label color, Sw sel background, Sw sel color, Calc background, Calc line, Calc total color, Note color, Box background, Box border color
Font & text sizeButton font, Label size
Size & spacingButton height, Button gap, Quantity height, Quantity width, Sw gap, Max width, Box margin, Box background size, Box radius
Layout & styleVar style, Buttons mode, Design, Button layout, Button shape, Button align, Sw shape
Animation & effectsButton animation, Animation duration, Hover lift
Show / hide optionsVar price, Stepper, Ajax cart, Show stock, Show var price, Buy now, Whatsapp, Show total, Total detail, Total zones, Shine, On, Orig
Text, images & linksHeading, Pick text, Added text, Action buttons, Cart text, Buy label, Whatsapp text, Total label, Zone label, Name trim, Note text, Note free, Button icon, Button min, Sw min, Sw image, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0