OMNI offers several different touchpoints you can display on your site to allow customers to discover and interact with your loyalty program, depending on your store this includes:
For stores using customer accounts
For stores using legacy customer accounts
This article focuses on the introduction and set up of the New floating widget on customer accounts
Note - You will need to have enabled "Customer account" on your Shopify store. For more information, read here
Introduction
The objectives of the new floating widget are to raise rewards program visibility to drive customer awareness of the member rewards program:
For unregistered shoppers: encourage customer signups by letting them learn more about the program and welcome offers through the pop-up widget that is visible everywhere on the store page.
For existing members: Allow key loyalty operations to be performed on any page in your store to promote visibility and drive usage.
Enabling the widget
Through your Shopify Admin Dashboard, click on “Online Store” through the left navigation menu, then click on the sub-menu “Themes”
Click on the “Customize” button next to the theme to which you want to add this floating widget.
Select the App Embed Icon
Ensure you have turned “Floating widget” on and selected "New" in the widget type.
You have now successfully turned the widget on and it’s ready to be customized further.
Widget Functions
This widget includes a variety of functions that you can customize to display helpful information to your customers as customers and non-customers browse through your online store.
Widget Icon
Customizability (For Store Owner)
Widget icon appearance
Finetuning our default icon - by selecting background color and overlay color
Upload your own icon - Upload any image you like, with the longest side at 200px.
Set icon height - Set the height of the your icon and let the system dynamically adjust the width based on the image dimensions.
Icon location:
Icon alignment (bottom right OR bottom left)
Icon location offset - to finetune widget placement
Customers Point of View
They will see a floating widget on your store page, according to the picture you set. One example is this:
Logged out view
Logged out customers can see a custom welcome block and a preview of the loyalty program's tier mechanisms, ways to earns, and available rewards for redemption generated based on your current loyalty settings.
Customizability (for merchants)
Welcome card layout
With text overlay
Image only
Welcome card background image
Weclome card overlay content color - using the default or alternative content on card color
Title and description
The welcome card image has a fixed width and its height expands based on the title and description you've entered.
Logged in view
For logged in customers, they will see all their loyalty informatoin avaiable in the same side drawer. Customers can perform most loyalty actions without leaving the side drawer.
Customizability (for merchants)
Summary card background image
Summary card overlay content color - using the default or alternative content on card color
Color settings
You can configure standalone color settings for the new floating widgets directly within the the floating widget's editor.
Configure each color setting and preview changes on the theme editor to create your branded loyalty experience onsite.
