Skip the First (Choose A Design) Step of the Gift Card Pro Builder Form

Gift Card Pro offers 5 layout options: Classic, Simple, Crisp (recommended), Product Page Embed, and Custom Form. If you’re using the Classic layout and only offering a single gift card design, you can skip the first step (“Choose a Design”) and take users directly to Step 2.

How to Skip Step 1:

1. From your Shopify admin, go to: Online Store → Themes → (Your Theme) → Edit Code
2. In the theme.liquid file, scroll to the bottom and insert the following snippet above the closing tag:

{% if request.path contains '/a/gc/gift-card/' %}

<style>
  #gcpRoot.loaded {
    display: block;
  }
  
  .gc__breadcrumbs li:first-of-type {
    display: none;
  }
</style>

<script>

  (function() {

    var GCP = {

      events: function() {

         document.addEventListener('gcp-page-loaded', GCP.functions.skipGreetingCardStep);
        
      },

      functions: {

        skipGreetingCardStep: function() {

          const currentPage = window.GCPSDK.page.get();
          
          if (currentPage.step === "greeting_card") {
            document.querySelector('#gcpPurchaseFormSubmit').click();
            document.querySelector('#gcpRoot').classList.add('loaded');
          }
          
        },
        
      },

      init: function() {

        GCP.events();
        
      },
      
    }

    GCP.init();
    
  })();
  
</script>

{% endif %}

Once added, the first available card design will be auto-selected, and customers will be taken straight to Step 2 of the builder.

Optional: Adjust Step Numbers

If you’d like to update the step numbers that appear (e.g., renumbering Step 2 to Step 1), you can do so in:
Gift Card Pro → Language Settings
Look for the input labels related to each step and adjust the numbering as needed.