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/funnels that you've created.


This is a one-time setup that will reflect across all existing and future offers/funnels 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 funnels/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



Step 2: Edit your funnel


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



Click on Actions —> Edit from the drop-down. Navigate to Page 2 of the funnel setup.



Step 3: Go to Editor Monks In App Editor


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


Under General —> Select Font



Click on Sync Now 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 pop-up message



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 availble 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 to Assistant.



Once you click 'Save and Activate' the font change will reflect on your theme where the funnel+app is active. 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: 18/12/2024