How to enable app?

---

Show "C: Back In Stock - Pre Orders" on the Product list page Via Liquid Snippets

---

App from Admin

---

Display dashboard of app which display setup step.

General settings

---

1) Enable App: Manage the app’s enabled/disabled status from here.

2) Back in stock: Enable or disable the back-in-stock feature.

3) Coming soon: Enable or disable the coming-soon feature.

3) Preorder: Enable or disable the preorder feature.

1) Display "Notify Me" button in Product Listing: Show the "Notify Me" button on the product grid/list page for sold-out products.

2) Notify Me Button Text: Customize the text displayed on the "Notify Me" button.

3) Notify Me Button Font Color: Set the font color for the "Notify Me" button.

3) Notify Me Button Background Color: Set the background color for the "Notify Me" button.

4) Minimum Quantity to Send Mail: Automatically send an email notification when the product quantity exceeds the specified amount.

Integrate with Mailchimp and Klaviyo to streamline your email marketing campaigns and automate subscriber management.

How to set Mailchimp API key & list id?

How to set Klaviyo API key & list id?

SMTP Configuration Required: It is mandatory to use SMTP for sending product notifications. Please fill in all SMTP configuration fields.

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

Note: You can set multiple CC and BCC email addresses, separated by commas. For example: abc@gmail.com, xyz@yahoo.com.

For developers only: Use this selector if a feature isn't working on the frontend. Need help? Contact us!.

Sign-Up Form

---

Form Labels:

• Header text: Sets the title of the popup form.
• Header description: A short description shown below the header to explain the purpose of the form.
• Close button tooltip: Tooltip text when hovering over the close (×) icon.
• Email address placeholder: Default placeholder shown inside the email input field.
• Enable to Add email to mailing list: Option to display a checkbox to subscribe to your mailing list.
• Mailing list text: Label next to the mailing list checkbox.
• Button text: Text displayed on the submission button (e.g., "Notify me when available").
• Footer text: Text shown at the bottom of the form (commonly used for privacy statements).

Messages:

• Registration complete: Message shown when a customer successfully signs up for notification.
• Email address is invalid: Message displayed when the entered email is not in a valid format.
• Email already registered: Message shown if the customer has already subscribed to the selected product.

Colors:

• Form header/footer background color: Sets the background color of the form header and footer areas.
• Heading color: Color of the form title text.
• Text color: Color of supporting or subtitle text.
• Close button color: Color of the close (×) icon.
• Form body background color: Background color of the main form area.
• Form body text color: Main content text color.
• Input border color: Border color of the email input field.
• Button background color: Background color of the submit button.
• Button text color: Text color inside the submit button.
• Success background color: Background for the success message after signup.
• Success text color: Text color for the success message.
• Error background color: Background color of error messages (e.g., invalid email).
• Error text color: Color of the error message text.

Email Template

---

Back In Stock - Content

Customize the email content that will be sent to customers when a product is back in stock. You can configure the following:

• Subject – Email subject line
• Heading Text – Main heading shown in the email
• Body Content – Message shown in the email body
• Buy Button Text – Call-to-action button label
• Footer Content – Additional information or disclaimer shown in the footer

Back In Stock - Colors

In this section, you can configure the colors for different parts of the email:

• Header Color – Background and text color for the header section
• Body Color – Background and text color for the email body
• Footer Color – Background and text color for the footer section

Adjust these settings as per your brand style for better email engagement.

Preorder - Content

A preorder confirmation email is automatically sent to customers when they place an order that includes preorder items. This helps keep customers informed about their preorder status and sets proper expectations.

• Reply-to Email Address: The email address your customers can reply to. This ensures any questions or concerns are directed to the correct inbox.
• Subject: The subject line of the email. You can use the variable {order.name} to dynamically show the order number.
  Example: Preorder confirmed: #1234
• Heading Text: The main heading displayed inside the email. Use {shop.name} to include your store name.
  Example: Thanks for preordering from MyStore
• Body Content: The message shown to the customer. You can use variables like:
  • {order.name} – Displays the order number
  • {shop.name} – Displays your store name
  Example content:
  

  Your recent order {order.name} includes at least one preorder item. Please note the payment and shipping information below. Your preorder will be delivered as soon as possible.

• Button Text: Text shown on the button linking to the customer's order page. Example: View Order
• Show Additional Note (Checkbox): When enabled, this shows a custom note in the email. You can set this note in your Pre-Order tab for each offer.
• Cancel Order Link Text: Cancel Link text for letting customers cancel their preorder.

