Creating Custom Gift Card Templates

VBO provides several default gift card templates, but you can also create your own custom designs using HTML. This allows you to control the layout, branding, and placement of gift card details.

Access Gift Card Templates

  1. Go to Set Up → Merchandise → Gift Card Templates.
  2. You’ll see a list of existing default templates provided by VBO.
Add a New Gift Card Template

  1. Click Add GC Template
  2. Enter a Template Name.
Upload Images

You will need two images:
  • Preview Image
    This is the thumbnail shown in the template list

  • Template Background Image
    This is the main image that your gift card text will display on top of.
Recommended background image size:
700px × 439px

Using this size helps ensure proper alignment and display.

Add Your HTML Code
  1. In the HTML editor box, paste your template code.
  2. You can start with the provided sample file: giftcardhtml.txt
  3. The available placeholders (such as gift card value, code, and recipient details) can be inserted into your HTML. These placeholders will dynamically populate when the gift card is generated.

    Tip: The placeholders define where gift card information appears on top of your background image.
Save the Template
  • Click Add Template.
  • The new template will appear in the list with the other gift card templates.
Preview and Adjust

  1. Click Manage next to your template.
  2. Select Preview Template.
  3. Review how the HTML content overlays the background image.
  4. If needed, edit the HTML to:

    Move text
    Adjust spacing
    Better align content with your image design
Using the Template
Once saved, your custom gift card template will be available as a selectable option when setting up gift card merchandise.