NEW RELEASE
v2.2 - 40+ new elementsWhat's new
SureCart Price Toggle Configurator - SureCart Integration
data-sureswitch
How to Use & SureCart Integration Guide
  1. Configure your domain: Enter your website domain in the field above
  2. Find your Price IDs in SureCart: Go to SureCart → Products → Select your product → Click on each price → Copy the Price ID that appears
  3. Paste Price IDs: Add them to the corresponding fields in each plan below (Option 1 = one-time price, Option 2 = recurring price)
  4. Customize appearance: Adjust colors, text size, and labels as needed
  5. Click Copy JS to copy the code
  6. In Bricks Builder, add a Code element and paste the JavaScript
  7. Add a Div element where you want the toggle
  8. 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
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
Behavior Settings
Payment Periods
Default Option