The loyalty widget is a place for your customers to interact with your loyalty program and also access any discount codes sent via marketing emails. You can add your store's brand to your loyalty widget to make your loyalty program your own, including using a custom Google Font.

1. Open https://fonts.google.com/ in your browser window
2. In the search bar enter the Google Font name that your store uses

3. Click on Google Fonts to open the font's details and click the Get font button of the font version you'd like to use on your loyalty widget.

4. Select the Get embed code and copy the font's unique link from the code snippet. To do this, simply copy all of the text after <link href =" and before " rel="stylesheet">

5. Paste the Google Font URL in a safe place for the next section

1. In your Marsello admin, go to Customer experience > Online > Online Portal (Legacy)

2. Click on the Widget tab then Font

​3. Select the Use Google Font checkbox

4. Enter your Google font name and Google font URL

5. Click Save & Publish. ​Your Loyalty Widget font will then be updated to your store's chosen Google Font.

1. In your Marsello admin, go to Display > Customer experience > Online > Online widget

2. Click on the Widget tab > Font

3. Click the Use same font as widget which will automatically set your tab font to be the same as your loyalty widget OR you can un-select the checkbox to choose a different font.

4. Follow the same steps as above to add a custom Google font to your Loyalty Tab, then click Save & Publish.

Your Loyalty Tab font will then be updated to your store's chosen Google Font.

Merchants also searched for: go9o