Gift Card Widget

Let customers purchase gift cards directly from your website.

Configuration

Environment

Company

Company ID

Language

EN DA DE SV NO NL IT

Variant

default amount

Font

Inter DM Sans Montserrat Arial Open Sans Raleway Poppins

Action color

Action Color

Embed CodeCopy this snippet into your website HTML.

HTML

<script src="https://widgets.understory.io/widgets/understory-gift-card-widget.js"></script>
<div class="understory-gift-card-widget"
  data-company-id="dbeff52e8e0e61f55092c6ad7d40e937"
  data-variant="amount"
  data-language="no"
  data-font="Montserrat"
  data-action-color="#c9cea7"
></div>

Live Preview

Attribute ReferenceAll available data attributes for the gift card widget.

data-company-idrequired

Your Understory company ID.string

data-variantdefault: default

Widget variant. "amount" shows only a custom-amount input."default" | "amount"

data-language

ISO language code (e.g. "en", "da").string

data-font

Google Font family name.string

data-action-color

Hex color for primary action buttons.string