SureCart Price Toggle for Bricks Builder

Configure your domain: Enter your website domain in the field above
Find your Price IDs in SureCart: Go to SureCart → Products → Select your product → Click on each price → Copy the Price ID that appears
Paste Price IDs: Add them to the corresponding fields in each plan below (Option 1 = one-time price, Option 2 = recurring price)
Customize appearance: Adjust colors, text size, and labels as needed
Click Copy JS to copy the code
In Bricks Builder, add a Code element and paste the JavaScript
Add a Div element where you want the toggle
In the Div's attributes, add data-sureswitch as attribute name (leave value empty)

SureCart Configuration

Domain Configuration

Your Website Domain *

Enter your domain where SureCart is installed. URLs will be generated as: https://yourdomain.com/checkout/?line_items[0][price_id]=PRICE_ID&line_items[0][quantity]=1

Plans Configuration

SureCart Price IDs

Get your Price IDs from SureCart → Products → Select Product → Price Details. Copy the Price ID for both pricing options. You can create multiple plans (Basic, Pro, Premium, etc.) and users will be able to select between them.

Appearance Settings

Theme

Dark Theme

Active Color

HEX

Background Color (Dark)

HEX

Text Color

HEX

Currency

Currency Position

Typography Settings

Option Text Size

16px

Price Text Size

48px

Period Text Size

24px

Tax Text Size

24px

Savings Text Size

20px

Text Settings

Option 1 Label

Option 2 Label

Option 2 Description

Option 1 Description

Tax Text

Show tax text

Behavior Settings

Payment Periods

Default Option

Animate price changes

Clickable option labels

Auto-update button URLs

Show savings text