DESIGN 01 / 16DarkNotchFill

Dark Variant Price Cards — Notch Badge, Filled Selection

Each size/pack as a price card; the chosen one fills with color.

Best forProducts with 2–4 sizes at different prices.
Where to place itRight above the order form.

How to use: add the BD Variant Price Cards (COD) block and choose dark · notch · fill in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 02 / 16ListInlineAccent

List Variant Prices — Inline Badge, Accent Selection

Variants as a simple list with price and accent highlight.

Best forMany size options on mobile.
Where to place itInside the order section.

How to use: add the BD Variant Price Cards (COD) block and choose list · inline · accent in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 03 / 16TicketCornerGlow

Ticket Variant Price Cards — Corner Badge, Glow

Ticket-style cards that glow when selected.

Best forFestival packs.
Where to place itOffer section.

How to use: add the BD Variant Price Cards (COD) block and choose ticket · corner · glow in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 04 / 16ClassicRibbonRaise

Classic Variant Price Cards — Ribbon, Raised

Classic cards with ribbon badge that lift when chosen.

Best forShowing the “best value” pack.
Where to place itPricing section.

How to use: add the BD Variant Price Cards (COD) block and choose classic · ribbon · raise in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 05 / 16SoftNotchFill

Soft Variant Price Cards — Notch Fill

Soft cards with notch badge.

Best forFriendly food brands.
Where to place itAbove the order form.

How to use: add the BD Variant Price Cards (COD) block and choose soft · notch · fill in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 06 / 16OutlineInlineAccent

Outline Variant Price Cards — Inline Accent

Outline cards with accent selection.

Best forMinimal pages.
Where to place itPricing section.

How to use: add the BD Variant Price Cards (COD) block and choose outline · inline · accent in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 07 / 16SolidCornerGlow

Solid Variant Price Cards — Corner Glow

Solid cards with corner badge and glow.

Best forPickle combos.
Where to place itOffer section.

How to use: add the BD Variant Price Cards (COD) block and choose solid · corner · glow in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 08 / 16GradientRibbonRaise

Gradient Variant Price Cards — Ribbon Raise

Gradient cards with ribbon.

Best forSpice bundles.
Where to place itPricing section.

How to use: add the BD Variant Price Cards (COD) block and choose gradient · ribbon · raise in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 09 / 16DarkNotchFill

Dark Variant Price Cards — Honey Version

Dark cards with filled selection.

Best forHoney jar sizes.
Where to place itAbove the order form.

How to use: add the BD Variant Price Cards (COD) block and choose dark · notch · fill in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 10 / 16ListInlineAccent

List Variant Prices — Oil Version

Simple list with accent.

Best forOil bottle sizes.
Where to place itOrder section.

How to use: add the BD Variant Price Cards (COD) block and choose list · inline · accent in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 11 / 16TicketCornerGlow

Ticket Variant Price Cards — Nuts Version

Ticket cards with glow.

Best forNut pack sizes.
Where to place itOffer section.

How to use: add the BD Variant Price Cards (COD) block and choose ticket · corner · glow in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 12 / 16ClassicRibbonRaise

Classic Variant Price Cards — Pickle Version

Classic cards with ribbon.

Best forPickle jar sizes.
Where to place itPricing section.

How to use: add the BD Variant Price Cards (COD) block and choose classic · ribbon · raise in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 13 / 16SoftNotchFill

Soft Variant Price Cards — Spice Version

Soft cards with notch.

Best forSpice packs.
Where to place itAbove order form.

How to use: add the BD Variant Price Cards (COD) block and choose soft · notch · fill in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 14 / 16OutlineInlineAccent

Outline Variant Price Cards — Honey Gift

Outline cards with accent.

Best forGift sizes.
Where to place itPricing section.

How to use: add the BD Variant Price Cards (COD) block and choose outline · inline · accent in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 15 / 16SolidCornerGlow

Solid Variant Price Cards — Oil Bulk

Solid cards with glow.

Best forBulk oil options.
Where to place itOffer section.

How to use: add the BD Variant Price Cards (COD) block and choose solid · corner · glow in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
DESIGN 16 / 16GradientRibbonRaise

Gradient Variant Price Cards — Best Value Default

Gradient cards with ribbon — strong default.

Best forAny multi-size product.
Where to place itRight above the order form.

How to use: add the BD Variant Price Cards (COD) block and choose gradient · ribbon · raise in its style settings

What you can customize in this widget
ColorsHeading color, Subhead color, Card background, Card line, Hot line, Tag background, Tag color, Name color, New price color, Old price color, Subtitle color, Media color, Button background, Button color, Accent, Background, Box background, Box border color
Font & text sizeMedia size, Heading size, Name size, New price size, Old price size, Tag size, Subtitle size
Size & spacingColumns, Gap, Card radius, Button radius, Radius, Box margin, Box background size, Box radius
Layout & styleDesign, Text align, Tag position, Tag shape, Old price position, Old price strike, Media position, Featured style, Button design, Button icon position, Button align
Animation & effectsCard hover, Button icon animation, Button hover, Button attention effect, Hover, Animation, Shadow
Show / hide optionsSelect mode, Button show, Button full, On, Orig
Text, images & linksHeading, Heading tag, Subheading, Cards, Image ratio, Card padding, Card border, Image radius, Button text, Button link, Button icon, Button note, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0