---
title: "Setup the gift card checkout page on your website | Loopz Gift Cards"
description: "Embed your gift card checkout page on your website with a simple code snippet, with steps for Squarespace, Wix, Wordpress, GoDaddy, and Shopify."
canonical: https://www.loopz.io/guides/setup-the-gift-card-checkout-page-on-your-website
---

Sell gift cards right from your website. This guide explains how to add your gift card checkout page to your website so your customers can purchase digital gift cards on your website.

First, login onto the [dashboard](https://dashboard.loopz.io) and navigate to the **Checkout Page** screen. Here you'll see your checkout page and a link and code snippet. Copy the code snippet.

![Checkout Page screen with embed link and code snippet](/website/images/guides/setup-the-gift-card-checkout-page-on-your-website/embed-checkout-on-website-1.png)

You'll need to add the code snippet to a page on your website. Once added, the gift card checkout page will be shown on the page on your website. The steps to add the code snippet depends on the website platform you're using. We'll describe the steps for some popular website hosting platforms.

If you are not using any of the described website platforms, you can also add the code snippet to a webpage's HTML source code.

## Squarespace

On a page where you want to add the checkout, add a new [Code Block](https://support.squarespace.com/hc/en-us/articles/206543167-Code-Blocks). Paste the code snippet you copied from your dashboard in the code block and click save. The checkout page will now show up on the page.

## Wix

To add the checkout to your Wix site, you'll have to add an [HTML Iframe](https://support.wix.com/en/article/using-iframes-to-display-visible-content-on-your-site) to your page. Once the HTML Iframe block is added to your page, you can either enter the checkout link you copied from your dashboard when selecting **Website Address** or paste the code snippet from the dashboard when you selected **Code** in the block.

## Wordpress

Adding the embedded checkout to your Wordpress site requires an [IFrame plugin](https://www.wpblog.com/wordpress-iframe/). Once the plugin is installed, paste the code snippet in the IFrame. The embedded checkout should now be shown.

## GoDaddy

Add a new [HTML Section](https://www.godaddy.com/help/add-html-or-custom-code-to-my-site-27252) to a page on your site and paste the code snippet in the **Custom Code** field.

## Shopify

We have a [dedicated Shopify app](/shopify) that will add the checkout to your Shopify store automatically, but if you want to add the checkout manually you can follow the steps below:

1. Login to your **Shopify** admin panel.
2. Click on Online Store – **Pages**.
3. Click on **Add page**.
4. Enter the Title of your **Page** and and click the **`<>`** icon in the text editor.
5. Paste the code snippet in the text editor