User Tools

Site Tools


public:apps:upsell

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
public:apps:upsell [15.11.18 в 14:04]
Максим Дубинин [Version history]
public:apps:upsell [17.03.22 в 04:37] (current)
Дария Тяжлова [App installation and removal]
Line 1: Line 1:
-====== Upsell ​System ​======+====== ​KAD Upsell ​& Cross Sell ======
  
-===== Installation ======+:!: The app uses the DraftOrders API. This means that if activated, all custom scripts and scripts of other applications can be disabled. This behavior is due to the fact that the application implements additional functionality when creating draft orders, which is not provided when working with the standard Shopify checkout. Learn more about the DraftOrders API in the Shopify Help Center
  
-Install our application is very easy, you need to go to Shopify App Store, find our application and click "Add app". After completing these steps, our application will be ready to work. 
  
-Note, that you need to disable all similar applications before use. 
  
  
-===== Uninstallation ​=====+===== Free plan ===== 
 + 
 +The KAD Upsell & Cross Sell application is offered by default on the terms of a free plan, which has some limitations:​ 
 + 
 +  * the maximum number of offers is 1 offer; 
 +  * customization of individual elements in the banner is disabled; 
 + 
 +If you want to remove these restrictions and switch to a paid plan, you need to do one of these actions: 
 + 
 +  * start creating a new offer; 
 +  * start customizing banner elements. 
 + 
 +After completing one of these actions, you will see a window for switching to a paid plan. Following the instructions,​ you can upgrade your plan. 
 + 
 +<WRAP center info 60%> 
 +The cost of your subscription depends on your Shopify plan. For more information about subscription prices, see [[https://​apps.shopify.com/​upsell-system|the application page in the Shopify App Store]]. 
 +</​WRAP>​ 
 + 
 + 
  
-Just go into the app listing admin area of your Shopify store, then click on the trash icon. After the application is deleted, all changes made to it in your store will be canceled. 
  
 ===== Setting up and using ===== ===== Setting up and using =====
  
-When you first visit our application,​ the configuration wizard will open, which will show you how our application ​works. It will guide you step by step on the process of creating your first offer and will show you how to test it.+When you first open our application,​ the configuration wizard will give you some tips on how everything ​works. It will guide you step by step on the process of creating your first offer and will show you how to test it.
 You will need to make sure that the offer appears on the test cart page. If you see it, press "​Yes"​ otherwise click on "​No"​ to get help from the support or click on "Test again" to re-check your first offer. You will need to make sure that the offer appears on the test cart page. If you see it, press "​Yes"​ otherwise click on "​No"​ to get help from the support or click on "Test again" to re-check your first offer.
  
 ==== Dashboard ==== ==== Dashboard ====
  
-The "​Dashboard"​ tab allows you to monitor the performance indicators of your offers.+The "​Dashboard"​ tab allows you to monitor the performance indicators ​(success rate) of your offers.
  
 ==== Offers ==== ==== Offers ====
Line 29: Line 45:
   * {{:​public:​apps:​not_enabled.png?​nolink|}} - the offer is not active, because was disabled manually   * {{:​public:​apps:​not_enabled.png?​nolink|}} - the offer is not active, because was disabled manually
   * {{:​public:​apps:​out_of_stock.png?​nolink|}} - the offer is not shown. If you see this status, you need to replenish the stocks of the offered products   * {{:​public:​apps:​out_of_stock.png?​nolink|}} - the offer is not shown. If you see this status, you need to replenish the stocks of the offered products
-  * {{:​public:​apps:​error.png?​nolink|}} - an error occurred, the offer is not shown. ​If you see this status, you need to click the offer and then click "​Save" ​to fix.+  * {{:​public:​apps:​error.png?​nolink|}} - an error occurred, the offer is not shown. ​In order to fix it click on the offer and "​Save" ​it one more time.
  
-Any offer can be edited, deactivated or deleted ​by opening ​the edit menu by simply clicking on it or on the offer’s “Edit” button.+Any offer can be edited, deactivated or deleted ​with the help of "​Edit" ​menu
 + 
 +There are two options for creating an offer:  
 + 
 +  * **Single choice** is offer type that allows customer to add one product to cart from the banner. Quantity of the chosen product depends ​on what you specified in offer settings (eg, 2 items of specific product). 
 + 
 +  * **Multi choice** is offer type that allows customer to add multiple products to cart from the banner. Total amount of chosen products depends on what you specified in offer settings (eg, up to 5 product items).
  
 === Setting discount name === === Setting discount name ===
  
 In case you want to customize the name of the discount, which will be shown on the checkout page, in the edit menu click on the inscription “//Show more settings//​” and in the field that appears below specify the desired name of the discount, then save the changes. In case you want to customize the name of the discount, which will be shown on the checkout page, in the edit menu click on the inscription “//Show more settings//​” and in the field that appears below specify the desired name of the discount, then save the changes.
 +
 +=== Setting product links in banner ===
 +
 +Now you can add link to your product name in banner that redirects your customer'​s to product page. You can change that setting in "​Settings"​.
  
 ==== Settings ==== ==== Settings ====
Line 43: Line 69:
 In the “**General**” section you can enable and disable the application,​ as well as regulate whether offers will be displayed on mobile devices. In the “**General**” section you can enable and disable the application,​ as well as regulate whether offers will be displayed on mobile devices.
  
-In the “**Banner**” section you can customize the banner ​for the design of your store and localize its labels, if required.+In the “**Banner**” section you can customize the banner ​according ​the design of your store and localize its labels, if require.
  
 To customize the banner, select the type of banner: To customize the banner, select the type of banner:
  
-  * //modal// - customer ​can't dismiss ​the banner or continue until he/she acts with the banner+  * //modal// - banner requires ​customer'​s actions (close or add suggested product to the cart) in order to allow further work with the store
-  * //pop-up// - customer ​don't need to deal with banner right away, he/she can continue to use the store.+  * //pop-up// - banner does not require ​customer'​s actions in order to continue working ​with the store.
  
 The next step is to decide which event will trigger a banner in your store: The next step is to decide which event will trigger a banner in your store:
  
-  * //Cart page// - show banner when customer ​has opened ​the cart page; +  * //Cart page// - show banner when customer ​opens the cart page; 
-  * //Check out button// - show banner when customer ​has clicked ​Check out button on the cart page; +  * //Check out button// - show banner when customer ​clicks "Check out" ​button on the cart page; 
-  * //Add to cart button// - show banner when customer ​has clicked ​Add to cart button on the product page.+  * //Add to cart button// - show banner when customer ​clicks "Add to cart" ​button on the product page.
  
 Next, you can customize the number of products that will be added to the banner, the color of its background, as well as the font, by selecting one of the standard web fonts or specifying the name of any font from the Google Fonts list. Next, you can customize the number of products that will be added to the banner, the color of its background, as well as the font, by selecting one of the standard web fonts or specifying the name of any font from the Google Fonts list.
Line 60: Line 86:
 Below you can see how your banner will look like by switching the preview mode. Below you can see how your banner will look like by switching the preview mode.
  
-Most elements of your banner can be customized and localized ​for your needs. Follow [[https://​youtu.be/​DXfmCFGvnus|the link to watch a short video on how to customize your banner easily]].+Most elements of your banner can be customized and localized ​by your needs. Follow [[https://​youtu.be/​DXfmCFGvnus|the link to watch a short video on how to customize your banner easily]].
  
 In the “**Offer**” section you can change the offer name, which will be added by default to each new offer you create, you can customize each one in the offer editing menu on the “**Offers**” tab. In the “**Offer**” section you can change the offer name, which will be added by default to each new offer you create, you can customize each one in the offer editing menu on the “**Offers**” tab.
  
-In order for your changes and settings ​to be applied, please save the changes by clicking the “**Save**” button.+All the changes and settings ​apply automatically.
  
 +===== App installation and removal =====
 +
 +**Please disable all similar applications before use.**
 +
 +<WRAP group>
 +<WRAP third column>
 +**Installation**
 +
 +[[|Install the application]] from Shopify App Store by clicking "Add app". After completing these steps, our application is ready to work.
 +
 +If //Snippet// or application code in //​theme.liquid//​ were accidentally removed from the store theme, use [[[[public:​apps:​upsell:​Manual installation|Manual installation]].
 +</​WRAP>​
 +
 +<WRAP third column>
 +**Integration**
 +
 +During installation app automatically integrate into the store theme without additional setting or coding.
 +The same process will be applied when you change the theme. Intergration into a new theme will be made without any manual actions.
 +</​WRAP>​
 +
 +<WRAP third column>
 +**Removal**
 +
 +In order to remove the App from your store all you need to do is click "​Apps"​ tab in your store Admin, find our App and click "​Delete"​
 +
 +If all App code pieces also need to be deleted from your store theme you can use [[[[public:​apps:​upsell:​Manual uninstallation|Manual removal]].
 +</​WRAP>​
 +</​WRAP>​
 ===== Support work schedule ===== ===== Support work schedule =====
  
   * Monday to Friday from 7:00 am to 3:00 pm GMT+0 London.   * Monday to Friday from 7:00 am to 3:00 pm GMT+0 London.
-  * iMessage(+7-919-221-52-12):​ response time up to 12 hours 
   * Chat and email: response time up to 16 hours   * Chat and email: response time up to 16 hours
  
 ===== Version history ===== ===== Version history =====
  
-  * **November, 2018** (0.2)  +https://​headwayapp.co/​kad-upsell-changelog 
-    * Added the ability to select a trigger to display a banner; + 
-    * Added the ability to edit a discount code. +===== KAD Upsell & Cross Sell at Shopify'​s App Store =====
-    * Added the ability to offer products ​at the original price, without discount. +
-    * Improved display of images of products in the banner, increased the size and added previews for the Popup-banner and on mobile devices. +
-  * **October 05, 2018** (0.1)  +
-    * First realise version, basic functions.+
  
 https://​apps.shopify.com/​upsell-system https://​apps.shopify.com/​upsell-system
public/apps/upsell.1542279871.txt.gz · Last modified: 15.11.18 в 14:04 by Максим Дубинин