1. Knowledge base
  2. Getting Started for Admin

WAIR Shopify App: Universal CTA Installation

WAIR can be present anywhere on your site, not just your product detail page. This article will guide you through the simple installation of our Universal Call to Action, designed to be placed on non-PDP pages.

Before Your Begin

Please ensure you have successfully installed the WAIR Shopify App and have approved the app's charges in Shopify. If you have yet to received your install link, please reach out to the WAIR Support Team at help@getwair.com.

Important: We highly recommend that the person conducting the installation of this CTA has prior experience editing your Shopify theme code and understands HTML, liquid, and CSS.

 

Recommended placements for the WAIR Universal CTA

  • Size Guide landing pages
  • Header and footer menus
  • FAQ pages

Anywhere on your site where you feel shoppers may be looking for size and fit assistance is a great place for WAIR to be installed. By making sure shoppers have easy access to the WAIR body survey in these locations will ensure a reduction in the number of size-related support inquires you team will receive.

 

Brand Examples:

H&B WAIR Universal CTA

 

Step 1: Ensure WAIR Scripts are enabled via Shopify's App Embed feature

  1. Log into your Shopify Admin Account.
  2. Navigate to Sales Channels > Online Store.
  3. For the theme on which you would like to install WAIR Universal CTA, click the 'Customize' button. You will be taken to the Shopify Theme Customizer for that theme.
    WAIR Scripts Shopify App Embed Feature
  4. In the top left corner, click the App Embeds icon.
  5. Ensure the 'WAIR Scripts' toggle is enabled.
  6. Click 'Save' in the top right corner.

 

 

Step 2: Gather the WAIR Universal  CTA HTML snippet from your WAIR Dashboard

  1. Log into your WAIR Dashboard (if you do not have access, please reach out to the WAIR Support Team at help@getwair.com).
  2. Navigate to Settings > Shopper Experience.
  3. Navigate to the Universal tab, click 'View Snippet'.
    1. Important: Do not use the snippet listed under the CTA tab as this is different.
  4. Copy the WAIR Universal CTA HTML snippet.
  5. Please note that styling customizations for the CTA are also available on this dashboard page.
    1. You'll have the option between banner format, button format, and link format, along with other customizations like color and logo preferences.
Screenshot 2025-03-13 at 1.22.24 PM

 

Step 3: Install the HTML snippet onto your site

  1. Log into your Shopify Admin Account.
    Shopify Theme Edit Code
  2. Navigate to Sales Channels > Online Store.
  3. For the theme on which you would like to install WAIR, click the three-dot menu button (next to 'Customize') and click 'Edit Code'.
  4. Locate the proper .liquid file responsible for the location you would like to install the CTA. Please note, this file often changes based on which Shopify theme is in use.
  5. Paste your WAIR Universal CTA HTML snippet in your desired location within your theme code.
    1. You can further customize the WAIR CTA by using the CTA styling customizations available on your WAIR Dashboard, or by adding CSS to style the HTML snippet. For guidance on what CSS to use, please reference this knowledge base article for more details.
  6. Click 'Save' in the top right.

 

For instructions on how to Preview your installation of the WAIR PDP CTA, click here!