Articles on: App testing and setup

How to edit fonts for your widgets/popups?

This is a guide on how you can sync the fonts available on your live theme to the app so that you can use them in the offers that you've created.


This is a one-time setup that will reflect across all existing and future offers that you create in Monk. If you add/remove any fonts from your live store you will have to follow the process again to sync the updated fonts to the app.


If you have already set up any offer via Monk & it is active on your live store, you can skip Step 1. In cases where this is your first time using the app and you have not set up any offers through Monk - finish setting up your offer and then follow the steps below.


Step 1: Ensure Monk is enabled on the live theme


  • Go to your Online Store > Themes
  • Click on the 'Customize' button, next to your live theme, which will take you to your Theme Editor
  • On the left-hand side of your screen > App Embeds > ensure that Monk is enabled (switch toggle on) > Click on Save (top right)



Step 2: Edit your offer


Once Monk is successfully enabled on your theme, the status on your app dashboard will show as App is 'enabled'



Go to Manage offers > Offer > Click on Actions > Edit > Step 2 of the offer setup.


Step 3: Go to Offer Editor


On step 2 of the offer setup click on 'Edit Display and Design' , this will take you to the offer's UI editor page.



Under General > Select Font


Click on 'Sync Now' under 'Title' section and this will redirect you to your live store. Please make sure that the app is enabled on the live theme (Step 1) before you proceed. The app needs to be enabled for it to auto detect and sync fonts from your store.


On your store, wait for the 'Sync complete' notification.



You can also sync the fonts from the global design and styling section of Monk. Please refer here for more information.

Step 4: Fetch Fonts from your theme


Switch tabs and come back to the Editor and click on 'Fetch fonts' in the pop-up.


Step 5: Access your fonts


You should now be able to access all the fonts available on your live theme from the dropdown.


Once the above steps are completed, the fonts available on your theme will be visible across all visual elements (title/body/button etc.) in the editor.


For example: here, we have changed the 'Title' text font, which is reflecting on the offer's widget, as shown below.


Once you click 'Save changes' (on the top right) the font change will reflect on your theme where the offer and app is active.


You can also add further customizations to the offer's text/fonts by adding Custom CSS. Please refer to this article.


If you face any issues or have any questions please reach out to us at support@monkcommerce.com or via live chat, we'll be happy to assist

Updated on: 13/11/2025