How to Sell Gift Cards on Squarespace: A Complete Step by Step Guide
Pin to Pinterest to Save for later!
Don’t have time to do this right away? Pin to Pinterest to save this tip for later.
Gift cards can be a powerful revenue stream for any online business. They bring in immediate cash flow, attract new customers, and give your existing audience a flexible way to support your brand. If you're using Squarespace, you might not realize just how easy it is to add gift cards to your site.
In this tutorial, I'll walk you through the entire process of setting up and selling gift cards on your Squarespace website, whether you're selling digital products, physical goods, or services.
Plus, it’s a great way for your audience to support small business with last minute holiday gifts or business investment gifts.
Why Sell Gift Cards?
Before we dive into the how-to, let's talk about why gift cards are worth your time:
Instant revenue: You get paid upfront, even before the customer redeems their card
Customer acquisition: Gift card recipients become new potential customers
Flexibility: Perfect for customers who aren't sure what to buy
Professional appearance: Shows you're running a legitimate, established business
Getting Started: Two Ways to Add Gift Cards
Squarespace gives you two options for adding gift cards to your site:
Set up the product first in your product inventory
Add it directly to the page where you want to sell it
For this tutorial, we'll use the second method since it's the quickest way to get started.
Step-by-Step: Adding a Gift Card to Your Site
Step 1: Navigate to Your Page
First, go to the page on your Squarespace site where you want to sell your gift card. This could be your shop page, a dedicated gift card page, or even your homepage.
Step 2: Add a Section
Click to add a new section to your page. You can start with a blank section to give yourself maximum flexibility for customization.
Step 3: Add a Product Block
Within your new section, add a block and scroll down to find the "Product" option. This is where your gift card will live.
Step 4: Create Your Gift Card Product
Click to edit the product block, then select "Create new product." This will take you to the product creation page where you'll see all your product type options.
Choose "Gift Card" from the available options.
Step 5: Customize Your Gift Card
Now comes the fun part—setting up your gift card details:
Product Name: Give your gift card a clear, descriptive name. Examples:
"Digital Products Gift Card"
"Shop Gift Card"
"[Your Business Name] Gift Card"
Description: Write a brief description explaining what the gift card can be used for, any terms and conditions, or expiration details.
Button Text: Customize the call-to-action button (the default "Add to Cart" works fine, but you can personalize it).
Additional Info: Include any extra details customers should know before purchasing.
Images: Add a professional image to make your gift card visually appealing. This could be your logo, branded graphics, or a styled product mockup.
Step 6: Set Your Gift Card Amounts
Squarespace automatically fills in some standard amounts: $25, $50, $75, and $100. But you have complete control here:
Add more options: Create additional price points that make sense for your business
Delete amounts: Remove any values you don't want to offer
Single amount option: If you only want to sell one denomination, just keep that one option
To customize, use the inventory section to add or remove amount options as needed.
Step 7: Organize with Categories and Tags
Stay organized by adding categories or tags to your gift card. This is especially helpful if you have multiple products and want to keep everything sorted.
Step 8: Configure Additional Settings
Featured Product: Toggle this on if you want to showcase this gift card prominently on your site.
Related Products: This is a smart feature! When customers are buying a gift card, you can suggest other products, courses, or digital downloads they might want to consider. This appears as "Related Products" during the checkout process.
Social Sharing: Under the social share settings, you can add and edit an image that will appear when someone shares your gift card link on Facebook or other social platforms. Make sure this image is eye-catching and clearly represents your brand.
Step 9: Save and Display
Click Save to create your gift card product.
Now you'll see your gift card section appear on your website. You can customize what displays:
Button
Value selector (where customers choose the amount)
Image
Title
Price
Description
Adjust the size of the section to fit your page layout—make it as prominent or subtle as you'd like.
Step 10: Add Supporting Content
Consider adding some text around your gift card to provide context:
A header that draws attention ("Give the Perfect Gift!")
Brief explanation of how gift cards work
Benefits of choosing a gift card
Instructions for redemption
Step 11: Optimize for Mobile
This step is crucial! Make sure to preview and edit your gift card display on mobile devices. Most of your customers will likely be shopping on their phones, so ensure the layout looks professional and is easy to use on smaller screens.
What the Customer Experience Looks Like
Once everything is set up, here's what your customers will see:
They land on your gift card page
They select their desired amount from the dropdown
They click "Add to Cart"
The gift card goes to their shopping cart
They proceed to checkout like any other product
The process is clean, professional, and user-friendly—exactly what you want for a smooth customer experience.
Tips for Success
Make it visible: Don't hide your gift cards! Add them to your main navigation or feature them prominently during holidays.
Create urgency: Consider seasonal promotions like "Holiday Gift Cards Available" or bonus amounts during special occasions.
Email marketing: Promote your gift cards through email campaigns, especially around gift-giving seasons.
Set clear terms: Be transparent about expiration dates, usage restrictions, and how gift cards can be redeemed.
Design matters: Invest time in creating an attractive gift card image that represents your brand well.
Final Thoughts
Setting up gift cards on Squarespace is straightforward and takes just a few minutes. Once configured, they become a passive revenue stream that works for you around the clock.
Whether you're selling digital products, physical goods, or services, gift cards provide your customers with flexibility while bringing in immediate revenue for your business.
Have questions about setting up gift cards on your Squarespace site? Drop a comment below—I'd love to help!
Need more Squarespace tips and tutorials? Subscribe to stay updated on the latest strategies for building and growing your online business.
Need More Help?
Check out my course The Passive Creator Method (where I break down even more tools and software programs and how to launch and build your course).
Want a pre-designed Squarespace website & course template? Shop Squarespace templates here.
Want me to build your course and do the tech work for you? Need a 1:1 consultation? I work 1:1 with businesses in Kartra, Squarespace, and Circle. Check out my services here or email emily@tohealthwithit.com