DOCSEARCHbyAlgolia
Submit Docs

XPreOrder Documentation

website·Indexed 32 days ago

https://xpreorder.xubitar.com

A merchant and developer friendly solution for handling product preorders on eCommerce stores. Documentation covers installation via the Shopify App Store, creating preorders, and advanced features such as end datetime and end timer settings.

Tokens
2.7K
Snippets
3
Records
23
Agent score
54%

What's inside XPreOrder

  1. Overview of XPreOrder preorder management

    XPreOrder is a developer and merchant-friendly solution for handling product preorders on eCommerce platforms, particularly Shopify. It allows stores to accept preorders for products that are out-of-stock, coming soon, or have available inventory. Key capabilities include displaying preorder badges, countdowns, and estimated delivery dates, as well as collecting preorder-specific metadata and integrating with existing cart and product flows.

  2. Overview of XPreOrder capabilities

    XPreOrder is a preorder management solution for eCommerce merchants (currently supporting Shopify) that allows the acceptance of preorders for products regardless of whether they are in stock, out of stock, or coming soon. It features a plug-and-play setup for non-coders but allows developers to extend functionality via custom JS and CSS.

  3. Overview of XPreOrder preorder management

    XPreOrder is a comprehensive preorder management system designed to bridge the gap between customer demand and product availability. It allows eCommerce stores to accept preorders regardless of product state (in-stock, out-of-stock, or future products). Key capabilities include rich UI elements (badges, countdowns, ETAs), collection of preorder metadata (customer preferences, quantities), and a fully customizable experience via configuration and developer access.

  4. Overview of XPreOrder preorder management

    XPreOrder is a merchant and developer-friendly solution for handling product preorders on eCommerce platforms, particularly Shopify. It allows stores to accept preorders for products that are out-of-stock, coming soon, or have specific inventory availability. Key capabilities include displaying preorder badges, countdowns, and estimated delivery dates, as well as collecting preorder-specific metadata and integrating with existing cart and product flows.

  5. Understand XPreOrder data collection and usage

    XPreOrder collects basic store data (name, domain, email, currency, locales), pre-order order data, Shopify access tokens, app settings, and preorder metadata (timing, product IDs, customer name, and email). Aggregated usage statistics are also collected anonymously. Customer name and email are specifically collected to enable merchants to notify customers about pre-order status. The app does not collect customer payment data or sensitive financial information.

  6. Configure an end date and time for a pre-order

    To set a specific expiration date and time for a pre-order in XPreOrder:

    1. Navigate to the Preorders page and select the pencil icon for the desired pre-order (or create a new one).
    2. In the General menu, enable the Set End time option.
    3. Use the calendar icon in the datetime input field to select the end date.
    4. Click the colon signs (--:-- --) next to the date to manually input the end time.
    5. Click Save.

    Note: Both the date and time must be set for the changes to be saved successfully.

  7. Create a preorder product in XPreOrder

    To create a preorder product in your Shopify store using the XPreOrder app, follow these steps:

    1. Open the App: In your Shopify Admin, navigate to Apps > XPreOrder.
    2. Initialize: Go to the Preorders section and click Create Preorder.
    3. Configure General Settings: Under the Settings tab in the General menu:
      • Enable the Active toggle to make the preorder live.
      • Enter a unique Preorder name.
      • Set the Starts at date (use a past date for immediate availability).
      • Define the Condition to start/finish Preorder (e.g., select 'Preorder regardless of stock level').
    4. Assign Products: Under the Settings tab, go to the Products menu, click Browse, select the desired products or variants, and click Select.
    5. Save: Click Save to apply the settings and activate the preorder widgets on your website product pages.

  8. Enable XPreOrder in a Shopify Theme via Manual Integration

    If you prefer not to use Auto-Inject, you can manually enable the app embed through the Shopify Theme Editor:

    1. In Shopify Admin, go to Online Store → Themes.
    2. Click the Customize button for the target theme.
    3. Navigate to the App embeds section.
    4. Enable the XPreOrder App embed and click Save.

  9. Enable XPreOrder in a Shopify Theme via Auto-Inject

    The recommended method to display preorder buttons on product pages is using the Auto-Inject feature from the app dashboard:

    1. In the XPreOrder app dashboard, click "Active app embed".
    2. The app will be enabled automatically.
    3. Click Save to inject XPreOrder into the live theme.

  10. Enable and customize the pre-order countdown widget

    To display a countdown timer on the product page based on the pre-order end datetime:

    1. Navigate to the Widgets page.
    2. Select the Product details tab.
    3. Locate the Countdown subsection under the Appearance section and ensure the feature is enabled.
    4. Customize the countdown text. Use the placeholder {ExpCountDown} to dynamically display the remaining time.
    5. Click Save to apply changes.
    {ExpCountDown}

  11. XPreOrder core features for merchants and developers

    XPreOrder provides a suite of tools to manage preorder campaigns, including:

    • Integration: Plug-and-play setup for quick deployment.
    • Storefront Widgets: Universal widgets compatible with major storefront views and platforms.
    • Payment Control: Support for full or partial payments with automated processing and inventory control.
    • Shipping & Fulfillment: Smart, customizable shipping schedules that adapt to production timelines.
    • Communication: A branded email system for automated order confirmations and shipping updates.
    • Customization: Support for custom CSS and JavaScript to create unique user experiences.
    • Localization: Multi-language support for global reach.
    • Analytics: An insights dashboard to optimize preorder strategies.

  12. Manage XPreOrder data retention and deletion

    XPreOrder retains data only as long as necessary to provide services. Following app uninstallation, basic shop info (name, email) and basic app settings are deleted after 2 days; all other data is deleted after 29 days. Users can request manual data deletion by emailing the support team or via Shopify's automatic data deletion requests.