Globo Docs
Globo Pre-Order
Globo Pre-Order
  • Getting Started
  • Pre-order setup
    • How to set up Pre-order product as Single Product
    • How to Set Up Pre-Orders for Multiple Products (Profile Products)
    • How to customize the Pre-order Widget
    • Display badge on Product
    • How to Set up Shipping date for Pre-order
  • How Pre-order reflects on Cart
  • Custom Pre-order tag on Order
  • Auto-Charge the remaining balance
  • Coming Soon function
    • Set up Coming Soon to Pre-order
  • Back In Stock Setup
    • How to set up Back In Stock function
  • Customize the Design of the Back-in-Stock Form
  • How to Receive Updates for Submissions
  • General App settings
    • Integrate Embed app with your theme
    • How to hide Buy Now button
    • How to Translate in multi-language
  • Email Configuration
    • Pre-order Emails Configuration
  • Back in stock Emails configuration
  • Frequently Asked Questions
    • Why is Pre-order not showing?
  • How to remove the message under/above the Pre-order button
  • How to Prevent Customers from Canceling Pre-Orders
  • Why Am I Not Receiving Notification Emails When a Customer Subscribes?
  • Why Is Only One Pre-order Product Added to the Cart?
  • What is New Model?
  • How Can I Collect the Balance When Customers Use the Partial Payment Method?
  • App Integration
    • Connect the Back In Stock form element to Klaviyo subscriber account
  • Configure Google Analytics Event Tracking
  • Connect the Back In Stock form element to Omnisend subscriber account
  • Connect Form Fill data to Shopify customer data
Powered by GitBook
On this page
  • Pre-order button
  • Message text
  • Pre-order label
  1. Pre-order setup

How to customize the Pre-order Widget

PreviousHow to Set Up Pre-Orders for Multiple Products (Profile Products)NextDisplay badge on Product

Last updated 2 months ago

Pre-order button

  1. Open the App Dashboard > Go to Pre-order > Appearance > Design.

  2. Update the following settings:

    • Change the text color.

    • Change the button background color.

    • Adjust the hover color.

  3. Modify the text displayed on the Pre-order button.

  4. Click Save to apply the change

Message text

  1. Open the App Dashboard.

  2. Navigate to Pre-order > Appearance > Design.

  3. Make the necessary updates:

    • Change the message content.

    • Adjust the styles:

      • Text color

      • Background color

    • Modify the alignment.

    • Change the font size.

This is how the buttons will be displayed:

  • Pre Order N/A Message

  • Coming Soon Button

  • Message above the button

  • Message under the button

  • Pre-Order Limit Message

  • Click Save to apply the changes

Pre-order label

  1. Change the Label text content

  2. Enable the label

  3. Adjust the style: Text color & Background color

  4. Change tghe font size.

  5. Save

📩 Need Help?

If you encounter any difficulties during setup, please don’t hesitate to reach out via chat or email us at [email protected]. We're always here to help!