Drop a <script> tag and an HTML block into your checkout. The script injects package cards, images, animations and A/B test automatically.
Exactly as it appears on the checkout. Switch between A/B test variants.
No npm, no build, no dependencies. Works on any checkout platform.
<head> or before </body><script src="https://d2xsxph8kpxj0f.cloudfront.net/310419663028428251/UBvV5wJZ8ZDuFe37KDNuE3/vitacept-bump_1b806785.js" defer></script>
<!-- 1. Load the script (once per page) -->
<script src="https://d2xsxph8kpxj0f.cloudfront.net/310419663028428251/UBvV5wJZ8ZDuFe37KDNuE3/vitacept-bump_1b806785.js" defer></script>
<!-- 2. Paste where you want the order bump -->
<section class="vc-bump"
data-title="Choose Your Vitacept Package"
data-subtitle="Select the best value and save more">
<!-- 2 Bottles – Try Two (left) -->
<a class="vc-offer"
href="YOUR_CHECKOUT_LINK_2"
data-offer="basic"
data-headline="Try Two"
data-description="60 Days, 2 Bottles"
data-bottles="2" data-guarantee="60"
data-total="158" data-full="358"
data-shipping="9.99" data-value-round="yes"
data-button-text="BUY NOW"
data-aux="Basic Offer">
</a>
<!-- 6 Bottles – Best Value (center) -->
<a class="vc-offer"
href="YOUR_CHECKOUT_LINK_6"
data-offer="promo"
data-headline="Best Value!"
data-description="180 Days, 6 Bottles"
data-bottles="6" data-guarantee="60"
data-total="294" data-full="1074"
data-shipping="Free" data-value-round="yes"
data-button-text="BUY NOW"
data-aux="Best Offer!">
</a>
<!-- 3 Bottles – Good Value (right) -->
<a class="vc-offer"
href="YOUR_CHECKOUT_LINK_3"
data-offer="mid"
data-headline="Good Value"
data-description="90 Days, 3 Bottles"
data-bottles="3" data-guarantee="60"
data-total="207" data-full="537"
data-shipping="Free" data-value-round="yes"
data-button-text="BUY NOW"
data-aux="Good Offer!">
</a>
</section><script>
document.addEventListener('vc:rendered', function(e) {
// e.detail.variant === 'A' or 'B'
console.log('Variant displayed:', e.detail.variant);
// gtag('event', 'order_bump_variant', { variant: e.detail.variant });
});
</script>| Attribute | Description | Example |
|---|---|---|
| href | Checkout link for the package | https://... |
| data-offer | Type: promo (featured), mid, basic | promo |
| data-headline | Card title | Best Value! |
| data-description | Card subtitle | 180 Days, 6 Bottles |
| data-bottles | Number of bottles (2, 3 or 6) | 6 |
| data-guarantee | Guarantee days | 60 |
| data-total | Total package price | 294 |
| data-full | Original price (strikethrough) | 1074 |
| data-shipping | Shipping: Free or numeric value | Free |
| data-value-round | Round price per bottle (yes/no) | yes |
| data-button-text | Button text | BUY NOW |
| data-aux | Auxiliary text below button | Best Offer! |
| data-ab-variant | Force variant A or B (on container) | A |