When you are ready to launch your campaign you need to configure a template using our Liquid theme extension, this allows the campaign page to integrate seamlessly with your theme in terms of user interface and user experience, while providing a high level of security.
Follow these steps to set up a Snap Rewards campaign landing page that integrates seamlessly with your store’s theme. This process ensures a high level of security and usability for your customers.
Preliminary Step: Make a note of your Campaign ID from the Snap Rewards App admin campaign page. It will look something like this: VN0XXXXXXXXXIYOK
Step 1: Create a Custom Data Property for Your Campaign ID #
-
From your Shopify admin, go to Settings > Custom Data.
-
Under Pages, click on Add Definition.
-
Fill out the following:
-
Name: Snap Rewards Campaign ID
-
Namespace and Key: snap_rewards.campaign_id
-
Value Type: Single Line Text
-
-
Leave all other settings as default and click Save.
Step 2: Create a New Template for the Campaign Page #
-
Go to Online Store > Themes and click on Customize.
-
In the dropdown at the top where it says Home Page, choose Pages from the list, then click Create Template.
-
Name the template
voucher.offer
and select Default Page as the template to base it on. -
Click Save.
Step 3: Add a New Page for Your Campaign #
-
Go to Online Store > Pages and click Add Page.
-
Enter a title for the page, such as “Campaign Test”.
-
In the Template section, select the template you just created:
voucher.offer
. -
Click Save.
Step 4: Add the Snap Rewards Section to Your Campaign Page #
-
Return to Online Store > Themes and click Customize.
-
In the dropdown at the top, select Home Page and then Pages, then select the voucher.offer template.
-
On the left sidebar, under Template click Add Section.
-
Choose Apps from the list and then select Snap Rewards.
-
Click Save.
Step 5: Add Your Campaign ID #
-
Go back to Online Store > Pages and open the page you created (e.g., “Campaign Test”).
-
In the Metafields section of the page, enter your Snap Rewards Campaign ID.
-
Click Save.
-
In the Visibility section, toggle to make the page Visible.
-
Once the page is visible, click View to open the landing page and see it in action.