Question 1

How to customize location/position of Monk's widgets?

Accepted Answer

Depending upon the funnel you have setup & the theme you're using there are multiple ways to edit the position of a widget.

If you're setting up a funnel on the product page (Offer Type = Cross Sell or Volume Discount or Frequently Bought Together) or checkout page (Only for Shopify Plus stores) and your theme is compatible with Shopify OS 2.0 you can edit your theme settings to add a Monk app block and customize it's position from within your theme editor. Here are the steps to do so:

|| If you're trying to setup a funnel on the cart page/drawer/popup you can skip these steps and jump to the next section of the document

The below mentioned points outline the steps to change widget position on the Product page-

Go to Online Store in your Shopify admin and click on Customize theme.

Under Product Information select 'Add block' and select the Monk app block as per the offer type you're trying to setup

A visual representation of the position of Monk’s widget will be visible on the product page

4. You can drag and drop the app block and customize the position of the widget as per your requirement

If you're trying to set-up a funnel on the cart page/drawer/popup (Offe

Question 2

How to add custom CSS?

Accepted Answer

This doc is a guide on how to add the custom CSS to a Monk widget on your store. Please refer to the below mentioned steps-

Here's a quick video tutorial on adding custom CSS- https://www.loom.com/share/21881cf4e0c449809f51d6596d58492d

Step 1: Go to Online Store --> Themes --> Click on Customize next to the theme that you want to make the changes to

Step 2: Click on theme settings that's on the left hand side of your screen

Step 3: Scroll down to find 'Custom CSS' and then copy paste the code in the box provided

|| Almost all latest themes should have this option. If not, you will have to make the change by editing the theme code itself

Conventions:

All the Monk CSS classes will have a prefix of mr

 <div class="mr-button"></button>

Always use class or id selector to apply custom CSS. Don’t use :first-child, :last-child, element selectors (span div) or any other selectors.
Each funnel & it's design template is made up of well defined class names for each element (with mr- prefix) and also some auto generated names. Please use the class names with mr prefix for applying CSS.
Every widget has a div with a unique id. If a style has

Question 3

What happens in case of overlap of funnels? How is priority order of funnels decided?

Accepted Answer

With Monk you can set-up different kinds of funnels based on various parameters like trigger product/collection, product or cart page, type of offer etc - hence there is a possibility that sometimes two or more funnels might overlap on the same trigger product/collection.

Overlap is caused when 2 or more funnels have the exact same Offer Type, Display Type, Display Page & are set to trigger on the same range of trigger products/collections or cart values. In such cases, the funnel with the lower number # id will take priority and only that funnel & it's widget/popup will be visible to your customers.
This means that if funnels #2, #3 and #5 have the same Offer Type, Display Type and Display Page & overlap on 1 particular product - only the offer from funnel #2 will show up. This is done to ensure your buyers have a seamless and uninterrupted user experience without too many popups or widgets hampering their buying journey.

Example:

Let's assume you're selling a pair of shoes and you create 5 funnels inside the app:
Funnel 1 - cart cross sell widget that displays inside your theme's native cart page/drawer when the buyer clicks on 'add to cart' - offering 25% discount on a pair of socks
Funnel 2 - cart cross sell widget that displays inside your theme's native cart page/drawer when the buyer clicks on 'add to cart' - offering 50% discount on shoe poli

Question 4

Does Monk work with discount codes? (installed before 13th June 2023)

Accepted Answer

|| This doc is only relevant if you added Monk to your store before 13th June 2023

Due to some inherent Shopify restrictions, stacking of upsell/cross sell/free gift discounts (app discounts) with code discounts (on checkout) is not possible. This creates a broken user experience for customers who have a discount code handy and wish to make use of it. Especially if these are customers who got their discount code from an abandoned cart email/SMS flow or got it for a positive action like leaving a review. The broken user experience leads to a poor brand experience which is undesirable.

Hence, at Monk we've successfully built a workaround for this that collects the discount code on the cart step itself and stacks the app discount and code discount together on checkout.

You can customize the colors and text of the discount code widget to match your theme's design. Attached below are screenshots of what it looks like on desktop as well as mobile.

To enable this discount code compatibility for your store - please reach out to us via chat or email support and share 2-3 of your most commonly used codes. We shall take a quick look at your store & enable it manually from our backend.

Will this widget show if the customer does not add anything from a Monk funnel to cart?
No. In that case the customer will be able to add a discount code on checkout page in the usual way. The discount code widget will show at the cart only when an additional discount via the app

Question 5

Pricing and Billing (installed after 15th Feb 2023 & before 30th Nov 2023)

Accepted Answer

This pricing is valid only for merchants that installed the app after 15th Feb, 2023 but before Nov 30th, 2023

What is Monk's pricing?

Pricing is based on the total number of orders your store processes within the 30 day billing cycle. As your store scales, the amount of revenue generated due to the app also increases. Pay as your brand grows!
If you're don't see tangible sales benefit from the app, do reach out to us via chat or email support & we'll do our best to ensure that you do 🔥

| Store orders per month | Price | | --- | --- | | 0-100 | Free | | 101-500 | $40 | | 501-1000 | $80 | | 1,001-3,000 | $170 | | 3,001+ | $290 |

Note: All charges will be in USD**

How is a billing cycle calculated?

A billing cycle is 30 days long & it starts one day after your free trial ends. You will not be charged if you uninstall the app before the end of your trial period. A charge will be made on the 1st day of every billing cycle based on the total number of orders processed by your store in the previous 30 days.

How do I cancel my subscription?

To pause billing you will have to uninstall the app from the apps section of your Shopify admin dashboard. You will be charged a monthly fee as long as the app is installed on the store irrespective of it being enabled/disabled.

Question 6

Why does the website/page refresh when a product is added to cart?

Accepted Answer

Some themes have a built-in cart listener code that automatically updates the cart items & total in real-time whenever a product/discount is added by third party apps like Monk. But a handful of themes do not support this functionality - in these cases a page refresh is needed to display the updated cart details and total.

Whether the app should trigger a page refresh or not is controlled by the ‘Refresh the page’ setting on Page 2 of a funnel setup under 'Advance Configuration'

Please Note: The screenshot attached below is of the Cross Sell Funnel settings, you can find the Refresh option on page 2 of the settings under 'Advance Configuration' for all the funnels

If your theme has a cart listener, it can efficiently handle cart updates without the need for a page refresh. In such cases, you can disable the above setting.

||| If your theme has a cart listener in the theme code, the document is NOT relevant to you.

On the other hand, if your theme lacks a cart listener you can either

enable the 'Refresh the page' setting. This will trigger a page refresh to ensures that any products/discounts added by the app are reflected in the cart items and total

OR

add a cart listener to your theme. Either by following the below mentioned steps or by contacting us via live chat/email support, we'll add it in for you.

Here's a quick video tutorial on adding the cart listener t

Frequently Read Articles

Browse All Categories