Legend Contact Bar
Contact options (call, WhatsApp, Messenger) inside a box with a title on the border line.
Best forLetting buyers call or message before they order. Works nicely for nuts and dry fruits.
Where to place itUnder the order button.
How to use: add the Contact Bar block and choose legend in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Legend Contact Bar (Alt 2)
Contact options (call, WhatsApp, Messenger) inside a box with a title on the border line.
Best forLetting buyers call or message before they order. Works nicely for pickles and homemade foods.
Where to place itAfter the FAQ.
How to use: add the Contact Bar block and choose legend in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Contact Bar
Contact buttons inside a clean card.
Best forLetting buyers call or message before they order. Works nicely for spices and masala.
Where to place itNear the end of the page.
How to use: add the Contact Bar block and choose card in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Contact Bar (Alt 2)
Contact buttons inside a clean card.
Best forLetting buyers call or message before they order. Works nicely for honey and gift items.
Where to place itRight after the price.
How to use: add the Contact Bar block and choose card in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Contact Bar
Soft pastel contact bar.
Best forLetting buyers call or message before they order. Works nicely for oil and kitchen staples.
Where to place itUnder the order button.
How to use: add the Contact Bar block and choose soft in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Contact Bar (Alt 2)
Soft pastel contact bar.
Best forLetting buyers call or message before they order. Works nicely for nuts and dry fruits.
Where to place itAfter the FAQ.
How to use: add the Contact Bar block and choose soft in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Contact Bar
Outline contact bar — light and simple.
Best forLetting buyers call or message before they order. Works nicely for pickles and homemade foods.
Where to place itNear the end of the page.
How to use: add the Contact Bar block and choose outline in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Contact Bar (Alt 2)
Outline contact bar — light and simple.
Best forLetting buyers call or message before they order. Works nicely for spices and masala.
Where to place itRight after the price.
How to use: add the Contact Bar block and choose outline in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Contact Bar
Colorful gradient contact bar.
Best forLetting buyers call or message before they order. Works nicely for honey and gift items.
Where to place itUnder the order button.
How to use: add the Contact Bar block and choose gradient in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Contact Bar (Alt 2)
Colorful gradient contact bar.
Best forLetting buyers call or message before they order. Works nicely for oil and kitchen staples.
Where to place itAfter the FAQ.
How to use: add the Contact Bar block and choose gradient in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Contact Bar
Dark contact bar that stands out.
Best forLetting buyers call or message before they order. Works nicely for nuts and dry fruits.
Where to place itNear the end of the page.
How to use: add the Contact Bar block and choose dark in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Contact Bar (Alt 2)
Dark contact bar that stands out.
Best forLetting buyers call or message before they order. Works nicely for pickles and homemade foods.
Where to place itRight after the price.
How to use: add the Contact Bar block and choose dark in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Glass Contact Bar
Frosted-glass contact bar.
Best forLetting buyers call or message before they order. Works nicely for spices and masala.
Where to place itUnder the order button.
How to use: add the Contact Bar block and choose glass in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Glass Contact Bar (Alt 2)
Frosted-glass contact bar.
Best forLetting buyers call or message before they order. Works nicely for honey and gift items.
Where to place itAfter the FAQ.
How to use: add the Contact Bar block and choose glass in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Accent Contact Bar
Contact bar with a colored accent edge.
Best forLetting buyers call or message before they order. Works nicely for oil and kitchen staples.
Where to place itNear the end of the page.
How to use: add the Contact Bar block and choose accent in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Accent Contact Bar (Alt 2)
Contact bar with a colored accent edge.
Best forLetting buyers call or message before they order. Works nicely for nuts and dry fruits.
Where to place itRight after the price.
How to use: add the Contact Bar block and choose accent in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Contact Bar
Minimal row of contact buttons.
Best forLetting buyers call or message before they order. Works nicely for pickles and homemade foods.
Where to place itUnder the order button.
How to use: add the Contact Bar block and choose minimal in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Contact Bar (Alt 2)
Minimal row of contact buttons.
Best forLetting buyers call or message before they order. Works nicely for spices and masala.
Where to place itAfter the FAQ.
How to use: add the Contact Bar block and choose minimal in its style settings
What you can customize in this widget
ColorsAll background, Accent, Head color, Head background, Background, Box background, Box border color
Font & text sizeButton size, Icon size, Head size, Head weight
Size & spacingButton radius, Icon gap, Head radius, Button gap, Head gap, Max width, Radius, Box margin, Box background size, Box radius
Layout & styleHeading position, Button design, Icon position, Box design, Text align
Animation & effectsButton hover, Hover, Animation, Shadow
Show / hide optionsShow heading, Show icons, Use brand, Head border, Button equal, Sticky close, On, Orig
Text, images & linksSource, Heading, Buttons, All color, Button py, Button px, Button min, Head px, Head py, Button dir, Button justify, Rotate, Sticky, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0