SureSwitch
SureCart
Create elegant payment toggles that boost conversions for your SureCart customers.
Configure Your Toggle
Live Preview
How to implement SureSwitch
• Add
data-sureswitch
to the div where you want the toggle• Add
data-sureswitch-button
to your purchase button
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.)
• Add
data-sureswitch-button="unique-name"
with the SAME name you used in the divExample:
For "Basic Plan" card:
data-button="basic"
and data-sureswitch-button="basic"
For "Pro Plan" card:
data-button="pro"
and data-sureswitch-button="pro"