Skip to main content

How to Set Up an Offer Landing Page

Set up Aspire's Offer Landing Page by following this step-by-step guide

Written by Janine Borrega

Overview

Aspire’s offer Landing Page are co-branded, micro-shopping experiences fully hosted on your Shopify site to maximize conversions and first-party data capture. Give creators the freedom to curate their favorite products that resonate with their audience and bring it to life with lifestyle content that shows your products in action. These landing pages create an exclusive, bespoke experience for both creators and shoppers.

​Setting Up Your Offer

To use Offer Landing Pages, you must first install the Aspire Affiliates app in Shopify.
​

Expand this section for instructions on installing the app.

  1. Log into your Shopify account.

  2. Go to the Aspire Affiliates app in the Shopify App Store.

  3. Click Install.

  4. Under Features, click Enable beneath Offer Landing Pages.

  5. You’ll be redirected to your Shopify store theme settings. Under App Embeds, confirm that Aspire Landing Pages is toggled on.


    We also recommend enabling the SecureCodes and Link Tracking features.
    ​

  1. Once the Aspire Affiliates App has been installed, go to Offers, then click +Create Offer and choose Discount Offer as your offer type.

  2. Toggle on Landing Pages.

    1. If you didn't enable Aspire Landing Pages yet from the Aspire Affiliates app, you will be prompted to install and enable it through Shopify to proceed.

  3. Fill out the offer's basic information such as the offer name, Description (optional), or Image (optional).

  4. Set up your offer configuration

    1. Under Discount configuration, set up the Shopify Discount Type, and Discount Value

    2. Configure your Purchase Restrictions if needed. This includes:

      1. Purchase Type: one time, subscription, both

      2. Discount Usage Limit

      3. Minimum purchase requirement

      4. Limit discount to specific collections

      5. Enable combination with other discounts

    3. Set up your code naming strategy

      1. Choose among 4 options: First Initial + Last name, Instagram Username, First name + Last Initial, or Full name

      2. As an optional step, you can add a prefix or a suffix: example, bonotheshihtzu15

    4. Expand the additional settings dropdown to configure settings related to UTMs, restrictions, visibility, and more.

  5. Within the Automation step, set up your Commissions, Rewards, and Automations

  6. When you're finished setting up and reviewing the offer, click Create Offer.

  7. Lastly, customize your Aspire Landing Page template by clicking Manage at the top of the page. See the section below for more details.

Customize your Offer Landing Page

To change the default design and settings for your Offer Landing PAge, click Manage from within the offer page.

Expand the sections below for detailed steps.

Customize the design

Customize the page design by selecting the paint pallet icon. Choose the font, font size, and color for the headings and body text.
​
This tab also provides extensive styling options for interactive elements like buttons and product cards, as well as page backgrounds.
​
You can also upload an image for the hero section background.

  • Supported formats: PNG, JPG, JPEG (Max: 24MB)

  • Recommended Sizes:

    • Desktop: 1920x756px (2.5:1)

    • Mobile: 1080x1344px (0.8:1)

Configure basic settings

  • Add a catchy title and short description.
    ​

  • Add a featured product to the landing page by toggling on the option under Featured Product Discount, then clicking “Select Product”. You can search by Tag, Vendor, or Product type. Simply type in a value, hit enter, then click Find Products. Select from the list of products shown and click Save.

  • Customize the Discount Offer Button by adding your call to action. Use the discount variable to automatically show the discount amount associated with this promo code offer.


    For example: Get % off → Get 15% Off
    ​

  • Toggle on Show Creator’s Tag to add a short blurb above the featured product. Choose how you want the creator's name to be displayed by selecting either the 's First Name}} or the 's Full Name}} variables


    For example: Loved by 's First Name}} → Loved by John
    ​

Add featured content


Add featured content that best depicts your brand’s voice and aesthetic. Toggle on Enable Featured Content, select “Add Content”, choose the content type (image or video), then enter the URL.

You can easily rearrange the content by dragging and dropping it using the icon with two horizontal lines.

