C: In Stock Reminder User Guide


Thank you for purchasing C: In Stock Reminder. If you have any difficulty with this App or you find an issue, please feel free to send us a message: supportshpfy@capacitywebsolutions.com

Below you will find the detailed documentation on how to use our App and we wish you have a great experience with our App.

How to enable app?



Step-1: Go to General Settings Tab and set Enable App as Yes then click on "Save" button.

Enable App

Step-2: Go to Online Store >> Themes >> Current Theme >> Theme Customize >> Theme Settings >> App Embeds Section then please follow below screenshot OR watch video guide by (click here).

No Img Available

Step-3: Then go to product page of your theme from theme customizer section just by follow below screenshot and Now, you can see product details page contents in your theme customizer and you can add our App as an app block to your theme.

NOTE: To add our app block, choose the 'Product information section' or any other section where you'd like to place the app block (Preorder Button and Reminder Button) and easily change the position of the Preorder Button and Reminder Button blocks by using drag and drop functionality. Please have a look to below screenshot:

Please do not forget to save.

No Img Available

Now if you want to show the "Notify Me" button on the product listing page.

Step-1: Go to General Settings Tab and set Display "Notify Me" button in Product Listing: as Yes then click on "Save" button.

No Img Available

Step-2: Go to General Settings Tab and set Product Container Selector: and Product-listing Selector:.

How a merchant can find the Product Container selector and Product-listing Selector for their theme?

No Img Available

If you do not see the "Notify me" button on the product listing page, please use liquid files for this by click here.

Show "C: In Stock Reminder" on the Product list page Via Liquid Snippets


You can continue the 'C: In Stock Reminder' feature without using Liquid Snippets but we recommend using Liquid File for faster performance, quicker response times, an enhanced user experience, and also avoid limitations. following the below steps to use this feature.

Step-1: First Download snippets files from "Dashboard" page then open snippets file on your PC.

No Img Available

Step-2: Go to your Online Stores > Themes > Actions > Edit Code > Snippets then Add a New Snippet like below screenshot and snippets name is "cws-isr-product-list".liquid.

Just paste cws-isr-product-list.liquid file contents from the downloaded snippets file into this new snippet file.

No Img Available

Step-3: You can copy below shortcode and paste it in the appropriate template,snipetts of your theme to display "Notify Me", "Preorder" buttons and more feature on Collection, Search and other pages.

Important Note: In above shortcode pass card_product parameter in this line "{% render 'cws-isr-product-list', product: card_product %}", it will be different name for different files so please check once and change accordingly. Depending on your theme, exact template may differ. If you're not sure where to paste Shortcode, please feel free to Contact Us

App from Admin


Display dashboard of app which display configuration step.

C: In Stock Reminder

Display list of products which are registered in product C: In Stock Reminder.

C: In Stock Reminder

Display list of customer notification which are registered in product C: In Stock Reminder.

C: In Stock Reminder

General settings


C: In Stock Reminder

1) Enable App: Manage Enabled/Disabled App from here.

2) Display "Notify Me" button in Product Listing: Display notify me button into product grid/list page for sold out products.

3) Instock Button Label: Set in stock button label.

C: In Stock Reminder

4) Minimum Quantity to Send Mail: Set minimum quantity of products instock for send message to the customer.

5) Product Container Selector: Set your store parent element's (Which displays all the product or collection details) "class-name" or "id-name" according to your theme (for Ex. .product-card). If your parent container have class then please add ".product-card" and if your parent container have id then please add "#product-card".

How a merchant can find the Product selector for their theme?

Our app functionality is closely connected with your theme HTML structure, so we did our best to test it on different themes and make sure app will work without any manual configuration. But there's always a chance that your theme have some unique elements that will require a bit custom setup - Product selector allow us to point your product if app failed to find it automatically.

For find Product selector right click on Product element and inspect it, Please check below screenshot:

For Product Container Selector:

For Product-listing Selector:

6) Display "Product Availability Message" button in Product Listing: Set yes to Display "Product Availability Message" into the product grid/list page for coming soon products.

7) Product Availability Message: Set the message you want to display product listing page and you can use the {date} variable to change the product launch date(which is selected on the 'coming soon' tab).

7.1) Product Availability Message Font Color: Set the Product Availability Message font color you want.

7.2) Product Availability Message Background Color: Set the Product Availability Message Background color you want.

8) Display "Coming Soon label" button in Product Listing: Set yes to Display "Coming Soon label" into the product grid/list page for coming soon products.

9) Coming Soon label: Set the message you want to display product listing page.

9.1) Display "Coming Soon label" button in Product Listing: Set the Coming Soon label font color you want.

9.2) Product Availability Message Background Color: Set the Coming Soon label Background color you want.

Add email to Mailchimp mailing list

Using this configuration you can add email to your mailchimp account list. How to set Mailchimp API key & list id?

Add email to Klaviyo mailing list

Using this configuration you can add email to your klaviyo account list. How to set Klaviyo API key & list id?

Email SMTP Configuration

C: In Stock Reminder

It is mandatory to use SMTP to send product notifications. so fill in all SMTP configuration fields.

