www.vanillagift.com Open in urlscan Pro
45.60.13.91  Public Scan

URL: https://www.vanillagift.com/silver-gift-email
Submission: On January 28 via manual from US — Scanned from DE

Form analysis 3 forms found in the DOM

GET https://www.vanillagift.com/catalogsearch/result/

<form class="form minisearch" id="search_mini_form" action="https://www.vanillagift.com/catalogsearch/result/" method="get">
  <div class="field search">
    <label class="label" for="search" data-role="minisearch-label">
      <span>Search</span>
    </label>
    <div class="control">
      <input id="search" type="text" name="q" placeholder="Search Gift Card Designs" class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false">
      <div id="search_autocomplete" class="search-autocomplete"></div>
      <div class="nested">
        <a class="action advanced" href="https://www.vanillagift.com/catalogsearch/advanced/" data-action="advanced-search">
        Advanced Search    </a>
      </div>
    </div>
  </div>
  <div class="actions">
    <button type="submit" title="Search" class="action search" aria-label="Search" disabled="">
      <span>Search</span>
    </button>
  </div>
</form>

POST https://www.vanillagift.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cudmFuaWxsYWdpZnQuY29tL3NpbHZlci1naWZ0LWVtYWls/product/245/

<form data-product-sku="silver_gift_email" action="https://www.vanillagift.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cudmFuaWxsYWdpZnQuY29tL3NpbHZlci1naWZ0LWVtYWls/product/245/" method="post" id="product_addtocart_form" novalidate="novalidate">
  <input type="hidden" name="product" value="245">
  <input type="hidden" name="selected_configurable_option" value="">
  <input type="hidden" name="related_product" id="related-products-field" value="">
  <input type="hidden" name="item" value="245">
  <input name="form_key" type="hidden" value="3VhiyvToEkvf3pwb">
  <div class="pdp-flex-wrapper custom-design-step-2">
    <div id="pdp-flex-left-wrapper" class="pdp-flex-left-wrapper" aria-owns="product-info-detailed">
      <script>
        window.orderAllowedAmount = {
          allowedValue: {},
          warningMessage: {}
        }
        window.orderAllowedAmount.allowedValue = 10000;
        window.orderAllowedAmount.warningMessage =
          'Your order cannot exceed $10,000. To place an order for more than $10,000 <a href="https://www.incommincentives.com/vanillavisabulk?utm_source=VanillaGift&utm_medium=Redirect&utm_campaign=StepsToOrder" target="_blank">please visit our partner site</a>';
      </script>
      <div class="opc-progress-bar-wrapper">
        <ul class="opc-progress-bar">
          <li class="opc-progress-bar-item js-change-design _complete">
            <span>Customize Card Art</span>
          </li>
          <li class="opc-progress-bar-item _active">
            <span>Card Value and Quantity</span>
          </li>
        </ul>
      </div>
      <div class="product media"><a id="gallery-prev-area" tabindex="-1"></a>
        <div class="action-skip-wrapper"><a class="action skip gallery-next-area" href="#gallery-next-area">
    <span>
        Skip to the end of the images gallery    </span>
</a>
        </div>
        <div class="gallery-placeholder" data-gallery-role="gallery-placeholder" style="">
          <div data-role="loader" class="loading-mask" style="padding-bottom: 62.75%; display: none;">
            <div class="loader">
              <img src="https://www.vanillagift.com/static/version1673302915/frontend/InComm/vanilla/en_US/images/loader-1.gif" alt="Loading...">
            </div>
          </div>
          <!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
          <div class="fotorama--hidden"></div>
          <style></style>
          <div class="fotorama-item fotorama fotorama1674942863494" data-gallery-role="gallery">
            <div data-gallery-role="fotorama__focusable-start" tabindex="-1"></div>
            <div class="fotorama__wrap fotorama__wrap--css3 fotorama__wrap--slide fotorama__wrap--toggle-arrows" style="min-width: 0px; max-width: 100%;">
              <div class="fotorama__stage" data-fotorama-stage="fotorama__stage" style="width: 570px; height: 358px;">
                <div class="fotorama__arr fotorama__arr--prev fotorama__arr--disabled" tabindex="-1" role="button" aria-label="Previous" data-gallery-role="arrow" disabled="disabled" style="display: none;">
                  <div class="fotorama__arr__arr"></div>
                </div>
                <div class="fotorama__stage__shaft" tabindex="0" data-gallery-role="stage-shaft" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); width: 570px; margin-left: 0px;">
                  <div class="fotorama__stage__frame fotorama__active fotorama_horizontal_ratio fotorama__loaded fotorama__loaded--img" aria-hidden="false" data-active="true"
                    href="https://www.vanillagift.com/media/catalog/product/cache/f608540f7a5cf87500cf524ca3d70308/v/b/vbol_evergreen_silver_gift_v8_per_090222_1.png"><img
                      src="https://www.vanillagift.com/media/catalog/product/cache/f608540f7a5cf87500cf524ca3d70308/v/b/vbol_evergreen_silver_gift_v8_per_090222_1.png" alt="Silver Gift Gift Card" class="fotorama__img" aria-hidden="false"></div>
                </div>
                <div class="fotorama__arr fotorama__arr--next fotorama__arr--disabled" tabindex="-1" role="button" aria-label="Next" data-gallery-role="arrow" disabled="disabled" style="display: none;">
                  <div class="fotorama__arr__arr"></div>
                </div>
                <div class="fotorama__video-close"></div>
                <div class="fotorama__zoom-in" data-gallery-role="fotorama__zoom-in" aria-label="Zoom in" role="button" tabindex="0"></div>
                <div class="fotorama__zoom-out" data-gallery-role="fotorama__zoom-out" aria-label="Zoom out" role="button" tabindex="0"></div>
                <div class="fotorama__spinner"></div>
              </div>
              <div class="fotorama__nav-wrap" data-gallery-role="nav-wrap" style="display: none;">
                <div class="fotorama__nav" style="height: 114px;">
                  <div class="fotorama__thumb__arr fotorama__thumb__arr--left fotorama__arr--disabled" role="button" aria-label="Previous" data-gallery-role="arrow" tabindex="-1" disabled="disabled">
                    <div class="fotorama__thumb--icon"></div>
                  </div>
                  <div class="fotorama__nav__shaft fotorama__grab">
                    <div class="fotorama__thumb-border"></div>
                  </div>
                  <div class="fotorama__thumb__arr fotorama__thumb__arr--right" role="button" aria-label="Next" data-gallery-role="arrow" tabindex="-1">
                    <div class="fotorama__thumb--icon"></div>
                  </div>
                </div>
              </div>
            </div>
            <div data-gallery-role="fotorama__focusable-end" tabindex="-1"></div>
          </div>
          <div class="magnifier-preview" data-gallery-role="magnifier" id="preview" style="display: none;"></div>
        </div>
        <!--Fix for jumping content. Loader must be the same size as gallery.-->
        <script>
          var config = {
              "width": 400,
              "thumbheight": 110,
              "navtype": "slides",
              "height": 251
            },
            thumbBarHeight = 0,
            loader = document.querySelectorAll('[data-gallery-role="gallery-placeholder"] [data-role="loader"]')[0];
          if (config.navtype === 'horizontal') {
            thumbBarHeight = config.thumbheight;
          }
          loader.style.paddingBottom = (config.height / config.width * 100) + "%";
        </script>
        <script type="text/javascript">
          require(['jquery'], function($) {
            'use strict';
            $('[data-gallery-role=gallery-placeholder]').on('gallery:loaded', function(e) {
              $("[data-role=loader]").hide();
            });
          });
        </script>
        <div class="action-skip-wrapper"><a class="action skip gallery-prev-area" href="#gallery-prev-area">
    <span>
        Skip to the beginning of the images gallery    </span>
