Glass Contact Buttons — Inline Row
Call, WhatsApp and Messenger buttons in a frosted row.
Best forCustomers who prefer to order by call or chat.
Where to place itUnder the add-to-cart or order button.
How to use: add the Product Contact Buttons block and choose glass · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
3D Contact Buttons — Stacked
Raised 3D buttons stacked on top of each other.
Best forMobile shoppers.
Where to place itUnder the price.
How to use: add the Product Contact Buttons block and choose 3d · stack · top in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Contact Buttons — Grid
Minimal buttons in a grid.
Best forClean stores.
Where to place itProduct summary.
How to use: add the Product Contact Buttons block and choose minimal · grid · left in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Brand-Color Contact Buttons — Inline
Each button in its own brand color (WhatsApp green, Messenger blue).
Best forInstantly recognisable contact options.
Where to place itUnder the order button.
How to use: add the Product Contact Buttons block and choose brand · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Solid Contact Buttons — Stacked
Solid stacked buttons.
Best forSimple stores.
Where to place itUnder the price.
How to use: add the Product Contact Buttons block and choose solid · stack · top in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Contact Buttons — Grid
Soft pastel buttons in a grid.
Best forFriendly brands.
Where to place itProduct summary.
How to use: add the Product Contact Buttons block and choose soft · grid · left in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Contact Buttons — Inline
Outline row of buttons.
Best forMinimal pages.
Where to place itUnder the order button.
How to use: add the Product Contact Buttons block and choose outline · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Contact Buttons — Stacked
Gradient stacked buttons.
Best forCampaign pages.
Where to place itUnder the price.
How to use: add the Product Contact Buttons block and choose gradient · stack · top in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Glass Contact Buttons — Grid
Frosted grid.
Best forColored sections.
Where to place itProduct summary.
How to use: add the Product Contact Buttons block and choose glass · grid · left in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
3D Contact Buttons — Inline
3D row of buttons.
Best forOil stores.
Where to place itUnder the order button.
How to use: add the Product Contact Buttons block and choose 3d · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Contact Buttons — Stacked
Minimal stack.
Best forNuts stores.
Where to place itUnder the price.
How to use: add the Product Contact Buttons block and choose minimal · stack · top in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Brand-Color Contact Buttons — Grid
Brand-colored grid.
Best forPickle stores.
Where to place itProduct summary.
How to use: add the Product Contact Buttons block and choose brand · grid · left in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Solid Contact Buttons — Inline
Solid row.
Best forSpice stores.
Where to place itUnder the order button.
How to use: add the Product Contact Buttons block and choose solid · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Contact Buttons — Stacked
Soft stack.
Best forHoney stores.
Where to place itUnder the price.
How to use: add the Product Contact Buttons block and choose soft · stack · top in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Contact Buttons — Grid
Outline grid.
Best forKitchen stores.
Where to place itProduct summary.
How to use: add the Product Contact Buttons block and choose outline · grid · left in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Contact Buttons — Inline
Gradient row — eye-catching default.
Best forAny store selling via chat.
Where to place itUnder the order button.
How to use: add the Product Contact Buttons block and choose gradient · inline · right in its style settings
What you can customize in this widget
ColorsHeading color, Subtitle color, Note color, Button background, Button color, Icon color, Border color, Hover background, Hover color, Box background, Box border color
Font & text sizeSize, Subtitle size, Icon size, Heading size, Note size
Size & spacingColumns, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleMode, Design, Icon position, Text align, Layout
Animation & effectsShadow, Icon animation, Animation, Animation first, Hover, Hover border
Show / hide optionsCopy desktop, Show icons, Icon bubble, Sticky mobile, On, Orig
Text, images & linksHeading, Subtitle, Items, Auto WhatsApp, Auto ms, Auto ph, Auto msg, Note, Copied text, Button min, Padding y, Padding x, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0