From Email Address: This email address will be used to send emails. By default, store email address will be used to send emails.

Note : *** You can set multiple CC, BCC email addresses here which are separated by comma for instance: abc@gmail.com, xyz@yahoo.com

Sign up form settings


C: In Stock Reminder

Form Labels:

C: In Stock Reminder

C: In Stock Reminder

Messages:

C: In Stock Reminder

Colors:

C: In Stock Reminder


E-Mail Template settings


C: In Stock Reminder

Set Heading , body content, buy button , footer text and colors.

From Email Address: Set from address of mail which are send to the customers when product instock.

Coming Soon


You can set the coming soon label on products on the product listing page.

C: In Stock Reminder

Select check box and product launching date then click on enable/disable selected products button.

Pre Order


You can set preorder products with multiple option.

Go to Admin >> Apps >> C: In Stock Reminder >> Pre-order, Now, you can see sub navigation single product, multiple products and settings like below screenshot.

C: In Stock Reminder

There is two way to insert preorder products one is a single product & second is multiple products and common preorder settings.


let's start with single products.


Step-1: Click on Single Products.

Step-2: Now, Click on Add Product.

C: In Stock Reminder

Step-3: You will see a popup screen displaying all the available products. Please choose any product from the list.

C: In Stock Reminder

Step-4: You will see multiple options for the selected product. Please proceed to set each option one by one.

C: In Stock Reminder

Pre-order Status: you can enable/disable product.

Same pre-order settings for all variants: you can set yes/no for same pre order settings for all variants.

Select Variant: You can select variants if you above field(Same pre-order settings for all variants) is set as a no, select one-by-one variants, and set all fields according to need. the first time you have saved the selected variant, those settings will apply to all until you select and save all other variants.

START DATE: You can set a preorder start date so the preorder option is available on a set date.

SET END DATE: You can set yes/no, if you select yes then the preorder option is available only certain time period, and if you select no then the preorder option is available until you do not disable the product.

END DATE: You can set a preorder end date so the preorder option is unavailable after the set date.

Enable Countdown for End date: You can enable a countdown to the end date of the pre-order.

C: In Stock Reminder

Condition: You can select option from dropdown as per your need, below is the option.

  • Pre-Order regardless of stock levels: "Add to Cart" are immediately replaced by "Pre-Order". You can offer unlimited pre-orders or set a quantity limit. When the limit is reached "Pre-Order" reverts to "Add to Cart/Sold Out/Not Available".
  • Pre-Order only when Out Of Stock: "Add to Cart" are immediately replaced by "Pre-Order". You can offer unlimited pre-orders or set a quantity limit. When the limit is reached "Pre-Order" reverts to "Add to Cart/Sold Out/Not Available".
  • Pre-Order when shopify inventory is available: "Pre-Order" replaces "Add to Cart" when variant stock in Shopify is above 0. When stock reaches 0, "Pre-Order" is replaced by "Sold out" (customer won't be able to order anymore) until inventory goes above 0.

End pre-order stock: You can set limited or unlimited stock.

  • Unlimited Stock: The app will first check the End Date condition. If you haven't activated the End Date, the Pre-order period will end only when you turn it off or remove the Single Product setting.
  • Limited Stock: End the pre-order when the product quantity reaches the set amount or if either the End Date or Limited Stock condition is met first.

Set limited stock: You can set stock quantity here.

BUTTON WHEN FINISHED PRE-ORDER: You can select Display "Add to cart/Sold out" & "Buy it now" or you can set also Hide "Add to cart/Sold out" & "Buy it now" This field checks when the pre-order ends.

Above message text: You can set the message above the Pre-order button.

Below message text: You can set the message below the Pre-order button.

C: In Stock Reminder

When you create a new pre-order product, the app will automatically select “ Full-payment” with a discount equal to 0%. However, this option will not be displayed in the front-end store

Full payments: you can enable/disable full payments.

Discount: Add the discount value for pre-order products with 2 forms of % or store currency.

Partial Payments: you can enable/disable Partial payments.

Partial Prepaid: Prepaid value needs to be greater than 0 in the form of % or store currency.

Partial Discount: Add the discount value for prepaid products in the form of % or store currency.


Now, Start with Multiple products.


Step-1: Click on Multiple Products.

C: In Stock Reminder

Step-2: Now, Click on Create Collection.

Step-3: You will see multiple options for the new collection. Please proceed to set each option one by one.

C: In Stock Reminder

Pre-order Status: you can enable/disable collection.

Select collection type: There are two types of collection, one is the product and the second one is the tag.

  • Product: If you select product then you need click on Select Product button and you get following screen.
  • C: In Stock Reminder

  • Tag: If you select tag then you need enter tag.
  • C: In Stock Reminder

All other steps are the same as the configuration of a "Single Product", read by click here.


Now, you need to set preorder 'Settings'


Step-1: Click on Settings.

C: In Stock Reminder

Note: If the "Continue selling when out of stock" feature is not activated for a product on Shopify, and a customer attempts to purchase that product when it is out of stock, Shopify will display an error message to the customer so you need to activate it. Go to Products -> Select the product you want -> Go to "Inventory" section -> and activated "Continue selling when out of stock".

Step-2: please set button and messages color.

C: In Stock Reminder

Step-3: Please set pre-order product list settings.

C: In Stock Reminder

Step-4: Please set pre-order cart & order settings.

The mixed-cart warning will remind the customers when their baskets contained both pre-order products and in-stock products. To enable this function on the site, please follow image.

C: In Stock Reminder

Enable mixed cart warning: You can enable/disable mixed cart warning .

Mixed cart warning text: Enter the warning text which you want to display.

Order Tag: Enter the tag and it will be set in order when the customer preorders the product.

C: In Stock Reminder

Step-5: Please set pre-order partial payments settings.

C: In Stock Reminder

Choose how to charge shipping: In the Choose how to charge shipping dropdown, there are two options.

  • Use your store’s default shipping fee: If you choose Use your store’s default shipping fee option, the shipping fee of the partial payment order will be charged following the store default fee.
  • Custom shipping fee: If you choose Custom shipping fee option, please set up in the Shipping Name: tittle and shipping fee condition.

Click the Add Condition button to add multiple shipping fee Condition and if you leave the TO(Rs): field blank, it will be treated as infinite.

C: In Stock Reminder

NOTE: it is only applied if the customer can preorder with the partial payment.

Language Translation


Step-1: Go to Admin >> Apps >> C: In Stock Reminder >> Language Translation

Step-2:  Now, select Translation tab and Language from Translation Settings.

Translation Setttings

Step-3:  Now, Select one by one translation tab and Fill in all the translation fields then click on Save translations.

>> Make the above same process in all languages.

>> Sign-up form tab

Translation Field

>> Email Template tab

Translation Field

>> Pre-order tab

Translation Field

>> NOTE: You can't able to save the translation in the store's english language.


Frontend


C: In Stock Reminder

C: In Stock Reminder

C: In Stock Reminder

C: In Stock Reminder

C: In Stock Reminder

>> Language: japanese

C: In Stock Reminder

C: In Stock Reminder

C: In Stock Reminder

Add email to Mailchimp mailing list


Using this configuration you can add email to your mailchimp account list.

You can create mailchimp account using this url https://mailchimp.com/

Please see this video for idea of mailchimp API and List Id


Steps for create mailchimp account API

1) Create account in mailchimp and login.

