Preorder

Preorder Page – Manage Preorder Offers

Overview

The Preorder Page provides merchants with a centralized interface to manage preorder offers efficiently. Merchants can create, edit, and track preorder conditions for specific products or collections, ensuring seamless preorder functionality within their store.

This page includes:

• A list view to manage existing preorder offers
• An interface to add, edit, and delete preorder offers
• Customization options to tailor preorder settings

---

Features

Search Functionality

• Merchants can search for preorder offers using the offer name to quickly find and manage specific offers.

Offer List

• Displays all existing preorder offers with key details, including:
  • Offer Name
  • Status (Active/Inactive)
  • Preorder Conditions
  • Creation Date
  • Edit and Update Options

Pagination Controls

• If multiple preorder offers exist, merchants can use pagination controls to navigate through different offers.

Add New Offer

• Merchants can create a new preorder offer by selecting a product or collection and configuring its settings.

List View Fields

Field Name	Description
Offer Name	The name assigned to the preorder offer.
Status	Indicates whether the preorder offer is active or inactive.
Condition	Specifies the conditions under which the preorder offer applies, such as product availability.
Created At	Displays the date when the preorder offer was created.
Updates	Allows merchants to edit an existing preorder offer.

Adding a New Preorder Offer

The Add New Offer section enables merchants to create and configure preorder offers for specific products or collections.

Features

Offer Name Input

• Merchants can assign a name to the preorder offer for easy identification.

Status Toggle

• Allows merchants to activate or deactivate the preorder offer.

Product Selection

• Merchants can choose specific products or collections to apply the preorder offer.

Button Customization

• Merchants can modify preorder button properties, including:
  • Button text
  • Text color
  • Background color

Disclaimer Configuration

• Customization of the preorder disclaimer message, including:
  • Disclaimer text
  • Background color

Continue Selling Toggle

• Allows merchants to enable or disable sales when the product is out of stock.

Preorder Date Setting

• Merchants can set the preorder start and end dates to control preorder availability.

Payment Type Selection

• Merchants can define whether full or partial payment is required at checkout.

Order Tag Input

• Assigns a custom order tag for better order tracking and management.

Preview Section

• Displays a real-time preview of:
  • The preorder button
  • The disclaimer message on a sample product

Summary Section

• Displays key details such as:
  • Creation time
  • Preorder opening and closing dates
  • Offer status

---

Fields and Customization Options

Field Name	Description
Offer Name	The name of the preorder offer.
Status	Active or inactive toggle.
Products	Choose a specific product or collection for the preorder.
Button Customization	Set preorder button text, text color, and background color.
Disclaimer	Customize preorder note and its text/background color.
Continue Selling	Toggle for allowing sales even when out of stock.
Preorder Date	Option to set preorder start and end dates.
Payment Type	Choose between full payment or partial payment.
Order Tag	Assign a tag for order tracking.

---

Actions

Save Button

• Saves the preorder settings and activates the offer.

Edit Option

• Allows merchants to modify an existing preorder offer.

Delete Option

• Merchants can delete a preorder offer if it’s no longer needed.

---

Managing Preorder Offers – Step-by-Step Guide

1. Viewing and Searching Offers

1. Navigate to the Preorder List page.
2. Use the search bar to find a specific preorder offer.
3. Browse through the list to view details of existing offers.
4. Use pagination controls if multiple offers exist.

2. Creating a New Preorder Offer

1. Click the Add New Offer button.
2. Enter the offer name and select the products or collections.
3. Configure button customization, disclaimer settings, and preorder date range.
4. Choose the payment type (full or partial payment).
5. Click Save to activate the preorder offer.

3. Editing an Existing Offer

1. Locate the preorder offer in the list.
2. Click the Edit button next to the offer.
3. Modify the offer details as needed.
4. Click Save to update the changes.

4. Deleting a Preorder Offer

1. Find the offer you want to remove.
2. Click the Delete button.
3. Confirm the deletion to permanently remove the offer.