Tip: You can use variables like {order.name} and {shop.name} in the text fields to personalize the message dynamically for each customer.

Preorder - Colors

Customize the color scheme of your preorder confirmation emails to match your store's branding. These settings apply to various sections of the email template.

Header & Footer

• Background Color: Sets the background color for the header and footer sections of the email.
• Heading Color: Sets the color of heading text in the header area.
• Link Color: Controls the color of any hyperlinks used in the header or footer.

Body

• Background Color: Sets the background for the main body area of the email.
• Text Color: Sets the color for regular text in the body content.

View Order Button

• Button Background Color: Background color of the "View Order" CTA button in the email.
• Button Text Color: The text color inside the "View Order" button.

Product Section

• Product Title Color: Color of the product title text displayed in the email.
• Additional Note Text Color: Used for general descriptive or aditional note product text.
• Preorder Offer Background Color: Sets the background for the preorder tag/label shown next to products.
• Preorder Offer Text Color: Color for the text inside the preorder offer label.

Back In Stock - Insights & Analytics

---

1) Subscribed Customers

You can track who can subscribed products by clicking on the Subscribed Customers from the sub navigation.

You can search, delete, and export the subscribed customers by clicking on the respective button.

2) Subscribed Products

You can track back in stock products which is subscribed by customers by clicking on the Subscribed Products from the sub navigation.

You can search, delete and export the subscribed products by clicking on the respective button.

Coming Soon

---

Configure the "Coming Soon" badge and message for your products directly on the product listing page.

Navigate to Admin >> Apps >> C: Back In Stock - Pre Orders >> Coming Soon to access the settings and product features as shown in the screenshots below.

1) Products:

Add, search, reset, or delete products individually or in bulk.

Search: Locate products using ID, title, SKU, Product Type, Vendor, Tags, or Launch date. Enter your search criteria in the provided field, select the type of search from the dropdown menu, and press the search button.

Search Options: Choose between Exact Match, which requires a precise match, or Broad Match, which allows for partial matches and displays results containing any part of the search term.

Reset: Use the reset button to clear your current search and show all products.

Adding Products: To add products, click the 'Add Products' button as shown in the screenshot below.

Select one or multiple products by checking the boxes before the product names and then click the Add button.

Upon clicking 'Add' button, a popup will appear as shown below.

Here, you can set the product launch date for the whole selected product. Click the Submit button to finalize adding the products.

Note: Clicking outside the popup or closing it without submitting will cancel the addition.

2) Settings:

"Notify Me" Button: Toggle the "Notify Me" button on or off for coming soon products.

Enable all products as Coming Soon: Enable this to set all products as coming soon by selecting 'yes'. Select 'no' to disable this feature.

Product launch date: Specify a launch date applicable to all products.

Exclude Products: Opt to exclude certain products from the coming soon status.

Pre Order

---

You can set preorder products with multiple option.

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

There is two way to create preorder offer 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.

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

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

Enter the Offer name displayed on the top left side.

You can enable or disable the pre-order offer.

Same Pre-Order Settings for All Variants: Check the checkbox to apply the same pre-order settings to all variants.

Select Variant: If the above field (Same Pre-Order Settings for All Variants) is unchecked, you can select variants one by one from the left side and configure the settings as needed.

Start Date: Set a pre-order start date to make the pre-order option available from that specific date.

Set End Date: Check this option if you want the pre-order to be available for a limited time. If unchecked, the pre-order option will remain available until you disable the product.

End Date: Set a pre-order end date to automatically disable the pre-order option after the specified date.

Enable Countdown for End Date: Enable this option to display a countdown timer until the pre-order end date.

Condition to Start/Finish Pre-order: Select an option from the radio buttons based on your requirement. Available options are:

• Pre-order only when Out of Stock products: Allow pre-orders only when products are out of stock. 'Continue selling' must be enabled.
• Pre-order only when In Stock products: Use the available inventory for pre-orders based on your Shopify stock.

End Pre-order Stock: Choose between limited or unlimited stock options.

• Unlimited Stock: The app will first check the End Date condition. If no End Date is set, the pre-order period will continue until manually disabled or removed from the single product settings.
• Limited Stock: The pre-order will end when the product reaches the set stock limit.
  • Set Limited Stock: Define the stock quantity limit for pre-orders.

Payment Note: Enter a payment note here. Use the variables {prepaid_payment}, {full_payment_discount}, and {partial_payment_discount} in the text box to dynamically display the prepaid amount and applicable discounts for full or partial payments.

