Web push with voucher and promotion for different categories

This use case highlights the functionality provided by Synerise through web push notifications - with a keen focus on user engagement and conversion, Synerise introduces a possibility to add two buttons to a web push campaign. These buttons not only act as navigation tools, directing users to the online store, but also serve as triggers, offering a tailored and interactive experience.

This campaign focuses on a targeted approach aimed at users, who have visited specific category, but have not yet made a purchase. The web push notification will highlight special active promotions in the women’s category, which, in our case, will include jewelry and watches. However, this targeting can be customized based on various criteria, such as previously viewed categories (e.g., men/women), where dynamic content placed on the page, which the web push button redirects to, adapts to show relevant promotions based on the visited category. It can also be tailored to other specific user segments, offering flexibility to match our needs.

The campaign described in this specific use case, involves adding two buttons, each associated with a unique listing of products: “watches” and “jewelry” for women. After clicking these buttons, users will go to a specific category page where dynamic content with the unique voucher will be displayed.

What is important you can enrich this use case using personalized recommendations, promotional recommendations or instead add the link to dedicated landing page with personalized promotions.

Prerequisites

• Implement a tracking code.
• Create voucher pools for both promotions.
• Configure web push notifications
• Import your product feed to catalog.

Process

In this use case, you will go through the following steps:

1. Create voucher pools.
2. Prepare a web push template.
3. Create a dynamic content campaign for each promotion.
4. Prepare a workflow that will send a web push to customers who visited products of specific categories and didn’t make a purchase within 24 hours after visiting the products.

Create voucher pools

Create a voucher pool in Synerise for the promotion for women watches and jewelry.

1. Go to Data Management > Voucher Pools > Add pool.

2. On the pop-up, fill in the following fields:

   1. In the Pool name field, enter the name of the pool (the name is only visible on the list of the voucher pools).
   2. Optionally, from the Barcode type dropdown list, select the type of codes which will be imported in the CSV file to Synerise.
      
      Important: The selection in the dropdown has no influence on the further process. It serves only informational purposes for the users.
   3. Optionally, in the Voucher prefix field, enter a number that will be added to the beginning of each code.
   4. In the Emission start and Emmission end fields, select the dates when the distribution of the codes starts and finishes, respectively.
   5. Optionally, to limit the size of the pool, fill in the Pool limit field.
   6. Optionally, in the Description field, enter the internal description of the pool that is visible only on the list of voucher pools.

3. Confirm by clicking Save.

4. Enter into the pool.

5. Using the Import button on the top of the screen, import the vouchers into the pool. Proceed according to this instruction from step 3 (selecting the import method). Result: After importing vouchers, you will be able to see the codes in the pool. You will also see information about whether it is assigned or unassigned to any customer. You can also see the assignment date and the date of use.

   

6. Repeat all the steps to create voucher pool for the other category.

Do the same with the another voucher pool for watches category.

Prepare a web push template

In this part of the process, you will create a web push template with two action buttons. Each of them will display different product category for which the voucher code can be used.

1. Go to Communication > Web Push > Templates.

2. Click New template.

3. Enter the name of the template.

4. In the Title field, define the title you want to display in the web push.

5. In the Message field, define the main body you want to display in the web push.

6. In the Image URL field, enter the URL of the image you uploaded previously to the Files section in the Data Management module. Image requirements are listed at the top of the article.

   1. To get the URL of the image, go to Data Management > Files.
   2. Find the image on the list.
   3. Hover the mouse cursor over the image on the list.
   4. Click Copy URL.
   5. Paste the URL in the Image field.

7. If you want the web push to remain visible until the recipient clicks or closes it, switch the Require an action toggle on.
   

   Important: The “requireInteraction” functionality used by this toggle is not supported by some browsers. For more details, go to https://developer.mozilla.org/en-US/docs/Web/API/Notification/requireInteraction#browser_compatibility.

8. To configure action buttons for your template, switch the Action Buttons toggle on.

   1. Click Add item.
   2. In the Button Label field, enter the text that will appear on the button.
   3. In the URL field, enter the address to which a customer is redirected after clicking the button.
   4. To add the second action button, click Add item and follow steps b and c.
   Note:

   In this scenario, we have two buttons labeled “watches” and “jewelry.” Each button corresponds to a specific URL link:

   • Clicking the “jewelry” button will redirect to: https://demoshop.synerise.com/women/jewelry
   • Clicking the “watches” button will redirect to: https://demoshop.synerise.com/women/watches These links will be employed later in the Dynamic Content (DC) configuration when choosing where to display the DC.

9. For saving the template in a folder of your choice, click Save as button and select the desired folder.

10. Save the template clicking the button Save as, and choose the folder in which template will be saved.

Create a dynamic content campaign

Create a dynamic content campaign where you will display items using a predefined dynamic content template (insert object). This dynamic content will be displayed as a part of the site, only for customers who have clicked the web push.