</a>
        </div><a id="gallery-next-area" tabindex="-1"></a>
      </div>
      <div class="page-title-wrapper">
        <h2 class="page-title">
          <span class="base" data-ui-id="page-title-wrapper">Silver Gift Gift Card</span>
        </h2>
      </div>
      <script>
        window.product = {
          giftOptionConfig: {
            allowedSymbols: {}
          },
        }
        window.product.giftOptionConfig.allowedSymbols = {
          "giftMessage": ["a", "-", "z", "A", "-", "Z", "0", "-", "9", "\\", ".", "\\", "-", " ", "&", "!", "\\", "\/"],
          "writeMessage": ["'", ".", ",", " ", "-", " ", "&", "!", "\/", "'"],
          "giftMessageTo": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "'", ".", "-", " ", "&", "!", "\/", "'"],
          "giftMessageFrom": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "'", ".", "-", " ", " ", "!", "\/", "'"],
          "eGiftMessage": "a-zA-Z0-9\u00e1\u00e9\u00ed\u00f3\u00fa\u00fc\u00f1\u00bf\u00a1\u00c1\u00c9\u00cd\u00d3\u00da\u00d1\u00c0\u00c2\u00c4\u00c8\u00c9\u00ca\u00cb\u00ce\u00cf\u00d4\u0152\u00d9\u00db\u00dc\u0178\u00e0\u00e2\u00e4\u00e8\u00e9\u00ea\u00eb\u00ee\u00ef\u00f4\u0153\u00f9\u00fb\u00fc\u00ff\u00c7\u00e7\u00ab\u00bb\u20ac'\\.,\\-&!\\\/'\\s",
          "eGiftMessageFrom": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "\u00e1", "\u00e9", "\u00ed", "\u00f3", "\u00fa", "\u00fc", "\u00f1", "\u00bf", "\u00a1", "\u00c1", "\u00c9", "\u00cd", "\u00d3", "\u00da", "\u00d1", "\u00c0",
            "\u00c2", "\u00c4", "\u00c8", "\u00c9", "\u00ca", "\u00cb", "\u00ce", "\u00cf", "\u00d4", "\u0152", "\u00d9", "\u00db", "\u00dc", "\u0178", "\u00e0", "\u00e2", "\u00e4", "\u00e8", "\u00e9", "\u00ea", "\u00eb", "\u00ee", "\u00ef",
            "\u00f4", "\u0153", "\u00f9", "\u00fb", "\u00fc", "\u00ff", "\u00c7", "\u00e7", "\u00ab", "\u00bb", "\u20ac", "'", ".", "-", " ", " ", "!", "\/", "'"
          ],
          "eGiftMessageTo": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "\u00e1", "\u00e9", "\u00ed", "\u00f3", "\u00fa", "\u00fc", "\u00f1", "\u00bf", "\u00a1", "\u00c1", "\u00c9", "\u00cd", "\u00d3", "\u00da", "\u00d1", "\u00c0", "\u00c2",
            "\u00c4", "\u00c8", "\u00c9", "\u00ca", "\u00cb", "\u00ce", "\u00cf", "\u00d4", "\u0152", "\u00d9", "\u00db", "\u00dc", "\u0178", "\u00e0", "\u00e2", "\u00e4", "\u00e8", "\u00e9", "\u00ea", "\u00eb", "\u00ee", "\u00ef", "\u00f4",
            "\u0153", "\u00f9", "\u00fb", "\u00fc", "\u00ff", "\u00c7", "\u00e7", "\u00ab", "\u00bb", "\u20ac", "'", ".", "-", " ", "&", "!", "\/", "'"
          ]
        };
      </script>
      <div class="giftcard form js-giftcard egift" data-container-for="giftcard_info">
        <div class="giftcard-options-wrapper">
          <fieldset class="fieldset giftcard send">
            <input type="hidden" name="giftcard_type" value="0">
            <div class="animations-container giftcard send">
              <div class="animations-container-header field text">
                <div class="animations-container-header-label">
                  <div class="label">
                    <span>Animation</span>
                  </div>
                </div>
                <div class="animations-container-header-description info-block">
                  <div class="animations-optional info-block-required">Optional</div>
                  <div class="animations-add-to-delivery info-block-message">Add a video animation to the gift E-mail delivery</div>
                </div>
              </div>
              <input id="animation_id" type="hidden" name="animation_id" value="">
              <div class="animations-container-main">
                <div class="view-all-section">
                  <div id="animation-carousel" class="animation-carousel" data-bind="scope:'animation_init'">
                    <!-- ko template: getTemplate() -->
                    <!-- ko if: $data.data.slides.length -->
                    <div class="animation-carousel-wrapper">
                      <div class="js-animation-carousel animation-carousel slick-initialized slick-slider"><button class="slick-prev slick-arrow slick-disabled" aria-label="Previous" type="button" aria-disabled="true"
                          style="display: block;">Previous</button>
                        <div class="slick-list">
                          <div class="slick-track" style="opacity: 1; width: 2800px; transform: translate3d(0px, 0px, 0px);">
                            <div class="slick-slide slick-active slick-selected slick-current" data-slick-index="0" aria-hidden="false" style="width: 82px;">
                              <div>
                                <div class="item-wrapper no-animation" style="width: 100%; display: inline-block;">
                                  <div class="img-height">
                                    <img data-bind="{'attr': {'src': $data.data.slides[0].image, 'alt': '' }}"
                                      src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thanksabunch_playthumbnail_400x250.png" alt="">
                                    <span data-bind="i18n: 'No Animation'">No Animation</span>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 82px;">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKSABUNCH" data-name="Thanks A Bunch" data-id="899" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thanksabunch_playthumbnail_400x250.png" alt="Thanks A Bunch">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 82px;">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYBALLOONS" data-name="Birthday Balloons" data-id="901" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-birthdayballoons.gif" alt="Birthday Balloons">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide slick-active" data-slick-index="3" aria-hidden="false" style="width: 82px;">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKYOUPOSTCARD" data-name="Thank You Postcard" data-id="909" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thankyoubluepostcard_playthumbnail_400x250.png" alt="Thank You Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide slick-active" data-slick-index="4" aria-hidden="false" style="width: 82px;">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BEST" data-name="You're The Best" data-id="915" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-best.gif" alt="You're The Best">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-TROPHY" data-name="Trophy" data-id="917" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-trophy.gif" alt="Trophy">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-GIFTBOX" data-name="Gift Box" data-id="919" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/g/i/giftbox_playthumbnail_400x250.png" alt="Gift Box">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="7" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYCIRCLES" data-name="Birthday Postcard" data-id="921" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/b/i/birthdaypostcard_playthumbnail_400x250.png" alt="Birthday Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="8" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-STRINGSTORY" data-name="String Story" data-id="923" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-stringstory.gif" alt="String Story">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="9" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ACORN" data-name="Acorn Apology" data-id="927" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-acorn.gif" alt="Acorn Apology">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="10" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYCAKE" data-name="Singing Birthday Cake" data-id="935" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-birthdaycake.gif" alt="Singing Birthday Cake">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="11" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-CONGRATS" data-name="Hooray Banner" data-id="939" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/h/o/hooraybanner_playthumbnail_400x250_1.png" alt="Hooray Banner">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="12" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-CONGRATSPOSTCARD" data-name="Congrats Geo Postcard" data-id="941" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-congratspostcard-.gif" alt="Congrats Geo Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="13" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ENCOURAGEMINT" data-name="Encourage-Mint" data-id="947" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/e/n/encouragemint_playthumbnail_400x250.png" alt="Encourage-Mint">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="14" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BRAVOPOSTCARD" data-name="Bravo Postcard" data-id="949" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/b/r/bravopostcard_playthumbnail_400x250.png" alt="Bravo Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="15" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-JUSTBECAUSEPOSTCARD" data-name="Just Because Postcard" data-id="973" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/j/u/justbecausepostcard_playthumbnail_400x250.png" alt="Just Because Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="16" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BLUEPRESENT" data-name="Present" data-id="995" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-bluepresent.gif" alt="Present">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="17" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WORKANNIVERSARY" data-name="Work Anniversary" data-id="911" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/i/timeflies_playthumbnail_400x250.png" alt="Work Anniversary">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="18" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-RETIREMENT" data-name="Retirement Adventure" data-id="925" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-retirement.gif" alt="Retirement Adventure">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="19" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKYOU" data-name="Thank You Stripe Postcard" data-id="961" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-thankyou.gif" alt="Thank You Stripe Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="20" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELCOME1" data-name="Welcome Postcard" data-id="967" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-welcome1.gif" alt="Welcome Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="21" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELCOME2" data-name="Welcome" data-id="991" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-welcome2.gif" alt="Welcome">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="22" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELLDONE" data-name="Job Well Done Postcard" data-id="993" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/j/o/jobwelldonepostcard_playthumbnail_400x250.png" alt="Job Well Done Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="23" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ANNIVERSARYPOSTCARD" data-name="Anniversary Postcard" data-id="907" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/s/c/screen_shot_2020-07-08_at_9.23.32_am.png" alt="Anniversary Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="24" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-FOX" data-name="You're A Fox" data-id="913" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-fox.gif" alt="You're A Fox">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="25" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-TIMEFLIES" data-name="Time Flies Postcard" data-id="963" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/i/timefliespostcard_playthumbnail_400x250.png" alt="Time Flies Postcard">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="26" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-GREATPAIR" data-name="A Great Pair" data-id="969" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-greatpair.gif" alt="A Great Pair">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                                </div>
                              </div>
                            </div>
                            <div class="slick-slide" data-slick-index="27" aria-hidden="true" style="width: 82px;" tabindex="-1">
                              <div>
                                <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-LOVEGARDEN" data-name="Love Garden" data-id="981" style="width: 100%; display: inline-block;">
                                  <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                                    src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/l/o/lovegarden_playthumbnail_400x250.png" alt="Love Garden">
                                  <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div><button class="slick-next slick-arrow" aria-label="Next" type="button" style="display: block;" aria-disabled="false">Next</button>
                      </div>
                      <div id="hidden-slides" style="display: none">
                        <div class="item-wrapper no-animation">
                          <div class="img-height">
                            <img data-bind="{'attr': {'src': $data.data.slides[0].image, 'alt': '' }}"
                              src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thanksabunch_playthumbnail_400x250.png" alt="">
                            <span data-bind="i18n: 'No Animation'">No Animation</span>
                          </div>
                        </div>
                        <!-- ko foreach: { data: $data.slides(), as: 'animation' } -->
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKSABUNCH" data-name="Thanks A Bunch" data-id="899">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thanksabunch_playthumbnail_400x250.png" alt="Thanks A Bunch">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYBALLOONS" data-name="Birthday Balloons" data-id="901">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-birthdayballoons.gif" alt="Birthday Balloons">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKYOUPOSTCARD" data-name="Thank You Postcard" data-id="909">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/h/thankyoubluepostcard_playthumbnail_400x250.png" alt="Thank You Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BEST" data-name="You're The Best" data-id="915">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-best.gif" alt="You're The Best">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-TROPHY" data-name="Trophy" data-id="917">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-trophy.gif" alt="Trophy">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-GIFTBOX" data-name="Gift Box" data-id="919">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/g/i/giftbox_playthumbnail_400x250.png" alt="Gift Box">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYCIRCLES" data-name="Birthday Postcard" data-id="921">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/b/i/birthdaypostcard_playthumbnail_400x250.png" alt="Birthday Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-STRINGSTORY" data-name="String Story" data-id="923">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-stringstory.gif" alt="String Story">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ACORN" data-name="Acorn Apology" data-id="927">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-acorn.gif" alt="Acorn Apology">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BIRTHDAYCAKE" data-name="Singing Birthday Cake" data-id="935">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-birthdaycake.gif" alt="Singing Birthday Cake">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-CONGRATS" data-name="Hooray Banner" data-id="939">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/h/o/hooraybanner_playthumbnail_400x250_1.png" alt="Hooray Banner">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-CONGRATSPOSTCARD" data-name="Congrats Geo Postcard" data-id="941">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-congratspostcard-.gif" alt="Congrats Geo Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ENCOURAGEMINT" data-name="Encourage-Mint" data-id="947">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/e/n/encouragemint_playthumbnail_400x250.png" alt="Encourage-Mint">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BRAVOPOSTCARD" data-name="Bravo Postcard" data-id="949">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/b/r/bravopostcard_playthumbnail_400x250.png" alt="Bravo Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-JUSTBECAUSEPOSTCARD" data-name="Just Because Postcard" data-id="973">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/j/u/justbecausepostcard_playthumbnail_400x250.png" alt="Just Because Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-BLUEPRESENT" data-name="Present" data-id="995">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-bluepresent.gif" alt="Present">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anytime</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WORKANNIVERSARY" data-name="Work Anniversary" data-id="911">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/i/timeflies_playthumbnail_400x250.png" alt="Work Anniversary">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-RETIREMENT" data-name="Retirement Adventure" data-id="925">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-retirement.gif" alt="Retirement Adventure">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-THANKYOU" data-name="Thank You Stripe Postcard" data-id="961">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-thankyou.gif" alt="Thank You Stripe Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELCOME1" data-name="Welcome Postcard" data-id="967">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-welcome1.gif" alt="Welcome Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELCOME2" data-name="Welcome" data-id="991">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-welcome2.gif" alt="Welcome">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-WELLDONE" data-name="Job Well Done Postcard" data-id="993">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/j/o/jobwelldonepostcard_playthumbnail_400x250.png" alt="Job Well Done Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Business</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-ANNIVERSARYPOSTCARD" data-name="Anniversary Postcard" data-id="907">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/s/c/screen_shot_2020-07-08_at_9.23.32_am.png" alt="Anniversary Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-FOX" data-name="You're A Fox" data-id="913">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-fox.gif" alt="You're A Fox">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-TIMEFLIES" data-name="Time Flies Postcard" data-id="963">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/t/i/timefliespostcard_playthumbnail_400x250.png" alt="Time Flies Postcard">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-GREATPAIR" data-name="A Great Pair" data-id="969">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}" src="https://api.giftcardimpressions.com//media/catalog/product/e/m/em-an-greatpair.gif" alt="A Great Pair">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                        </div>
                        <div class="item-wrapper" data-bind="{'attr': {
             'data-sku': animation.sku,
             'data-name': animation.name,
             'data-id': animation.product_id,
             'data-selected': animation.selected,
             'data-occasions': animation.occasions
            }}" data-sku="AN-LOVEGARDEN" data-name="Love Garden" data-id="981">
                          <img data-bind="{'attr': {'src': animation.image, 'alt': animation.name }}"
                            src="https://api.giftcardimpressions.com//media/catalog/product/cache/28/image/9df78eab33525d08d6e5fb8d27136e95/l/o/lovegarden_playthumbnail_400x250.png" alt="Love Garden">
                          <span class="animation-name" data-bind="text: animation.occasion_name">Anniversary</span>
                        </div>
                        <!-- /ko -->
                      </div>
                      <div class="view-all-wrapper">
                        <a href="#" data-bind=" click: showModal"><span data-bind="i18n: 'View All'">View All</span></a>
                      </div>
                      <div class="iframe-wrapper">
                        <!-- ko if: showIframe --><!-- /ko -->
                      </div>
                      <!-- ko template: templateAnimationModal -->
                      <!--/ko-->
                    </div>
                    <!-- /ko -->
                    <!-- /ko -->
                  </div>
                </div>
              </div>
            </div>
            <script type="application/javascript">
              window.product.isAnimated = 0;
              window.product.defaultAnimationsMessage = 'Enjoy\u0020Your\u0020Vanilla\u0020Visa\u0020Gift\u0020Card';
            </script>
            <script>
              window.appendToRightSide = false
            </script>
          </fieldset>
        </div>
        <div class="personal-message-guidelines-link-wrapper"> See our <a href="https://www.vanillagift.com/personal-message-guidelines/" target="_blank">Message and Image Guidelines</a>
        </div>
      </div>
      <script type="text/javascript">
        var radioSelect = document.getElementById('message_type-1'),
          radioText = document.getElementById('message_type-2'),
          selectBox = document.getElementById('giftcard_message_holder_sel'),
          textBox = document.getElementById('giftcard_message_holder_ta');
        if (selectBox) {
          selectBox.onclick = function() {
            radioSelect.click();
          };
        }
        if (textBox) {
          textBox.onclick = function() {
            radioText.click();
          };
        }
      </script>
      <script type="text/javascript">
        require(['jquery', 'matchMedia', 'domReady!'], function($) {
          'use strict';
          $(document).ready(function() {
            if (document.body.classList.contains('pdp-custom-design')) {
              var gOpt = document.getElementById('gift-options-cart-item');
              $('.custom-design-step-2').append('<div class="pdp-flex-left-wrapper bottom"></div>');
              $('.custom-design-step-2').append('<div class="pdp-flex-right-wrapper bottom"></div>');
              $('.pdp-flex-left-wrapper.bottom').append($('.js-giftcard')[0]);
              $('.pdp-flex-right-wrapper.bottom').append(gOpt);
              $('.pdp-flex-right-wrapper.bottom').append($('#action-block'));
              $('#fieldsetBlock .personal-message-guidelines-link-wrapper').insertAfter(gOpt);
            } else {
              var $giftcard = $('.js-giftcard');
              if (window.appendToRightSide) {
                mediaCheck({
                  media: '(min-width: 768px)',
                  entry: function() { // desktop
                    $giftcard.insertAfter(".product.media");
                  },
                  exit: function() { // mobile
                    $giftcard.insertBefore(".gift-options-cart-item");
                  }
                });
              }
            }
          });
          var pdpFlexLeftWrapper = $('#pdp-flex-left-wrapper');
          if (pdpFlexLeftWrapper) {
            pdpFlexLeftWrapper.attr("aria-owns", "product-info-detailed");
          }
        });
      </script>
    </div>
    <div class="pdp-flex-right-wrapper">
      <div class="price-box price-final_price" data-role="priceBox" data-product-id="245" data-price-box="product-id-245">
        <div class="final-price-wrapper giftcard-type virtual">
          <div class="send-by-link">
            <div class="send-by-link-label">
              <label>Send By</label>
            </div>
            <div class="send-by-link-item physical-giftcard ">
              <a href="https://www.vanillagift.com/silver-gift">Mail                             <span>(Plastic Gift Card)</span>
                        </a>
            </div>
            <div class="send-by-link-item virtual-giftcard active">
              <a href="https://www.vanillagift.com/silver-gift">Email                            <span>(eGift Card)</span>
                        </a>
            </div>
          </div>
          <div class="fieldset giftcard-amount">
            <div class="required-fields-label">
              <span>*Indicates a required field</span>
            </div>
            <div class="field required amount amount-245 full-width">
              <label for="giftcard-amount" id="amount-label-select" class="label">
                <span>Card Value</span>
              </label>
              <div class="control">
                <select name="giftcard_amount" aria-label="Card Value" id="giftcard-amount-245" class="required-entry giftcard-amount-entry" aria-required="true">
                  <option value="">Choose an Amount...</option>
                  <option value="10"> $10 </option>
                  <option value="25"> $25 </option>
                  <option value="50"> $50 </option>
                  <option value="75"> $75 </option>
                  <option value="100"> $100 </option>
                  <option value="300"> $300 </option>
                  <option value="400"> $400 </option>
                  <option value="500"> $500 </option>
                  <option value="custom">Other Amount...</option>
                </select>
              </div>
            </div>
            <div id="giftcard-amount-box-245" class="field required open-amount" style="display: none;">
              <div class="control">
                <input type="text" aria-label="Other Amount" id="giftcard-amount-input-245" name="custom_giftcard_amount" class="input-text" placeholder="$10 - $500" data-validate="{number: true,required: true
                                ,min: 10,max: 500                                }" onpaste="return false" style="display: none;" aria-required="true">
                <span id="discount-price"></span>
              </div>
            </div>
            <div class="purchase-price-div purchase-price-div-245" style="display: block;">A purchase fee <span id="fee-of-245" class="fee-of-245 fee-of no-display" style="display: none;"> of</span>
              <span class="price-purchase purchase-price-fee-245" id="purchase-price-fee-245" style="display: none;"></span> per card will apply
            </div>
          </div>
        </div>
      </div>
      <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Required Fields">
        <div class="fieldset" tabindex="0">
          <script>
            require(['jquery', ], function($) {
              //<![CDATA[
              $.extend(true, $, {
                calendarConfig: {
                  dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
                  dayNamesMin: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
                  monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                  monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                  infoTitle: 'About\u0020the\u0020calendar',
                  firstDay: 0,
                  closeText: 'Close',
                  currentText: 'Go\u0020Today',
                  prevText: 'Previous',
                  nextText: 'Next',
                  weekHeader: 'WK',
                  timeText: 'Time',
                  hourText: 'Hour',
                  minuteText: 'Minute',
                  dateFormat: "D, d M yy", // $.datepicker.RFC_2822
                  showOn: 'button',
                  showAnim: '',
                  changeMonth: true,
                  changeYear: true,
                  buttonImageOnly: null,
                  buttonImage: null,
                  showButtonPanel: true,
                  showWeek: true,
                  timeFormat: '',
                  showTime: false,
                  showHour: false,
                  showMinute: false
                }
              });
              enUS = {
                "m": {
                  "wide": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
                  "abbr": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
                }
              }; // en_US locale reference
              //]]>
            });
          </script>
        </div>
      </div>
      <div class="product-options-bottom">
        <div class="box-tocart egift">
          <div class="fieldset" id="fieldsetBlock">
            <div class="field recipient email required">
              <div class="enter-email-wrapper">
                <label for="giftcard_recipient_email" class="label"><span>Recipient's Email</span></label>
                <div class="control email-section-wrapper email-section-container">
                  <input type="email" id="giftcard_recipient_email" name="giftcard_recipient_email" autocomplete="off" value="" placeholder="Recipient’s Email" class="input-text email-input required-entry" style="display: none;"
                    aria-required="true"><span class="to-input"></span>
                  <div class="all-mail"></div>
                  <div class="eac-input-wrap"><textarea type="email" class="validate-email-without-international-chars required-entry input-text email-input enter-mail-id email form-control" placeholder="Enter or paste recipient's email…"
                      style="resize: none" name="giftcard_multirecipient_email" autocomplete="off" aria-required="true"></textarea></div>
                </div>
              </div>
              <div for="giftcard_multirecipient_email" generated="true" class="mage-error" id="giftcard_multirecipient_email-error" style="display: none;">This is a required field.</div>
              <div class="max-items-label">
                <span>Max of 100 recipients</span>
                <input type="button" class="clear-multiaddress" style="display: none" value="Clear All" tabindex="-1">
              </div>
              <div class="re-enter-email-wrapper">
                <label for="giftcard_recipient_email_reenter" class="label reenter-label"><span>Re-Enter Recipient's Email</span></label>
                <div class="control">
                  <input type="email" id="giftcard_recipient_email_reenter" name="giftcard_recipient_email_reenter" value="" autocomplete="off" onblur="this.value=jQuery.trim(this.value);" placeholder="Re-Enter Recipient’s Email"
                    class="required-entry-reenter input-text email-reenter validate-email-reenter-new" aria-required="true">
                </div>
              </div>
            </div>
            <div class="field qty" id="field-qty">
              <label class="label" for="qty"><span>Quantity</span></label>
              <div class="control" data-bind="scope: 'qty_change'">
                <button class="decrease-btn" data-bind="click: decreaseQty">-</button>
                <input data-bind="textInput: qty, event: {focus: disallowDot}" type="text" name="qty" id="qty" value="1" title="Quantity" class="input-text qty js-qty"
                  data-validate="{&quot;required-number&quot;:true,&quot;validate-item-quantity&quot;:{&quot;minAllowed&quot;:1,&quot;maxAllowed&quot;:100}}" afterrender="disallowDot">
                <button class="increase-btn" data-bind="click: increaseQty">+</button>
              </div>
              <div class="multi-qty-box" id="multiQtyBox">
                <span class="one-item">1</span>
              </div>
              <span class="additional-info" style="display: none">to each recipient</span>
              <div for="qty" generated="true" class="mage-error" id="qty-error"></div>
            </div>
            <div class="static-message-wrapper">
              <div class="no-purchase-fee-static-message"> Most approved eGift orders are delivered within 1 hour but can take up to 24 hours. </div>
              <div class="no-purchase-fee-static-message" id="fee-static-message"></div>
              <div class="actions actions-button-wrapper" id="action-block">
                <button type="submit" title="Add to Cart" class="action primary tocart" id="product-addtocart-button">
                  <span>Add to Cart</span>
                </button>
                <div class="continue-shopping-wrapper">
                  <a href="https://www.vanillagift.com/catalog/" class="action transparent js-continue-shopping-filter" title="Continue Shopping"><span>Continue Shopping</span></a>
                </div>
                <div class="base-shimmer-msg">
                  <strong>Please note:</strong> All cards will have a base shimmer silver treatment that is not shown in the preview.
                </div>
              </div>
            </div>
            <script>
              window.virtualProduct = true
            </script>
            <script>
              window.checkoutConfig = {};
            </script>
            <script>
              window.checkoutConfig.giftOptionConfig = {
                "recipientMaxLength": "19",
                "recipientMinLength": "0",
                "senderMaxLength": "19",
                "senderMinLength": "0",
                "textareaMaxLength": "50",
                "textareaMinLength": "0",
                "allowedSymbols": {
                  "giftMessage": "a-zA-Z0-9\\.\\- &!\\\/",
                  "giftMessageFrom": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "'", ".", "-", " ", " ", "!", "\/", "'"],
                  "giftMessageTo": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "'", ".", "-", " ", "&", "!", "\/", "'"]
                },
                "baseUrl": "https:\/\/www.vanillagift.com\/",
                "giftMessage": null
              };
            </script>
            <script>
              window.checkoutConfig.giftWrapping = {
                "canDisplayGiftWrapping": true,
                "designCollectionCount": 7,
                "allowForOrder": true,
                "allowForItems": true,
                "giftWrappingAvailable": false,
                "spacerSrc": "https:\/\/www.vanillagift.com\/static\/version1673302915\/frontend\/InComm\/vanilla\/en_US\/images\/spacer.gif",
                "displayWrappingBothPrices": false,
                "displayCardBothPrices": false,
                "displayGiftWrappingInclTaxPrice": false,
                "displayCardInclTaxPrice": false,
                "designsInfo": {
                  "1": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106141_VBOL_GoldwPurple_OpenwGiftCard_NB_5.png",
                    "label": "Gold Box with Purple Bow",
                    "base_price": 2.95,
                    "priority": "1",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106141_GoldPurpleBowBoxFlat_14.png",
                    "labelOnHover": "Big Gift"
                  },
                  "2": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106137_VBOL_BlueGold_OpenwGiftCard.png",
                    "label": "Blue Box",
                    "base_price": 2.95,
                    "priority": "1",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106137_BlueBoxFlat_1.png",
                    "labelOnHover": null
                  },
                  "3": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106136_VBOL_GoldTrees_OpenwGiftCard.png",
                    "label": "Gold Tree",
                    "base_price": 2.95,
                    "priority": "2",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106136_GoldTressBoxFlat_1.png",
                    "labelOnHover": null
                  },
                  "4": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106131_VBOL_RedSilverDots_OpenwGiftCard_NB_1.png",
                    "label": "Red Polka Dot",
                    "base_price": 2.95,
                    "priority": "3",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106131_VBOL_RedSilverDots_OpenwGiftCard_CU_3.png",
                    "labelOnHover": null
                  },
                  "5": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106142_VBOL_Purple_OpenwGiftCard_NB_1.png",
                    "label": "Purple Box with Silver Bow",
                    "base_price": 2.95,
                    "priority": "5",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106142_VBOL_Purple_OpenwGiftCard_CU_2.png",
                    "labelOnHover": null
                  },
                  "6": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/105990_VBOL_SilverGold_OpenwGiftCard.png",
                    "label": "Silver Box with Gold Bow",
                    "base_price": 2.95,
                    "priority": "4",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/VV_SilverBoxFlat_6.png",
                    "labelOnHover": null
                  },
                  "19": {
                    "path": "https:\/\/www.vanillagift.com\/media\/wrapping\/106532_VBOL_BigHoliday_OpenwGiftCard.png",
                    "label": "Big holiday",
                    "base_price": 2.95,
                    "priority": "5",
                    "pathOnHover": "https:\/\/www.vanillagift.com\/media\/wrapping\/106532_VBOLBox_BigHoliday_Flat_1.png",
                    "labelOnHover": null
                  }
                },
                "itemsInfo": [],
                "isAllowPrintedCard": true,
                "isAllowGiftReceipt": true,
                "cardInfo": {
                  "price": 0
                },
                "appliedWrapping": [],
                "appliedPrintedCard": null,
                "appliedGiftReceipt": null,
                "onHoverOn": true
              };
            </script>
            <div id="gift-options-cart-item" data-bind="scope:'giftOptionsPDPItem'" class="gift-options-cart-item" data-product-id="0">
              <!-- ko template: getTemplate() -->
              <div class="gift-message" data-bind="afterRender: $data.initModal">
                <div class="label"> <span data-bind="i18n: 'Gift Message'">Gift Message</span></div>
                <div class="info-block">
                  <div class="info-block-required" data-bind="i18n: 'Optional'">Optional</div>
                  <p data-bind="if: $data.recipientEmail.css('display') === 'none'">
                    <span data-bind="i18n: 'Gift message will be applied to all cards within this selection.'">Gift message will be applied to all cards within this selection.</span>
                  </p>
                </div>
                <div class="personal-note-wrapper">
                  <span data-bind="i18n: 'Add a personal note that will be included with the delivery of your gift card. See example of how your gift message will appear.'">Add a personal note that will be included with the delivery of your gift
                    card. See example of how your gift message will appear.</span>
                  <!-- ko if: isEgift($data.itemId) -->
                  <div>
                    <a href="#" data-bind=" click: $data.showModal.bind($data)">
                <span data-bind="i18n: 'E-mail Gift Card Sample'">E-mail Gift Card Sample</span>
            </a>
                  </div>
                  <!-- /ko -->
                  <!-- ko ifnot: isEgift($data.itemId) --><!-- /ko -->
                </div>
                <div class="gift-options-content">
                  <fieldset class="fieldset">
                    <div class="gift-message-name-fields">
                      <div class="field field-to">
                        <label data-bind="attr: {for: 'gift-message-whole-to'}" class="label" for="gift-message-whole-to">
                          <span data-bind="i18n: 'To:'">To:</span>
                        </label>
                        <div class="control">
                          <input type="text" placeholder="Recipient's Name" autocomplete="off" data-bind="
                                  event:{ blur: $data.getGiftMessageValidate.bind($data) } ,
                                 textInput: recipient, attr: {'data-validate': getRemoteValidation($data, getToValidation($data)),
                                'class' : 'input-text validate-length minimum-length-' + $data.recipientMinLength + ' ' + 'maximum-length-' + $data.recipientMaxLength,
                                'name': 'gift_message[recipient]',
                                id: 'gift-message-whole-to' }"
                            data-validate="{&quot;validate-egift-message-to-vanilla&quot;:true,&quot;validate-length&quot;:true,&quot;remote&quot;:{&quot;url&quot;:&quot;https://www.vanillagift.com/profanity_filter/index/validate/&quot;}}"
                            class="input-text validate-length minimum-length-0 maximum-length-19" name="gift_message[recipient]" id="gift-message-whole-to">
                        </div>
                      </div>
                      <div class="field field-from">
                        <label data-bind="attr: {for: 'gift-message-whole-from'}" class="label" for="gift-message-whole-from">
                          <span data-bind="i18n: 'From:'">From:</span>
                        </label>
                        <div class="control">
                          <input type="text" placeholder="Sender’s Name" data-bind="
                               textInput: sender,
                                  event:{ blur: $data.getGiftMessageValidate.bind($data) } ,
                                attr: { 'data-validate': getRemoteValidation($data, getFromValidation($data)),
                                'class' : 'input-text validate-length minimum-length-' + $data.senderMinLength + ' ' + 'maximum-length-' + $data.senderMaxLength,
                                'name': 'gift_message[sender]',
                                id: 'gift-message-whole-from'}"
                            data-validate="{&quot;validate-egift-message-from-vanilla&quot;:true,&quot;validate-length&quot;:true,&quot;remote&quot;:{&quot;url&quot;:&quot;https://www.vanillagift.com/profanity_filter/index/validate/&quot;}}"
                            class="input-text validate-length minimum-length-0 maximum-length-19" name="gift_message[sender]" id="gift-message-whole-from">
                        </div>
                      </div>
                    </div>
                    <div class="field text">
                      <label data-bind="attr: {for: 'gift-message-whole-message-textarea'}" class="label" for="gift-message-whole-message-textarea">
                        <span data-bind="i18n: 'Message:'">Message:</span>
                      </label>
                      <div class="control">
                        <textarea rows="5" cols="10" placeholder="Enter custom message..." data-bind="valueUpdate: 'keyup',
                        textInput : message,
                               event:{ blur: $data.getGiftMessageValidate.bind($data), keypress: preventFromEnteringNewLine.bind($data) } ,
                               attr: { 'maxlength': $data.textareaMaxLength, 'class' : 'input-text validate-length minimum-length-' + $data.textareaMinLength + ' ' + 'maximum-length-' + $data.textareaMaxLength,
                               'data-validate': getRemoteValidation($data, getMessageValidation($data)),
                                id: 'gift-message-whole-message-textarea',
                                name: 'gift_message[message]'
                                  }" maxlength="50" class="input-text validate-length minimum-length-0 maximum-length-50"
                          data-validate="{&quot;validate-egift-message-vanilla&quot;:true,&quot;validate-length&quot;:true,&quot;remote&quot;:{&quot;url&quot;:&quot;https://www.vanillagift.com/profanity_filter/index/validate/&quot;}}"
                          id="gift-message-whole-message-textarea" name="gift_message[message]">                    </textarea>
                      </div>
                    </div>
                    <div class="max-characters">
                      <span data-bind="text: $data.charactersLeft, afterRender: checkMessageExist">50</span>
                      <!-- ko if: $data.messageCustom --><!-- /ko -->
                      <!-- ko if: $data.messageDefault -->
                      <span data-bind="i18n: 'Character Max'">Character Max</span>
                      <!-- /ko -->
                    </div>
                    <div class="aria-max-characters" aria-live="polite">
                      <span data-bind="text: $data.ariaCharactersLeft">50</span>
                      <!-- ko if: $data.messageCustom --><!-- /ko -->
                      <!-- ko if: $data.messageDefault -->
                      <span data-bind="i18n: 'Character Max'">Character Max</span>
                      <!-- /ko -->
                    </div>
                  </fieldset>
                </div>
              </div>
              <!-- /ko -->
            </div>
            <div class="personal-message-guidelines-link-wrapper"> See our <a href="https://www.vanillagift.com/personal-message-guidelines/" target="_blank">Message and Image Guidelines</a>
            </div>
            <div data-bind="scope:'giftOptionsPDPItem'" class="preview-wrapper">
              <!-- ko template: previewButton -->
              <!-- ko if: showPreviewButton --><!-- /ko -->
              <!--/ko-->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST https://www.vanillagift.com/newsletter/subscriber/new/

