How to Create WooCommerce Gift Cards (5 Steps)?

Do you wanna create and sell gift cards on your WooCommerce store? WooCommerce gift cards offer an easy way to increase sales in your store and give customers the option to purchase store credits from your store.

Online shoppers love gift cards. They can purchase and redeem them at any time and gift them to their loved ones. WooCommerce gift cards are an excellent choice for those who are unsure what to buy but still want to give a thoughtful gift.

In this article, we will discuss how to create WooCommerce gift cards. Since this is a beginner-friendly article, we will cover everything from the ground up. If you would like to read a particular section, we recommend you to hover over the Table of Contents.

But first, let’s look into the key things we’ll cover.

WooCommerce gift cards are prepaid digital vouchers that customers can purchase and redeem from a WooCommerce store. Gift cards have specific monetary value, so customers can use them at checkout in exchange for purchasing a product or service from the store.

Store owners offer gift cards with pre-set amounts like $100, $200, or $500 or allow customers to buy gift cards worth any amount. WooCommerce gift vouchers allow your customers to buy store credit and use it for themselves or gift it to their loved ones.

WooCommerce gift cards can be really helpful in bringing more sales and increasing revenue in your store. It offers an easy way for your customers to buy store credits from your store. Your customers can purchase gift cards for any specific amount and redeem them at any time. WooCommerce gift cards also allow customers to send gifts to their loved ones. 

WooCommerce gift cards can also bring new customers to your store site. When a shopper buys a gift card from your store and sends it to someone, and that person redeems it, you will acquire a new customer. As you may know, it is hard to get new customers to signup for your store, but gift cards can be a good reason for customers to sign up for your store.

You can reward your loyal customers by creating free gift vouchers and sharing it. Unlike discount coupons, gift cards make your customers feel special, as they have a feeling of getting a gift from your store. This can build good relationships with your customers.

WooCommerce gift cards also offer a faster checkout for your customers. While redeeming the gift card at the checkout, your customers need not have to enter any card details. 

WooCommerce, by default, doesn’t include a feature for selling gift cards. However, you can add this functionality with various available third-party WooCommerce gift voucher plugins.

As we mentioned, there are many options to choose from. For this post, we’ll be using the Webtoffee’s WooCommerce gift card plugin to create gift cards.

Step 1: Install the WooCommerce Gift Cards Plugin

After purchasing the gift card plugin, download the plugin .zip file from the ‘My account’ section of WebToffee. Then go to Plugins > Add New from your WordPress dashboard and upload the plugin file to install and activate the plugin.

Now that you have completed the installation for the WooCommerce gift card plugin, follow the below steps.

If you prefer watching a video tutorial, check out this video on creating WooCommerce gift cards.

Step 2: Configuring General Settings for WooCommerce Gift Cards

From your WordPress dashboard, navigate to the Gift cards menu and select the General settings tab from the top menu.

Select the General tab from the right side panel. You can see the general settings for the plugin. Let’s have a look at the general settings in detail.

1. Enable gift card product: This enables you to create a gift card product on your store. Make sure this checkbox is enabled.

2. Allow users to: Choose whether you want to allow your customers to print gift cards or email gift cards or both. Let’s keep both these checkboxes enabled.

3. Order status to generate gift cards: Select an order status on which you want to generate the gift card. Let’s select Completed as the order status to generate gift cards.

Gift Card Usage Settings:

Now expand the Gift card usage settings widget to set usage restrictions for gift cards.

1. Gift card application: Choose whether to apply the gift card before or after calculating tax. You have two options: Apply before tax and Apply after tax.

• Apply after tax: The gift card is applied after tax is calculated. For example, if the cart subtotal is $150 and the gift card is 10%, tax is first calculated on $150. The gift card value is deducted after the tax calculation.
• Apply before tax: The gift card is applied to the subtotal before tax is calculated. For example, if the cart subtotal is $150 and the gift card is 10%, the calculation is $150 – $15 = $135. Tax is then calculated on $135.

Here, we will select apply after tax, which means the gift card will be applied on the subtotal after calculating tax.

