Messaging
      Back to home
      1. Knowledge Base
      2. Apps
      3. Messaging

      Pre-order

      Use pre-order messaging on your site

      Please note:

      Nyla enables pre-order messaging on Nyla sites. Managing pre-order inventory is done on Shopify, or via a Shopify app. This means that Nyla is not responsible for the inventory set up and/or third party apps used to manage preorder inventory.

      For more about how to manage preorder, please consult this Shopify article. For more about how Nyla works with Shopify, consult this article.

      How it works

      Pre-order messaging on the PDP, Product Grids and Cart can be implemented using a combination of metafields and line item properties.

      Nyla has a number of blocks that you can use as starting points to activate this feature according to your needs:  

      Add the Pre-order messaging to your Add to cart:

      When adding pre-order messaging to add to cart, Nyla blocks come with a standard add to cart, and an add to cart that has pre-order messaging pre-configured. If you already have other configurations on your add to cart (such as a out of stock notifications and so on) then make sure to either copy these over, or: 

      1. Copy the relevant conditional visibility from the add to cart included in the pre-order block
      2. Delete the add to cart that comes with the pre-order block

      • Preorder Block: ATC - Metafield Activated: This block is for when you want to trigger pre-order messaging based on a metafield value. It will show a pre-order CTA and pre-order messaging if a metafield named nyla.preorder is populated. By default, it comes with text that shows the text that you have added in the metafield, e.g: "This order will be shipped in product.variant.metafield.nyla.preorder". This block: 
        • Adds a regular add to cart and a preorder add to cart that is activated using a variant metafield
        • Can be used in both the PDP and PLP
        • Requirements:
          • Block must be added inside a source product/collection
          • Set up a variant metafield in Nyla and in Shopify with the following settings:
            • Namespace: nyla
            • Key: preorder
            • Locations (Nyla only): Source product; and Source collection
            • Type (Shopify only): Single line item
      • Preorder Block: ATC - Inventory Activated: This block shows the same messaging as the metafield activated version, however the messaging is triggered automatically when a product is out of stock. This is useful for when you won't use back in stock messaging for products and will always have pre-order available.  
        • Adds a regular ATC and a preorder ATC that is activated when the inventory is 0
        • The preorder ATC will  become visible once the inventory of a variant reaches 0, but the lead time must be set up by adding a value to the variant metafield
        • Can be used in both the PDP and PLP
        • Requirements:
          • Block must be added inside a source product/collection
          • Set up a variant metafield in Nyla and in Shopify with the following settings:
            • Namespace: nyla
            • Key: preorder
            • Locations (Nyla only): Source product; and Source collection
            • Type (Shopify only): Single line item

      Pre-Order Product Ribbons: 

      The Pre-Order product ribbons can be added to your product images on your PDP or PLP as well as your cart item in the cart itself. 

      • Preorder Block: Ribbon: This block is intended to be added on PDP images and PLP/Cross sells. It: 
        • Adds a preorder ribbon to a product that is activated by a metafield
        • Can be used in both the PDP and PLP
        • Requirements:
          • Block must be added inside a source product/collection
          • Set up a variant metafield in Nyla and in Shopify with the following settings:
            • Namespace: nyla
            • Key: preorder
            • Locations (Nyla only): Source product; and Source collection
            • Type (Shopify only): Single line item
          • After adding the block, you should ensure it is positioned where you want it to show up in your UI
      • Preorder Block: Cart Message: This block enables you to show pre-order messaging on the cart. It uses the same pre-order metafield as the other blocks to display the message. If the pre-order metafield is populated, it will show up. See below for how to set this up: 

         
        • Adds a preorder message on the cart. This is enabled by the preorder variant metafield
        • Can only be used inside the source cart grid
        • Requirements:
          • Block must be added inside a source cart grid
          • Set up a variant metafield in Nyla and in Shopify with the following settings:
            • Namespace: nyla
            • Key: preorder
            • Locations (Nyla only): Source product; and Source collection
            • Type (Shopify only): Single line item
          • Set up a custom line item property in Nyla with the following settings:
            • Type: Line Item Property
            • Name: Preorder Lead Time
            • Line item property: preorder
            • Hide from checkout: false
            • Conditions: When the property product.variant.metafield.nyla.preorder Is Not Blank
            • Value: add the property product.variant.metafield.nyla.preorder