SureSwitch

SureCart

Create elegant payment toggles that boost conversions for your SureCart customers.

Get Started

SureSwitch Configurator

Exclusive for BricksFusion Customers

SureSwitch is exclusively available for BricksFusion clients. Join us today to unlock this powerful feature!

View Pricing

Configure Your Toggle

Plans

Style

Text

Advanced

Price plan

Plan name

One-time price

Recurring price

One-time payment URL

Recurring payment URL

Toggle theme

Dark Light

Toggle active color

#097358

Background color (dark theme)

#111827

Text color

#FFFFFF

Currency

Currency position

Border radius

Option text size

Price text size

Price text weight

Period/Tax text size

Payment description text size

One-time payment label

Recurring payment label

Recurring payment description

Use {months} to automatically include the number of payment periods. This text appears for recurring payments (e.g. monthly, quarterly, etc).

One-time payment description

Tax text

Show tax text

Number of payment periods

The number of payment periods for recurring payments (months, quarters, etc).

Default option

Animate price change

Allow clicking on text labels

Automatically update button URL

Show savings compared to recurring payments

Live Preview

One-time

Monthly

166€

+VAT

/month for 6 months

How to implement SureSwitch

Customize your toggle

Configure all options to match your needs. Add as many pricing plans as you need, customize colors, text, and other settings until you're happy with the preview.

Generate and copy the code

Click the "Generate Code" button and then "Copy code". This creates all the magic needed to make your price toggle work!

Add the code to Bricks Builder

In Bricks Builder, add a "Code" element, paste your code, and make sure to check "Execute Code". This adds SureSwitch to your website.

Place toggles on your page

For a single pricing card:
• Add data-sureswitch to the div where you want the toggle
• Add data-sureswitch-button to your purchase button

Multiple pricing cards setup

If you have multiple price cards:

For each DIV where you want a toggle:
• Add data-sureswitch
• Add data-plan-index="0" for first plan, data-plan-index="1" for second plan
• Add data-button="unique-name" (example: "card1", "basic-plan", etc.)

For each BUTTON:
• Add data-sureswitch-button="unique-name" with the SAME name you used in the div

Example:
For "Basic Plan" card: data-button="basic" and data-sureswitch-button="basic"
For "Pro Plan" card: data-button="pro" and data-sureswitch-button="pro"

Generated Code

Code generated successfully! You can now copy it and implement it on your site.

SureSwitch.js