Setup card checkout on a website

Loopz allows you sell gift cards on your website by embedding a script and some custom code on your website. Integrating the solution only takes a few minutes and is easy to customize. This guide will take you through the steps to setup the gift card checkout solution on your website.

 
Try buying a test gift card!

 

Step 1 : Complete Program Setup

Make sure you've completed the following steps in the app:

The card checkout will be closed for your program until you've completed these steps.

 

Step 2 : Include card checkout script

Include the following code snippet to your website. It will show a simple button that when clicked will start the card checkout.


<script 
	id="loopz-card-purchase"
    data-programId="{PROGRAM_ID}"
    type="text/javascript" 
    src="https://my.loopz.io/js/cardPurchase.js" 
    async 
></script>
<button onClick="Loopz.startCardPurchase()">Buy Gift Card</button>
	

Your program ID is

Can't see your program ID?

Visit this page through the app to see your program's ID. 

 
program-home-highlight-share.png
 
program-home-highlight-visit-checkout-setup-guide.png