Set Up & Customize Your Storefront

Storefronts let you drive higher conversion rates with your partners through co-branded shopping pages. This article walks you through setting up your storefront and choosing the URL where your storefront will live. Learn more about storefronts in our Storefronts Explained for Brands help article.

Before you start: Your storefront needs an active, up-to-date product catalog. Creators can only add in-stock products from that catalog. Out-of-stock products do not appear until they are back in stock.

1

Enable storefronts

1. From the left navigation menu, select [Engage] → Content → Storefronts.
2. Select Enable Storefronts to start setting up your storefront.

2

Choose your URL

Set the web address where you storefront will be hosted below Choose your URL. By default, your storefront URL uses your program ID (for example, https://impact.com/shop/creator_name/12345 ).

1. Review the default storefront URL field.
2. Optionally, replace the default value with a custom name (for example, https://impact.com/shop/creator_name/wayneenterprises).

   • A [Green checkmark] confirms the name is available and valid.
   • A [Red error] appears if the name is already taken or contains invalid characters. Enter a different name to continue.
3. Once your URL is valid, select Continue.

Note: You can always change your storefront URL later.

3

Configure your storefront settings

Customize your storefront's branding and appearance.

1. From the left navigation menu, select [Engage] → Content → Storefronts→ Settings.
2. Use the tabs at the top of the Storefront Settings screen to navigate to the different sections. Refer to the references below for help configuring your settings on each tab:

Logos

Add your brand logo and favicon to your storefront:

• Upload Brand Logo: Select Choose File or drag & drop your file.

  • Accepted file types include PNG, SVG, JPG/JPEG.
  • Recommended minimum logo size is 156px by 56px.
• Upload Favicon: Select Choose File or drag & drop your file.

  • Accepted file types include ICO, PNG, SVG, JPG/JPEG.

Colors

Hero carousel

Footer

Publish

1. Once you've configured your storefront's appearance, select Save.

4

Preview your storefront

Before you publish your storefront, you can preview it to ensure it matches your expectations.

1. From the left navigation menu, select [Engage] → Content → Storefronts.
2. Select Preview from the upper-right corner.
3. In the upper-right of the Storefronts Preview screen, preview your storefront on a desktop or mobile device by selecting [Desktop] or [Mobile].
4. If there are any changes you want to make, return to the Settings screen to customize your storefront further. Refer to Configure your storefront settings above.

5

Publish your storefront

Once you're satisfied with your storefront, you can publish it.

1. From the left navigation, select [Engage] → Content → Storefronts→ Preview.
2. In the upper-right corner of the Storefronts Preview screen, select Publish.
3. In the pop-up, select Publish to confirm that you want to make your storefront live.