Question 1

Does Monk work with discount codes?

Accepted Answer

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 is being applied to a product or order.

**What happens if I don't give any app disc

Question 2

How to add custom CSS?

Accepted Answer

Introduction

Monk uses BEM CSS methodology (commonly referred to as BEM) for classes in HTML and CSS. Here’s an example of what a CSS developer writing in the BEM style might write:

```/* Block component */ .btn {}

/* Element that depends upon the block */ .btn__price {}

/* Modifier that changes the style of the block */ .btn--orange {} .btn--big {}```

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 offer layout 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 prfix for applying CSS.
Every widget has a div with a unique id. If a style has to be applied only specific to a particular widget then this id can be used.

||| What happens if you don’t follow the correct convention to write CSS? || We keep improving monk by adding more features and fixing bugs. This means that the order of the elements might change, so it is possible that the first child is a different element from the one on which the style should be applied. However, the class names would never change. Thus to ensure that the correct CSS styles are applied even after structural changes please ensure that you use the correct convention and class names.

Example and

Question 3

How to customize position/location of Monk's widgets? (requires editing of theme code)

Accepted Answer

Overview

|| Monk app create a unique <div /> element for each of its widgets. By adding these

elements into your Store’s theme files you will be able to customize the placements of Monk app’s widgets.

Steps

This guide will show you how you can customize the placement of the Cart Value Bar Widget on cart page in Dawn theme.

Step 1: Go to the Online Store Section in your Shopify admin dashboard.

Step 2: Click on the Menu button before the Customize button and Select Edit Code. You will be redirected to the Shopify theme editor where you can edit your theme files.

Step 3: Use the Search bar to find the right .liquid file.

Step 4: Type ‘cart’ in the search bar and open the main-cart-items.liquid file

Step 5: Navigate through the file and paste the following code snippet where you would wish to place the Cart Value Bar widget on cart page.

{% comment %}Monk Commerce - Cart Value bar - Cart Page Widget{% endcomment %} <div id="mr-div-embedded-cp-cvb-page" />

For Example, to place your widget above the Cart Page form paste the snippet as shown in the image below.

St

Question 4

Pricing and Billing (installed before 15th Feb 2023)

Accepted Answer

This pricing is valid only for merchants that installed the app before 15th Feb, 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 🔥

Monk is fully free, with all features for stores processing less than 100 total orders per month.

**
Note: All charges will be in USD**

What kind of $ impact can I expect from Monk?

Median impact:

Monthly ROI - 9x
Funnel conversion rates - 2.3%
Days to break even - 3

Record stats:

Monthly ROI - 43x
Funnel conversion rates - 14.6%
Days to break even - 1

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

Question 5

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 polish
Funnel 3 - product

Question 6

How to test the app on an unpublished (draft) theme?

Accepted Answer

This doc is a guide on how you can set-up and test the funnels/offers created through Monk on an unpublished (draft) theme without it interfering with your live website and live visitors. Once you've added Monk to your Shopify store, set-up your first funnel and click on Save & Activate. Then follow these steps:

From your Shopify admin, Go to Online Store —> Themes

Duplicate the existing theme

Click on the three-dot menu —> Duplicate

Note: A copy of your theme will be added to your Theme Library

Disable Monk on your live theme

To disable Monk on your main theme, click on Customize which will take you to your Theme Editor

On the left hand side of your screen —> App Embeds —> Disable Monk

Click on the Save button on the right hand side of your screen.

Enable Monk on your draft theme

To enable Monk on your draft theme, Click on Customize beside the copy of your theme under Theme Library, which will take you to your Theme Editor.

On the left hand side of your screen —> App Embeds —

Frequently Read Articles

Browse All Categories