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
- Navigate to the Preorder List page.
- Use the search bar to find a specific preorder offer.
- Browse through the list to view details of existing offers.
- Use pagination controls if multiple offers exist.
2. Creating a New Preorder Offer
- Click the Add New Offer button.
- Enter the offer name and select the products or collections.
- Configure button customization, disclaimer settings, and preorder date range.
- Choose the payment type (full or partial payment).
- Click Save to activate the preorder offer.
3. Editing an Existing Offer
- Locate the preorder offer in the list.
- Click the Edit button next to the offer.
- Modify the offer details as needed.
- Click Save to update the changes.
4. Deleting a Preorder Offer
- Find the offer you want to remove.
- Click the Delete button.
- Confirm the deletion to permanently remove the offer.