Additional Note: Enter an additional note here. Use the variables {prepaid_payment}, {full_payment_discount}, and {partial_payment_discount} in the text box to dynamically display the prepaid amount and applicable discounts for full or partial payments.

Button When Pre-order Ends: Choose how the buttons should behave after the pre-order ends:

• Display "Add to Cart/Sold Out" & "Buy It Now": Show these buttons once the pre-order period is over.
• Hide "Add to Cart/Sold Out" & "Buy It Now": Remove these buttons when the pre-order ends.

This setting determines the button visibility after the pre-order period expires.

Billing and Discount Policy

• Full Payment: Check this option to enable full payment for pre-orders.
• Discount: Set a discount value for pre-order products, either as a percentage (%) or in your store's currency (e.g., Rs., $, etc.).
• Partial Payment: Check this option to enable partial payment for pre-orders.
• Partial Prepaid: The prepaid amount must be greater than 0 and can be set as a percentage (%) or in store currency.
• Partial Discount: Set a discount value for prepaid products, either as a percentage (%) or in store currency.
• Due Payment: Choose when to collect the remaining payment for partial payment orders, either a specific number of days after checkout or on a fixed date.

Delivery Fulfillment Trigger:

• Fulfillment Immediately: Orders will be marked as "Unfulfilled" status, similar to regular orders.
• Fulfillment Date Up to You: Orders will be marked as "On-hold" status. You can manually transition them to "Unfulfilled" when you're ready.
• Fulfillment on an Exact Time: Orders will be marked as "Scheduled" and will automatically change to "Unfulfilled" on the scheduled date.

Inventory Reserve Preferences

• Reserve Inventory at Checkout: The product quantity is deducted from inventory immediately after the customer completes checkout.
• Reserve Inventory When the Order is Fulfilled: The product quantity is deducted from inventory only when you fulfill the order.

Now, Start with Multiple products.

---

Step 1: Click on Multiple Products.

Step 2: Click on the Create Offer button.

Step 3: You will see multiple options for the new offer. Click on the Select Products field to open the product picker.

Step 4: Once the product picker opens, choose the desired product and click on the Add button.

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

Preorder Settings

---

Step 1: Click on Settings.

Important: If "Continue selling when out of stock" is not enabled in Shopify, customers will see an error if they try to order an out-of-stock product. Go to Products → Select Product → Inventory → Enable 'Continue selling when out of stock'.

Step 2: Go to Button and Notes tab from Settings.

Step 3: Go to Payment Option.

Step 4: Go to Product List.

Step 5: Go to Cart & Order

• Enable Mixed Cart Warning: Turn this ON if you want to show a warning when a customer adds both pre-order and in-stock products in the same cart.
  Note: This works only on the Cart page, not in the Cart Drawer.
• Cart Warning Title Prefix: This is a short prefix (like “Warning:”) that appears before the main warning message.
• Cart Warning Title: Write the main title of the warning message (e.g., "You have pre-order and in-stock in the same cart").
• Mixed Cart Warning Text: Add a message to inform customers that shipping of in-stock items might be delayed until pre-order items are ready.
  Example: "Shipping of in-stock items may be postponed until the pre-order item is ready."
• "Don't show this again" Text: Enter the label for the button that allows users to hide the warning in future (e.g., “Don’t show this again”).
• Order Tag: Add tags (separated by commas) that will be automatically applied to all pre-order orders in your Shopify admin.
  Example: preorder, partial-paid
  These tags help you identify and manage pre-order orders easily inside your Shopify Orders dashboard.
  Note: These tags are not visible to customers; they are for your internal use.

Step 6: Go to Email Settings.

In this section, you can set the default Shipping Update Email content. The Subject, Heading, and Body content will be used when sending shipping notifications from the report section.

Preorder Report

---

In the Report tab, you can track all preorder orders placed by your customers.

Click on any order to open its details page.

From the order details screen, you can perform the following actions:

• Preorder Confirmation Email: Automatically sent when a customer places a preorder. You can also send it manually by clicking the "Send Confirmation" button.
• Shipping Update Email: Manually sent when you ship the product.

Note: The confirmation email is sent at the time of preorder, but can be resent manually from here if needed.

Frontend

---

>> Language: japanese

Add email to Mailchimp mailing list

---

Add email to Klaviyo mailing list

---

How to Collect Remaining Balance(Pending Amount) for Pre-Order ?

---

A Portal for Customers to Cancel Their Preorders

---