How to integrate Square Gift Cards with your WooCommerce site?

When the gift card is created in WooCommerce your customers will then be able to use the gift card issued from Square POS on your WooCommerce site!

Step 1: Process a Order on the Square POS with a Gift Card

  • Jimmy Butler purchases gift card on your POS system. He is issued a randomly generated 16 digit code
  • However this gift card is not able to be redeemed on your WooCommerce store. How do we integrate the 2?

Step 2: Create Gift Card in WooCommerce

  • We will be using WooCommerce Gift Cards (created by WooCommerce) and their API will allow us to do this integration
  • Create a Gift Card Product
  • A good question to ask is how do you currently setup Gift Cards on Square? $10 / $25 / $50 / $100? We want to replicate the gift cards we sell on Square with WooCommerce
  • Another way to do this is using the Name Your Price plugin to use any amount you have on Square Gift Card automatically apply on your WooCommerce store with the same balance. Your customers on WooCommerce will also be able to purchase gift cards for any amount on your WooCommerce store unless you want to hide this product from your shop pages and search results (show how to hide product)

Step 3: Integrate Square and WooCommerce
We will be using Integromat to connect Square and WooCommerce so gift cards purchased on Square can be redeemed on your WooCommerce store.

Here’s how:

  • When a new order in Square contains a gift card, create a new gift card in WooCommerce with gift card amount and unique gift card code.

For example, Jimmy Butler purchases a gift card on Square POS. His gift card number is 4444-5555–6666-7777. Create this gift card number in WooCommerce so the customer can successfully redeem on your WooCommerce store.

  • Go to Integromat and sign up (takes 2 seconds).

If you want to help me out for creating this tutorial for you I would really appreciate it if you use the link in the description box 🙂

  • Create a new scenario in Integromat that watches orders in Square. To start we are going to Get that specific order we created in Step 1 of this tutorial and save the gift card to a google sheet and also send a email to us. You can easily set this up to see how this process works and interacts.

For example, I watch Square Orders > Create a new row in Google Sheets > Send email to myself > Set up a filter in Gmail to save to a label but mark it unread. I know am notified of when a gift card order happens in Square POS so I can double check the first few orders to make sure everything is working properly.

I create a new gift card order in Square and the scenario executes!

I see a new row was created in Google Sheets and a email was sent to me successfully! Now, what about creating a new gift card in WooCommerce?

Never thought you’d ask …

  • Add the WooCommerce API module. You will be asked to connect to your store settings. In my case charliescoffeeco.com.

—insert screenshot—

Paste the snippet below exactly how it is into your request.

—insert screenshot—

Save your scenario.

Let’s re-run the scenario.

A gift card was successfully created in WooCommerce. I can also see this by going to WooCommerce > Marketing > Gift Cards and cross-referencing with Square. The same gift card code issued in Square is now in WooCommerce!

-The customer can now look at their gift card number they purchased via Square and successfully redeem on your WooCommerce! (show the automated email with gift card number or the physical gift card code scratched off that customer now redeems on your store)

(note to self: before this create 5 different transactions in Square and 3 out of 5 have gift cards).

Step 4: Bulk Import Gift Cards from Square into WooCommerce

  • Create a new scenario in Integromat
  • Set this up to scan all gift cards in Square
  • For each gift card that exists in Square replicate that gift card in WooCommerce

Here is how I set up in Integromat:

—insert—

Now all our gift cards from Square are in WooCommerce!

But what about updating the gift card balance back to Square after a gift card is redeemed on WooCommerce?

Step 5: Sync gift card balance from WooCommerce to Square

  • When a order in WooCommerce contains a gift card we update the gift card balance in Square.
Simon Gondeck

I’m a big fan of WordPress + WooCommerce (especially WooCommerce Subscriptions). Check out my YouTube channel.

Leave a Comment