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:
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
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.
On page 2 of the funnel setup click on Edit and Preview; 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
Switch tabs and come back to the Editor and click on Fetch fonts in the pop-up.
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
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 and Preview; 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: 01/11/2023