<form class="form subscribe" novalidate="novalidate" action="https://www.vanillagift.com/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
  <div class="field">
    <div class="control-checkbox">
      <input type="checkbox" id="newsletter_tc_check" checked="checked" class="required regular-checkbox" name="newsletter_tc_check" data-validate="{required:true}"
        data-msg-required="Please check that you understand your information will be used as described in the <a href='http://www.fscarddisclosures.com/WK_Privacy_Disclosure_1218.pdf' target='_blank'>Privacy Policy.</a>">
      <label for="newsletter_tc_check" class="label"> Please send me tips, news, and special offers from and on behalf of Vanilla.&nbsp;I understand that my information will be used as described here and in the&nbsp;
        <a href="http://www.fscarddisclosures.com/WK_Privacy_Disclosure_1218.pdf" target="_blank"> Privacy Policy</a>. </label>
    </div>
  </div>
  <div class="field">
    <div class="control control-email">
      <input name="email" type="email" id="newsletter" class="input" placeholder="Enter your email address" data-validate="{required:true, 'validate-email':true}">
    </div>
  </div>
  <div class="actions">
    <button class="reversed-button" title="Subscribe" type="submit">
      <span>Sign Me Up!</span>
    </button>
  </div>
</form>

Text Content

The store will not work correctly in the case when cookies are disabled.

JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.

Skip to Content
 * Welcome!
   
 * Sign In

Toggle Nav
My Cart
My Cart
You have no items in your shopping cart.
Search
Search
Advanced Search
Search
 * Compare Products

Toggle Nav
 * Buy Gift Cards
 * Buy eGift Cards
 * Create a Custom Design
 * Check Balance

 * Welcome!
   
 * Sign In

Silver Gift Gift Card
 * Customize Card Art
 * Card Value and Quantity

Skip to the end of the images gallery

Skip to the beginning of the images gallery


SILVER GIFT GIFT CARD

Animation
Optional
Add a video animation to the gift E-mail delivery
Previous
No Animation
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Business
Business
Business
Business
Business
Business
Anniversary
Anniversary
Anniversary
Anniversary
Anniversary
Next
No Animation
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Anytime
Business
Business
Business
Business
Business
Business
Anniversary
Anniversary
Anniversary
Anniversary
Anniversary
View All

See our Message and Image Guidelines
Send By
Mail (Plastic Gift Card)
Email (eGift Card)
*Indicates a required field
Card Value
Choose an Amount... $10 $25 $50 $75 $100 $300 $400 $500 Other Amount...

A purchase fee of per card will apply

Recipient's Email

This is a required field.
Max of 100 recipients
Re-Enter Recipient's Email

