Many of you have asked us how to add the extra cost to a WooCommerce gift card? When you, for example, want to send the card by post and charge clients for shipping. In this article, I will write how to do it. 🙂
How to create WooCommerce gift card?
First of all, I want to let you know that you can generate a gift card using the free version of the Flexible Coupons plugin, that you may find in the WordPress repository.
With the plugin, you can create your own card graphics and link them to your product. Once your customer purchases the product, a discount PDF card will be created for them with a value equal to the product price. At the same time, a WooCommerce coupon will be created, whose code you can place on the PDF.
The PRO version of the plugin also enables filling of the card with content from the order like the name of your client, or the value of the coupon (product). This is thanks to shortcodes that automatically transfer content from the order to the gift card.
The gift card is a WooCommerce virtual product and can't be shipped. So, the shipping cost can't be added to the order with the card.
But there is a workaround!
To add the shipping cost, you can use Flexible Product Fields PRO. The plugin allows you to add extra paid fields to your product page.
✅ The name of the person who is to receive the coupon.
✅ The email address of the person to whom the email goes.
✅ A field for the entry of wishes or a message for the recipient.
But for better look of the screenshot, I used just one - message for the recipient - in the following example. 😉
Set up shipping cost for WooCommerce gift card
Create a gift card with Flexible Coupons
The process is well described, and I think plugin configuration will be effortless for you.
Flexible Product Fields settings
Dealing with Flexible Product Fields settings is a pure pleasure! 🙂
First, select the product for which you want to display additional fields. In my example, I used the name Gift Card with optional shipping costs.
Then add several fields, the key one being the first - a checkbox whose ticking by your client will do two things on the product page:
✅ The address fields will be displayed,
✅ the shipping cost will be added to the order.
In the General tab, fill in the field name, and optionally the placeholder and tip tool. Then go to the Pricing tab and fill in the price with the value you want to charge your customers.
Look at the checkbox settings should look like this:
The second field is a text field for the recipient’s first and last name. In this field, we need to set up conditional logic (in the Conditional logig tab) that will bind the text field to be displayed on the product page only after the checkbox is ticked. Like on the gif below:
Settings of this field will be analogous to the other fields, which differ only in name. So copy the text field settings to the next ones and make sure the settings in Conditional logic tab are the same in each field's settings.
Finally, the settings, you can see how all the fields in the plugin settings should look like:
And here you can find the result on product page:
As you can see, it is easy to deal with the additional shipping cost if you want to send the WooCommerce gift card by post. This is how you can send tickets, certificates, vouchers and gift cards sold in the WooCommerce shop. And gain additional revenue for the service you provide.
Most importantly, at the end!
And the best for last - both plugins (Flexible Coupons and Flexible Product Fields PRO) together with many others can be yours for the sensational price of $99! And you can test the plugins because of the 30-day money-back guarantee.Add to cart All Plugin Bundle →