You can also allow creators to select the content they want to feature on their page. Click the Settings drop-down, then check the box "Allow Creators to upload content", then enter the maximum number of content pieces that the creator can upload.

💡 Important: A maximum of 6 pieces of content can be featured. This means if you upload 4 pieces of content, then creators can add 2 more, as long as the setting "Allow Creators to upload content" is enabled.

Select featured products


Showcase specific products that you want the creator’s audience to see on their CreatorStore page. You will only be able to select products that are currently in stock.

Featured Product

  • To highlight a product, expand the Featured Product section. Toggle on "Show Featured Product", then click "Select Product" and search by tag, vendor, or product type to find the product you want to add.
    ​

  • Add a Featured Product Heading. You can use the 's Name}} variable to automatically populate the creator's name.

💡 Note: The "Featured Product" and "Hero Featured Product Discount" settings are connected. Changing one will automatically update the other.

Manage All Products

To customize the products displayed on the page, expand the Manage All Products section. Click "Add Products" and search by tag, vendor, or product type to find and add the desired products. You can add up to 12 products.

Once you've added products, you can easily rearrange them by dragging and dropping them into your preferred order.

To hide the product prices, uncheck the setting "Show Product Price" under the Product Card section.

Settings

  • Update the heading for the Product section by clicking Settings, then editing the text beneath Section Heading.
    ​

  • Give creators the freedom to curate their favorite products that resonate with their audience. Check the box "Allow creators to add products", then set the maximum number of products that creators can add.
    ​

Preview Page, then Save & Publish


To preview your CreatorStore, click the eye icon. This will open a new tab with the CreatorStore page you've created.

Once everything looks good, click Save & Publish in the upper-right corner.
​

🚀 We recommend sharing the guide How to Customize your Landing Page with creators so they know how to personalize their landing pages!

Important: Please ensure you have enabled the settings "Allow Creators to upload content", "Allow creators to add products", and/or "Allow creators to update featured product". Otherwise, creators will not be able to make any customizations to their Offer Landing Page.

Frequently Asked Questions

Do I have to create a new Promo Code offer to use this feature?

No! You can enable this setting for existing Promo Code offers.

Can Offer Landing Page be enabled for Link Offers?

Not at this time. Offer Landing Pages are built on top of Aspire's Discount Link functionality. A discount link is an affiliate link that auto-applies a promo code at checkout, similar to Shopify's shareable promo code links.
​

Can I duplicate the customizations from one offer to another?

Not at this time.

Are Offer Landing Pages compatible with headless Shopify stores?

It depends - please contact our Support team for assistance.
​

Are Offer Landing Pages discoverable on our website?

No, Offer Landing Pages can only be accessed through the affiliate's link.

By default, Offer Landing Pages are marked as "Visible" within Shopify. The page is accessible via direct URL and will not be hidden from the public or search engines.

Whether or not the page will be visible in the search bar of your website depends on how your search bar is configured.

If the page is linked somewhere and is not blocked by robots.txt or meta tags, it can get indexed by search engines.

Where can we access these pages in our Shopify admin?

From your Shopify admin, go to Online Store > Pages. We create one Shopify page per offer with Offer Landing Page enabled. Each CreatorStore page will be titled "[Aspire] {Offer Name}".
​

Can we make additional customizations to Offer Landing Page from our Shopify admin?

Yes! Aspire's Shopify Affiliate App Embed injects dynamic HTML inside the page body. You can edit the header and body as desired. Any elements placed inside the body will appear below the CreatorStore HTML section.

To customize a page, follow the steps below:

  1. From your Shopify admin, go to Online Store > Pages.

  2. Each CreatorStore page will be titled [Aspire] "Offer Name". Click the title of the page.

  3. Select View Template by clicking on the eye icon. This will redirect you to the Shopify theme editor for this page.
    ​

  4. Make your changes to the existing page content. You can hide the header or footer, add sections or apps, and adjust the settings as needed.

Did this answer your question?