Quantity
- +
1
to each recipient

Most approved eGift orders are delivered within 1 hour but can take up to 24
hours.

Add to Cart
Continue Shopping
Please note: All cards will have a base shimmer silver treatment that is not
shown in the preview.
Gift Message
Optional

Gift message will be applied to all cards within this selection.

Add a personal note that will be included with the delivery of your gift card.
See example of how your gift message will appear.
E-mail Gift Card Sample
To:

From:

Message:

50 Character Max
50 Character Max
See our Message and Image Guidelines



MORE INFORMATION

Shop Vanilla Gift for all your prepaid Visa gift card needs. Every Visa Gift
Card design can be sent as an eGift Card by E-mail or a plastic Gift Card by
mail.

• Visa plastic Gift Cards offer the flexibility to spend where you want, when
you want. You can enjoy the benefit of using your Visa plastic Gift Card
nationwide in-store and online, anywhere Visa debit cards are accepted.   

• Visa eGift Cards (Also known as Vanilla Gift Virtual Account) can be used with
any United States-based online, phone, or mail-order merchants wherever Visa
debit cards are accepted. Your Virtual Account cannot be used for transactions
requiring a physical card.

• Most approved eGift orders are delivered within 15 min, but can take up to 24
hours.

Please remember, you will only be able to shop with merchants in the United
States and District of Columbia.

