LogoLogo
  • Help Center
  • Welcome To Inveterate
  • Guides
    • Getting Started
      • Install The Inveterate App
        • App Installation
        • Creating Your Inveterate Account
      • Set Up Company Profile
      • Enable Inveterate On Your Store
      • Adjust Customer Account Settings In Shopify
      • Add Membership Link Snippet to Customer Account Template
    • Program Setup
      • Tier Setup
        • Editing Tiers
        • Deleting Tiers
        • Free Trials For Paid Tiers
        • Universal Rebill Date
      • Benefits
        • Credit Based Benefits
          • Credit Expiration
          • Enabling Credit Based Benefits
          • Recurring Store Credits
          • Credits For Orders
          • Anniversary Credits
          • Store Credits For Purchase Referral
          • Sign Up Store Credits
          • Birthday Credits
        • Savings Based Benefits
          • Free Shipping
          • Member Only Discounts
          • Sign Up Discounts
          • Member Only Pricing
        • Access Based Benefits
          • Early Access
          • Exclusive Access
        • Gift Based Benefits
          • Free Gift At Signup
      • Landing Page
        • About The Landing Page
        • Configuring the Landing Page
          • Hero
          • Testimonial
          • Benefits
          • CTA
          • FAQ
        • Adding the Landing Page to Your Store
        • Landing Page Versioning
        • Adding Custom CSS Styling
      • Messaging
        • Content
        • Messaging Settings
    • Members
      • Member Portal
      • Manage Members
        • Canceling Members
        • Tier Upgrades and Downgrades
        • Members Page
        • Creating Segments
        • Exporting Member List
      • Member Profile
        • Fundamentals
        • Adjusting Credits
        • Anonymize Members
      • Shopify Account Pages
    • Settings
      • Users & Access
      • Profile Settings
      • Password Reset
      • Account Settings
    • Integrations
      • Shopify POS
      • Tapcart
      • Aftersell
      • Gorgias
      • Postscript
      • Klaviyo
      • Rebuy
      • Attentive
        • How to Enable Integration
        • Segmenting Customers by Inveterate's Membership Custom Attributes in Attentive
        • How to Create Journeys in Attentive with Inveterate's Custom Events
        • Attentive Custom Events List
  • Strategy & Best Practices
    • Memberships 101
  • Discount Information
    • Apply Discounts To Subscription Products
    • Editing Discount Codes
    • Codes For Free Memberships
    • Combining Discounts
  • Tag Information
    • Customer Tags
    • Order Tags
  • Advanced Guides
    • Editing Free Tier Signup Modals
    • Membership Currency Localization
    • Migrating From Scripts To Functions
    • Migrating To Tiers
    • Spend Based Tiers
      • About Spend Based Tiers
      • Spend Based Tiers Setup
      • About The Landing Page
    • Search Engine Crawling
    • Advanced Settings
      • App Embeds Settings
      • Early Access Settings
      • Exclusive Access Settings
    • Shopify Scripts
      • Free Shipping Script
      • Member Only Pricing
      • Free Gift At Sign Up
    • Theme Editor Sections
      • PDP Upsell Widget
    • Replace Inveterate Emails In Klaviyo
      • How to Send Member Notification Emails with Klaviyo
      • Klaviyo Member Notification Metrics and Their Template Variables
    • Sunsetting Your Membership Program
    • Shopify Flow
      • Flow Library
  • Gifting Memberships with Givy
Powered by GitBook
On this page

Was this helpful?

Gifting Memberships with Givy

PreviousFlow Library

Last updated 1 day ago

Was this helpful?

This guide walks you through enabling gifting for Inveterate memberships using the on any Shopify page. It ensures the gifting modal launches with the correct variant for your membership and selling plan to support recurring billing.

This solution requires the use of a third party app called , available in the

Install the Givy App

Go to the on the Shopify App Store, click "Install" and complete the installation

Enable the Givy App Embed

  1. In Shopify admin, go to Online Store > Themes

  2. Click Customize on the theme you're working on

  3. In the left sidebar, open the App Embeds tab

  4. Locate Givy and toggle it on

  5. Click Save

This enables the JavaScript necessary for launching the Givy modal on your storefront.

Configure the Givy App Modal

  1. In Shopify admin, go to Apps > Givy

  2. In the Givy dashboard, click "Storefront Assets" from the top menu

  3. Open the "General" tab

  4. Use the available settings to configure the appearance of the Givy modal

  5. Save your changes

This ensures the gifting experience is visually consistent with your storefront.

Create a Gifting Script Snippet

  1. Go to Online Store > Themes > Edit code

  2. Under the "Snippets" directory, click "Add a new snippet"

  3. Name it: givy-membership-gifting.liquid

  4. Paste the following code, replace the placeholder values with your membership’s Variant ID and Selling Plan ID, and save:

<script>
  function launchGivyMembershipGift() {
    const variantId = '12345678901234'; // Replace with your Shopify Variant ID
    const sellingPlanId = '567890123456'; // Replace with your Shopify Selling Plan ID

    let attempts = 0;
    const maxAttempts = 50;
    const interval = setInterval(function() {
      attempts++;
      if (window.GIVY && typeof window.GIVY.displayModal === 'function') {
        clearInterval(interval);
        window.GIVY.displayModal(variantId, {
          displaySubscriptionOptions: true,
          initialSelectedSellingPlanId: sellingPlanId,
          addToCartSuccessCallback: function() {
            window.location.href = '/cart';
          },
          addToCartFailCallback: function() {
            console.warn("Givy: Add to cart failed.");
          }
        });
      } else if (attempts >= maxAttempts) {
        clearInterval(interval);
        alert("Something went wrong while loading the gifting modal. Please refresh and try again.");
      }
    }, 100);
  }
</script>

Add the Gifting Button to your Storefront

There are two separate approaches to this step, select the option most suitable for you, but do not complete both.

Option 1: Paste the following code directly in a Liquid file in your theme where you would like it to display.

{% render 'givy-membership-gifting' %}

<button onclick="launchGivyMembershipGift()">
  Gift a Membership
</button>

Option 2: Add through Theme Editor using a Custom Liquid block

  1. Go to Online Store > Themes > Customize

  2. Navigate to the desired page or template

  3. Click Add block within a section

  4. Select "Custom Liquid"

  5. Paste the following code:

{% render 'givy-membership-gifting' %}

<button onclick="launchGivyMembershipGift()">
  Gift a Membership
</button>

Style the Gifting Button

To customize the button's appearance, add this CSS style block along with the button code & adjust the placeholders to match your theme & branding needs:

<style>
  .givy-gift-button {
    background-color: #6b3fc9;
    color: #ffffff;
    padding: 12px 24px;
    border: none;
    border-radius: 9999px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .givy-gift-button:hover {
    background-color: #592db5;
  }
</style>

Test the Setup

  1. Visit the storefront page where you have placed the gifting button.

  2. Open your browser’s developer console to check for any errors

  3. Click the button and ensure the Givy modal appears with your membership pre-selected

  4. Complete a test to verify the gift is added to cart and redirects correctly

Once completed successfully, upon clicking the "Gift a Membership" button, you should see a modal resembling this pop up, where you can complete the gifting flow:

For more information on gifting memberships with Givy, or general support for the app, please visit their .

Givy app
Givy
Shopify App Store.
Givy App Listing
help documentation here