2) Please go to account from below screenshot.



C: In Stock Reminder

3) In this page you can see "Extras" Menu , click on that and click on "API keys". please check below screenshot



C: In Stock Reminder

4) Create api key and paste into mailchimp api key field



C: In Stock Reminder

Steps for get mailchimp list id

1) Go to -> List Menu -> Go To Settings Menu -> Click on List name and Defaults



C: In Stock Reminder

2) Get list id and set into mailchimp list id field



C: In Stock Reminder

In sign up form have one field for "add me to your mailing list".

when customer check this box and register then it mail id registerd into your list.

Please check below screenshot.



C: In Stock Reminder


C: In Stock Reminder

Add email to Klaviyo mailing list


Using this configuration you can add email to your klaviyo account list.

You can create klaviyo account using this url https://www.klaviyo.com/

Please see this video for idea of mailchimp API and List Id


Steps for create klaviyo account API

1) Create account in klaviyo and login.

2) Please go to account from below screenshot.



C: In Stock Reminder

3) Go to Settings -> API Keys



C: In Stock Reminder


C: In Stock Reminder

Steps for Get klaviyo List Id

Go to List & Segments



C: In Stock Reminder

Create new list or click on exsting list



C: In Stock Reminder

Get list id and set into klaviyo list id field.



C: In Stock Reminder


C: In Stock Reminder

Partial Payment Method for Pre-Order Items - Remaining Balance Collection Process


When customers use the partial payment method to place order with the pre-order item so you need to collecting remaining amount/balance of product and order.

Step-1: Go to Orders from the Shopify sidebar navigation and click on the order you want to collect the remaining balance.

App Activate

Step-2: Scroll through the screen you get and you will find a section like an image below, and click on the Resend Invoice button in it.

App Activate

Step-3: After performing step-2 you will get a popup modal and bottom of the model you will see the Review Invoice button please click on it.

Now you will get below screen.

App Activate

Step-4: You will see the above image, please click on send invoice button so the customer gets an email notification and customer can pay the due balance.

Note: It is a Shopify default process so we can not help out to edit/update if you face any kind of issue in this process please contact your developer or Shopify.

How to do app code remove?


After App Uninstalled by Store Owner, Shopify does not permit us to access files on your store.

You need to remove the block added to the product page and if you put a shortcode in the theme so remove the shortcode from added to the product listing template/snippets which you put.

Customer Support


If you have any questions, please do not hesitate to contact us at supportshpfy@capacitywebsolutions.com.We are happy to help!

Please add our email: supportshpfy@capacitywebsolutions.com to your address book to ensure our response email isn’t marked as spam mail.

We will try our best to reply your emails as soon as possible , except weekends and National Holidays.

Thank you.
Capacity Web Solutions Team

Credits