• No-fee gift cards (after purchase)

• Funds never expire

• Immediate activation - use as soon as you buy

• For Card information or to request a replacement card, call 1-833-322-6760 or
visit balance.vanillagift.com.


More Options
 * Check Balance
 * Track Order
 * Retail Locations
 * Help
 * Site Map



Offers valid with promotion code at checkout until advertised expiration date.
Offers cannot be combined. Offers are only valid on VanillaGift.com. Purchase
Fees or Shipping Charges may apply subject to terms of the offer. Read specific
offer for complete details. Please note that a promotion code provided in
connection with a particular offer on VanillaGift.com is intended only for use
by the recipient of the offer and is not valid on Gift Card purchases made
through any third party sites.

Only credit, charge, and debit cards as well as fully registered and approved
general purpose reloadable cards may be used to make purchases on the site.
Single load cards (e.g. gift cards) may not be used. Gift Cards are not
available for sale to HI residents. Vanilla Gift does not accept payment methods
with addresses from the state of HI for Gift Cards. Vanilla Gift does not accept
payment methods with addresses from the state of NM for orders equal to or
greater than $1,000 within a 24-hour period for Gift Cards or Business Gift
Cards.

Vanilla Visa® Gift Cards are issued by TBBK Card Services, Inc., Pathward, N.A.
or Sutton Bank, pursuant to a license from Visa U.S.A. Inc. Pathward, N.A. and
Sutton Bank, Members FDIC. See the back of your card for issuing bank. Vanilla
Discover® Gift Cards are issued by TBBK Card Services, Inc., Member FDIC.
Vanilla Mastercard® Gift Cards are issued by TBBK Card Services, Inc., Pathward,
N.A. or Sutton Bank pursuant to license by Mastercard International
Incorporated. Mastercard and the circles design is a trademark of Mastercard
International Incorporated. Vanilla Bill Payment Prepaid Visa Cards are issued
by TBBK Card Services, Inc. pursuant to a license from Visa U.S.A. Inc. Vanilla
Bill Payment Prepaid Mastercard is issued by TBBK Card Services, Inc. pursuant
to license by Mastercard International Incorporated. Cards may be used in the
U.S. and District of Columbia everywhere Visa debit cards, Debit Mastercard or
Discover cards are accepted. No cash or ATM access. Terms and conditions apply.
See Cardholder Agreement for details. Cards are distributed and serviced by
InComm Financial Services, Inc., which is licensed as a Money Transmitter by the
New York State Department of Financial Services. NMLS ID# 912772.