2. Apply on tax, shipping and other charges: Uncheck this box to restrict gift card usage on shipping and other charges. Enabling this feature allows store owners to offer customers complete redemption, including shipping and other charges.

3. Allow usage with other coupons: Uncheck this checkbox to restrict gift cards from being used with other coupons.

4. Allow usage of store credit to purchase gift cards: Enable your checkbox to allow your customers to purchase gift cards using store credits.

5. Set expiry for generated coupons: Set an expiration date for the gift card coupons. Enter any number of days for gift card expiration. You can leave it blank if you don’t want to set an expiry date.

Step 3: Configuring WooCommerce Gift Card Product Page Fields

Now go to the Product page fields tab from the right side panel.

In this section, you can adjust various settings to tailor the gift card product pages to your needs. You can customize the titles of the gift card product pages and also enable or disable a variety of fields that will appear on the gift card product page.

Below are the available fields:

• Recipient email (This field cannot be removed)
• Recipient name
• Sender email
• Sender name
• Caption
• Message

Enable or disable the checkboxes accordingly. This customization allows you to control which details are displayed to your customers.

Step 4: Choosing a Template for WooCommerce Gift Cards

Navigate to the Template Settings tab to access a variety of options for creating WooCommerce gift cards.

Here you will have 20+ predefined templates for creating WooCommerce gift cards.

You can choose whether to allow customers to create their own gift card images by enabling or disabling the ‘Allow Customer to Upload Gift Card Image’ option. Additionally, you can set the maximum file size for these uploads.

Enable the ‘Categorize Templates’ checkbox to organize templates based on categories. This makes it easier to find the perfect design for different occasions.

You can see templates in different categories such as General, Birthday, New year, Anniversary, and Christmas. If you prefer to create custom gift cards template, you can upload an image from your local storage. Simply click on the + icon to add your custom gift card design.

After choosing a template click on the Save button to save the settings.

Now you have configured the WooCommerce gift cards plugin. Let’s create a gift card product in our WooCommerce store.

Step 5: Creating a WooCommerce Gift Card Product

Go to the Gift Card Products tab and click on Add new.

Navigate to the Gift Card Products tab and click on Add new.

Provide a name for your gift card product and add a short gift card product description.

Scroll down to the product data widget.

Under the General tab, you will find the Purchase options. Here, you can choose the gift card amount as either Predefined amounts or set gift card Custom amount. Let’s choose Predefined amounts for this example.

In the Set predefined amounts column, enter the desired amounts for the gift card. You can add multiple amounts by separating them with commas. For instance, you can add 10, 20, 50.

Additionally, you can set usage restrictions and product exclusions as needed.

Don’t forget to add any other relevant fields, such as product images and categories. Once you’ve completed all the necessary fields, ‘Publish‘ the product.

Now you have successfully created a gift card on your WooCommerce store.

Step 6: Preview the Gift Card From the Front End

Navigate to the front end of your website and go to the gift card product page.

This is how the gift card will look on the front end.

You can see the predefined amounts we have created, product page fields including sender and recipient details, gift card messages, etc.

You can enable the ‘Send Today‘ option to deliver the gift card immediately. If this option is unchecked, you have the flexibility to schedule the gift card delivery for a future date.

WooCommerce gift cards are truly a boon for both store owners and online shoppers. Shoppers can send personalized gift cards to loved ones, especially when uncertain about the perfect gift, while store owners can boost sales and attract new visitors to their sites.

To get started with gift cards on your WooCommerce store, follow these steps:

1. Install and activate any WooCommerce gift cards plugin
2. Configure the general settings for WooCommerce gift cards
3. Customize gift card product page fields
4. Add a WooCommerce gift card product to your store

The WebToffee WooCommerce Gift Cards plugin is a great solution, offering features such as unlimited gift vouchers, pre-designed templates, and the option to send products as gifts.

If you found this guide helpful, please leave us a comment. And don’t miss our article on how to sell gift vouchers of fixed amounts in WooCommerce.

Thanks for reading!