Solid Sticky Bar — Light Bottom
A light bar fixed at the bottom with a solid order button.
Best forMobile landing pages so the order button is always visible.
Where to place itStuck to the bottom of the screen.
How to use: add the Sticky Action Bar block and choose solid · light · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Sticky Bar — Dark Bottom
Dark bottom bar with a gradient button.
Best forDark-themed or premium pages.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose gradient · dark · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Sticky Bar — Glass Top
Frosted bar at the top with a soft button.
Best forDesktop visitors and long pages.
Where to place itTop of the screen, under the header.
How to use: add the Sticky Action Bar block and choose soft · glass · top in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Sticky Bar — Gradient Bottom
Gradient bar with an outline button.
Best forColorful campaign pages.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose outline · gradient · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Ghost Sticky Bar — Clear Bottom
Transparent bar with a ghost button — very light.
Best forPages where you don’t want a heavy bar.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose ghost · clear · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Glass Sticky Bar — Light Top
Light frosted bar at the top.
Best forModern stores.
Where to place itTop of the screen.
How to use: add the Sticky Action Bar block and choose glass · light · top in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Pill Sticky Bar — Dark Bottom
Dark bar with a rounded pill button.
Best forMobile-first pages.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose pill · dark · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Square Sticky Bar — Glass Bottom
Frosted bar with a square button.
Best forClean, modern brands.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose square · glass · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Raised Sticky Bar — Gradient Top
Gradient bar at the top with a raised button.
Best forSale campaigns.
Where to place itTop of the screen.
How to use: add the Sticky Action Bar block and choose raised · gradient · top in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
3D Edge Sticky Bar — Clear Bottom
Clear bar with a 3D edge button that feels clickable.
Best forBoosting clicks on mobile.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose edge3d · clear · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Glow Sticky Bar — Light Bottom
Light bar with a glowing button.
Best forOffers that need extra attention.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose glow · light · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Neumorph Sticky Bar — Dark Top
Soft 3D (neumorphic) button on a dark top bar.
Best forPremium and tech-style pages.
Where to place itTop of the screen.
How to use: add the Sticky Action Bar block and choose neumorph · dark · top in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Duotone Sticky Bar — Glass Bottom
Two-tone button on a frosted bar.
Best forColorful food brands.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose duotone · glass · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Accent Sticky Bar — Gradient Bottom
Gradient bar with an accent-colored button.
Best forGift and honey offers.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose accent · gradient · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Underline Sticky Bar — Clear Top
Minimal clear top bar with an underline link button.
Best forContent-heavy pages.
Where to place itTop of the screen.
How to use: add the Sticky Action Bar block and choose underline · clear · top in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Shine Sticky Bar — Light Bottom
Light bar with a shiny animated button — a strong default.
Best forAny COD landing page.
Where to place itBottom of the screen.
How to use: add the Sticky Action Bar block and choose shine · light · bottom in its style settings
What you can customize in this widget
ColorsBar background, Bar line, Info color, Price color, Box background, Box border color
Font & text sizeIcon size, Label size
Size & spacingEqual width, Max width, Bar margin, Bar radius, Gap, Button height, Button radius, Box margin, Box background size, Box radius
Layout & stylePosition, Design, Icon position
Animation & effectsBar shadow, Reveal speed, Hover
Show / hide optionsShow info, Info thumb, Reserve, Show label, Bar border, On, Orig
Text, images & linksButtons, Info image, Info title, Info price, Info old price, Info note, Devices, Trigger, Hide at, Z index, Bar skin, Padding y, Padding x, Reveal, Bar bg2, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0