Colorado, Maryland, and Texas customers: View information about addressing
complaints regarding our money services business.

Copyright © 2020 InComm Payments. All Rights Reserved.

Facebook
Instagram
Pinterest
Get the Scoop on Vanilla Gift
Please send me tips, news, and special offers from and on behalf of Vanilla. I
understand that my information will be used as described here and in the 
Privacy Policy.

Sign Me Up!
Legal Policies
 * Sutton Privacy Policy
 * TBBK Card Services, Inc. Privacy Policy
 * The Bancorp Bank Privacy Policy
 * Pathward, N.A. Privacy Policy
 * Terms of Use
 * Cardholder Agreements
 * Accessibility Statement
 * Ad Choices


At Vanilla Gift, we are committed to safeguarding your privacy. As defined in
our Privacy Statement, our service providers collect information about your use
of this website through cookies and similar technologies to present content or
ads on websites that are tailored to your interests. This tool allows you to
manage our service providers' use of this information for online behavioral
advertising on websites. Please understand that if you choose to update your
cookie preferences, the tool will place a cookie on your device to allow your
choices to be honored. Please note that if you delete or remove cookies from
your device, you will also remove this preference cookie and you will have to
renew your choices. Please note that the use of this tool will not affect your
preferences with respect to ads placed on mobile applications. You can opt out
of receiving online behavioral advertising from Vanilla Gift in mobile
applications by turning off mobile device ad tracking or resetting the
advertising identifier in your device settings. For more information, please see
the links below and read our Privacy Statement.
Accept



