Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v4
Broadcast v4
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to setup
  • Reference
  • Metafield definition
  • Product setup
  • Preorder template
  • Additional information
  • Manually capture payments
  • Customize the button text
Export as PDF
  1. Products

Pre-order using metafields

Replace the add-to-cart button with a pre-order button using metafields

PreviousPre-order products using tagsNextSale items

Feature introduced in Broadcast 3.2

Broadcast supports metafields for creating pre-order products.

When you define a preorder metafield, you can easily toggle on or off the preorder feature which converts the Add to Cart button to a Pre-order button.

On the main product page, the Add to Cart button is replaced with a Pre-order button:

When viewing a collection page or any product grid-style section, a PRE-ORDER badge is added to the product:

Quick Add button is changed to Pre-Order:

In the cart drawer and cart page, a message is included to indicate that the item is a pre-order:

How to setup

Setting up a preorder metafield is very simple and can be done right in your Shopify Admin.

This video covers all the steps needed for creating a preorder metafield plus additional customization options:

Reference

You can use the following reference information to help with the steps covered in the video.

Metafield definition

Create a product metafield with the namespace and key set to:

theme.preorder

Set the content type to True or false

Product setup

In the Metafields section of any product that you'd like to use the feature, change the preorder value to True:

Preorder template

To remove the Buy it now button as shown in the video, you can create a preorder product template and uncheck Show dynamic checkout buttons under the Form block:

Additional information

When selling pre-order products on your store, you may want to manually capture payments:

Manually capture payments

You can customize the button text for pre-orders to match your language or simply use different wording:

Customize the button text

Video walk-through
Pre-order productsBroadcast theme
Click to view more information on payment captures
Pre-order productsBroadcast theme
Click to view more information on changing the button label
Logo
Logo
Add to Cart button is replaced with a Pre-order button (spelling and letter case can be changed)
PRE-ORDER badge added on collection page
Quick Add button is replaced with a PRE-ORDER button (on hover)
Cart includes Pre-order message
Bottom of product setup page in the Shopify Admin -> Products