Buy Now button in product templates Dawn 15.3.0

Topic summary

A user seeks to modify the “Buy Now” button in Shopify’s Dawn theme (version 15.3.0) to display either “Pre-Order” or “Contact Us” depending on the product template.

Requirements:

  • Pre-Order button: Functions like “Buy Now” but without payment processing, potentially sending email notifications for stock availability
  • Contact Us button: Redirects customers to the contact page

Solutions Provided:

One contributor offers a detailed code-based approach:

  • Create a new pre-order.json product template
  • Modify buy-buttons.liquid and contact-form.liquid files with provided GitHub code
  • Replace the contact page handle placeholder with the actual store’s contact page URL
  • Assign the new template to specific products via admin panel
  • Result: Pre-order button redirects to contact form with product information pre-filled

Another suggests a simpler admin-based method:

  • Navigate to Admin > Checkout > Marketing Options > Customize
  • Edit button text directly without code modifications

Status: Multiple solutions provided, ranging from comprehensive code customization to simple admin panel edits. The discussion appears resolved with actionable implementation steps.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

How do I change the Buy Now button in product templates Dawn 15.3.0 to Contact us or Pre-Order.

I know how to create a new Product template based on the default template, but can’t work out how to change the button to say or do different things. Does anybody know a Custom CSS I can past in please.

I’d like a template that has a Pre-Order button to do exactly the same as “buy now” but without asking customers to pay. Maybe it can send us an email advising the customer would like to know when the item is back in stock?

I’d like a template that has a “contact us” button and it takes customers to our contact us page.

Thank you.

1 Like

To change the “Buy Now” button product template to either “Contact Us” or “Pre-Order,” you will need to make some adjustments in the theme’s code, specifically within the product template and the button functionality.

1 Like

Hi @Gladstonehifi ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

  1. Add pre-order.json template

  1. Add code here https://github.com/eboost10/2640367/blob/main/pre-order/templates/product.pre-order.json to templates/pre-order.json

  2. Replace code in Snippets/buy-buttons.liquid with code https://github.com/eboost10/2640367/blob/main/pre-order/snippets/buy-buttons.liquid

In this file replace “contact-us” with handle of contact page on your store.

  1. Replace code in Sections/contact-form.liquid with code https://github.com/eboost10/2640367/blob/main/pre-order/sections/contact-form.liquid

  2. Go admin → product → select product to update template for product

Result when a customer click pre-order button after that it will be redirect to contact page.

Hi there! Here suggesting a easy and quicker way to edit with your admin account

go to your admin account > check out > scroll down to marketing options > tap customise

search and edit as per your desired.