How to set gift card image for gift card template

By default, each virtual gift card created on the site has the image provided by the plugin. This image can be changed both by administrator, during the creation of the “gift card” product, and by user, during the purchase. Let’s see how.

Administrator side

Site administrator can easily override the default image of the gift card in product edit page, by selecting the new image in “Choose image” field.

gift card image

In the second instance, if no image has been selected, it will consider the product image that, if set, will replace the default one provided by the plugin.

Product image as gift card image

Product image as gift card image

User side

To give users the possibility to set a customized image for the gift card they are purchasing, it is essential to enable “Custom image” in the general settings dashboard.

design and images

In this case, users could insert a customized image through the “Customize” button.

Gift card information form

Users also have the possibility to select the image of the gift card in a gallery created and made available by the administrator. For further details read this post.

How to create design template for gift card

The plugin allows to insert and organize different gift card images in categories. The gallery could be available to users during the purchase of the gift card.
Let’s analyze all the essential steps to configure the gift card templates correctly.

First enable the “Enable photo gallery” option in the plugin settings panel. The option can be overridden from each product page.

template design

template design product

Go to “Media > Gift Card Category” and insert all the categories of gift card templates you want to create.

Gift card category

Insert a new image in the “Media library” and edit it. Choose media “list” display mode to get a better overview of the “gift card categories”.

Edit media

Select the category you want to associate with the image you have created.

Set category to media

Now users can select a template, using the “Choose design” button, they will see the templates you’ve made available.

Select template - User side