Sell gift cards online

Site Builder is no longer sold by Vista. This article is only relevant if you purchased a website from Vista before March 9, 2022.
If you're interested in purchasing a website, you can learn more at Vista x Wix.

You can use your Vistaprint website to sell gifts cards online. In this article we will show you how to use GiftUp to provide your customers with digital gift cards.

NOTE: Although Vistaprint is not affiliated with GiftUp, we recommend it for its zero monthly and set-up fees. You are free to use other gift card providers that offer an embed code that will work with your Vistaprint site. 

Setup your GiftUp account and create your embed code

First, set up your account at https://www.giftupapp.com/

1. Click Getting started in the upper-left corner to continue set-up. 

sellgiftcards_gettingstarted.jpg

2. Add your business details. This is your business name, type of business, location, etc.

3. Create a gift card. Here, you will decide on a name and the value of the card.

4. Add a payment gateway. This is the checkout provider of your choice.

sellgiftcards_paymentgateway.jpg

Once you select a payment gateway, you will be directed to their site to log in and connect to GiftUp. Once you confirm, you will be re-directed to GiftUp. If you don't already have an account with one of these providers, you can still choose one and sign up, then return to GiftUp.

5. Get your checkout code. This is where you will generate an embed code to place on your Vistaprint website. Choose the Embed in your website option. 

sellgiftcards_getcode.jpg 

6. Scroll to 'Please select your website builder' and select All other websites.

sellgiftcards_allotherwebsites.jpg

7. This will take you to a page where you can grab the code for your website. Click Copy to clipboard beneath the embed code. 

sellgiftcards_copycode.jpg

 

Add the code to your Vistaprint website

1. Hover on an area or block on your website and click the green plus sign to Add Element.

addelement_bullet.jpg

2. From the elements menu select the HTML element from the Extras section.

customhtml_choosehtml.jpg

3. Before you can add the element to your site, you'll see a message informing you to make sure you only use codes from trusted sources and that Vistaprint cannot guarantee support for custom codes. Click I understand to begin customising the element. 

customhtml_warning.jpg

4. Once you add the HTML element click the placeholder to launch the toolbar and click the Settings cogwheel on the far left. This will expose the Embed Code menu.

5. Paste the code you copied from GiftUp into the Embed Code field and click Update.

NOTE: If you need to recover your embed code, on GiftUp go to Settings > Checkout installation code > Embed in your website and choose All other websites.

sellgiftcards_pastecode.jpg

Click Update to save your embed code. Your gift card will look like this when published:

sellgiftcards_example.jpg

Click Publish.

TIP: if you want to provide your customers with a direct link to their gift cards (which can be used in email communications, for example) check out GiftUp's instructions here.

Sell gift cards onlineFollow

Site Builder is no longer sold by Vista. This article is only relevant if you purchased a website from Vista before March 9, 2022.
If you're interested in purchasing a website, you can learn more at Vista x Wix.

You can use your Vistaprint website to sell gifts cards online. In this article we will show you how to use GiftUp to provide your customers with digital gift cards.

NOTE: Although Vistaprint is not affiliated with GiftUp, we recommend it for its zero monthly and set-up fees. You are free to use other gift card providers that offer an embed code that will work with your Vistaprint site. 

Setup your GiftUp account and create your embed code

First, set up your account at https://www.giftupapp.com/

1. Click Getting started in the upper-left corner to continue set-up. 

sellgiftcards_gettingstarted.jpg

2. Add your business details. This is your business name, type of business, location, etc.

3. Create a gift card. Here, you will decide on a name and the value of the card.

4. Add a payment gateway. This is the checkout provider of your choice.

sellgiftcards_paymentgateway.jpg

Once you select a payment gateway, you will be directed to their site to log in and connect to GiftUp. Once you confirm, you will be re-directed to GiftUp. If you don't already have an account with one of these providers, you can still choose one and sign up, then return to GiftUp.

5. Get your checkout code. This is where you will generate an embed code to place on your Vistaprint website. Choose the Embed in your website option. 

sellgiftcards_getcode.jpg 

6. Scroll to 'Please select your website builder' and select All other websites.

sellgiftcards_allotherwebsites.jpg

7. This will take you to a page where you can grab the code for your website. Click Copy to clipboard beneath the embed code. 

sellgiftcards_copycode.jpg

 

Add the code to your Vistaprint website

1. Hover on an area or block on your website and click the green plus sign to Add Element.

addelement_bullet.jpg

2. From the elements menu select the HTML element from the Extras section.

customhtml_choosehtml.jpg

3. Before you can add the element to your site, you'll see a message informing you to make sure you only use codes from trusted sources and that Vistaprint cannot guarantee support for custom codes. Click I understand to begin customising the element. 

customhtml_warning.jpg

4. Once you add the HTML element click the placeholder to launch the toolbar and click the Settings cogwheel on the far left. This will expose the Embed Code menu.

5. Paste the code you copied from GiftUp into the Embed Code field and click Update.

NOTE: If you need to recover your embed code, on GiftUp go to Settings > Checkout installation code > Embed in your website and choose All other websites.

sellgiftcards_pastecode.jpg

Click Update to save your embed code. Your gift card will look like this when published:

sellgiftcards_example.jpg

Click Publish.

TIP: if you want to provide your customers with a direct link to their gift cards (which can be used in email communications, for example) check out GiftUp's instructions here.

Want to contact us?
phone
0800-222-062
Mon. - Fri. 11:00 AM-1:00 AM NZST
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day