1. Go to Communication > Dynamic Content > Create new.
2. Enter the name of the content.
3. Choose Insert object type.

Define Audience

1. In the Audience section, select New Audience and click Define conditions.

2. From Choose filter dropdown list, select the webpush.click event, campaignTitle parameter, choose operator Equal (string) and as the value add the exact title of the Webpush campaign created in the previous step.

3. Click + where and from the Choose filter dropdown list, select the webpush.click event.

4. Choose the actionButton parameter with the value 1. It will be visible only for users who have clicked the first button in the webpush campaign.

5. Click the calendar in the right bottom of the page and choose the option Lifetime.

6. Click Save.

   

7. To save the audience, click Apply.

Define content

1. In the Content section, click Create Message.
2. From the list of template folders, select a folder with the predefined Insert object templates.
   Result: You are redirected to the list of predefined templates.
3. You can also create your own template. In our case we choose predefined template: Small message bar.
4. In the Text field, add the copy for your message.
5. On the upper right side of the screen, click Inserts. From the dropdown list, choose Pool and select the voucher pool created in the previous part of the process. Click the voucher pool, copy the code and paste to your text box.
6. Additionally add background color, text color or add any other additional changes.
7. Click the Use in communication button.
8. Click Apply.

Define schedule and display settings

1. In the Schedule section, click Define and set the time when the message will be active.
2. In the Display Settings section, click Define.
3. Specify circumstances for dynamic content to be displayed. Optionally, you can also define the Advanced options. You can also define the type of device you want to show your dynamic content.
4. In the Page targeting section, choose Others, and in the Display on pages section, click Add rule.
5. Select Page URL containing and enter the address of the category page you defined in the first button in the web push template (for example, the main category page).
6. Click Apply.
7. Optionally, you can define the UTM parameters for your dynamic content campaign.
8. Click Activate.
9. Prepare another dynamic content template. Duplicate this campaign and add three changes:

• In the Audience section, change the value of the actionButton to 2.
• In the Content section, add voucher pool for jewelry category.
• In the Display settings, select Page URL containing and enter the address of the category page you have defined for the second button in the web push template.

Prepare a workflow

In this part of the process, create a workflow that will be run every 24 hours, and it will be triggered for the group of users who have visited women category in the last 24 hours but did not make any transaction.

Define the Audience trigger node

1. Start the workflow with the Audience node.

2. Click the node to configure it.

3. In the Run trigger section, set the option to repeatable, every 24 hours.

   

4. In the Define audience section, choose New audience.

   1. Click Define conditions.
   2. From the Choose filter dropdown list, select page.visit. As the parameter, select URL and add the URL for the watches category.
   3. Click Choose filter and from the dropdown list, select page.visit. Choose the URL parameter and add the URL for the jewelry category.
   4. Betwen those conditions choose operator OR.
   5. Click Choose filter and from the dropdown list, select transaction.charge.
   6. Betwen those conditions choose operator AND.
   7. Set up time for each conditions as the last 24 hours.
   8. Change filter from matching to not matching.

5. Click Apply

Configure Send Web Push node

In this part of the process you will define the Webpush message to be sent.

1. Add Send Web Push. In the configuration of the node:
   1. In the Content section, from the Webpush template dropdown, select the template you created in the previous step.
   2. In the Schedule section, set the Webpush lifespan (TTL) according to your business needs.
   3. You can describe the campaign with additional parameters.
2. Click Apply.

Add the finishing node

1. Add the End node.
2. In the upper right corner, click Save & Run.

   

What’s more

To further enrich this use case and enhance user engagement, consider a few additional options:

• Incorporate personalized recommendations tailored to individual user preferences. You can dynamically suggest products within the “watches” and “jewelry” (or any other) categories that align with each user’s interests e.g. showing personalized recommendations on the top of the page. These personalized recommendations can be implemented in multiple areas, such as the homepage, category pages, product detail pages, shopping cart, and even during the checkout process. This personalized touch not only captures attention but also increases the likelihood of users finding products they genuinely desire, boosting conversion rates.

Read more about personalized recommendations

• As an alternative strategy, incorporate a link to a dedicated landing page with personalized promotions. This landing page can feature curated product selections, exclusive discounts and codes, and a seamless shopping experience, further encouraging users to take advantage of the promotions in an environment designed to enhance their overall satisfaction.

Read more about preparing a landing page with personalized products

Check the use case set up on the Synerise Demo workspace

You can check the all the configurations directly in Synerise Demo workspace:

• Dynamic content campaign 1
• Dynamic content campaign 2
• Webpush campaign template
• Workflow

If you don’t have access to the Synerise Demo workspace, please leave your contact details in this form, and our representative will contact you shortly.

Read more

• Automation
• Inserts
• Recommendations
• Web push
• Voucher pools