MULTIPLE CATEGORY PRODUCTS SELECTED

Close

You cannot purchase American Express, Visa, and Mastercard physical products in
the same order. Would you like to remove your existing physical product(s) from
your cart and continue to buy the newly selected card(s)?

Keep Current Card(s) Buy New Card(s)



MULTIPLE CATEGORY PRODUCTS SELECTED

Close

You cannot purchase American Express, Visa, or Mastercard physical products in
the same order as brand cards. Would you like to remove your existing physical
product(s) from your cart and continue to buy the newly selected card(s)

Keep Current Card(s) Buy New Card(s)



E-MAIL GIFT MESSAGE SAMPLE

Close

Close



SELECT AN ANIMATION

Close


ANYTIME


Thanks A Bunch

Birthday Balloons

Thank You Postcard

You're The Best

Trophy

Gift Box

Birthday Postcard

String Story

Acorn Apology

Singing Birthday Cake

Hooray Banner

Congrats Geo Postcard

Encourage-Mint

Bravo Postcard

Just Because Postcard

Present


HOLIDAY


Bear Christmas

Holiday Birch

Christmas Birds

Merry & Bright Postcard

Holiday Lights

Igloo Penguins

Snow Globe

Holiday Workshop


VALENTINE'S DAY


You're A Fox

A Great Pair

Love Garden


CONGRATULATIONS


You Nailed It

Job Well Done Postcard


BIRTHDAY


Birthday Mission


BUSINESS


Work Anniversary

Retirement Adventure

Thank You Stripe Postcard

Welcome Postcard

Welcome


THANK YOU


Thanks Doodle

Thanks So Much Postcard

Life Saver


HOUSEWARMING


Petal Envelope

House on a Hill


ANNIVERSARY


Anniversary Postcard

Time Flies Postcard


BABY


Baby Balloons

Baby Clothesline


WEDDING & ENGAGEMENT


Wedding Cake


GRADUATION


Gold Ribbon Congrats Postcard

Sky's The Limit


HEALTH & WELLNESS


Dandelion Wish

Encouragement Postcard

You've Got This
Cancel Select