How to add CTA button on Hero banner (Dawn theme)

Topic summary

A user seeks guidance on adding a customizable CTA button to the Hero banner in Shopify’s Dawn theme, specifically wanting control over background color, text, and link destination.

Proposed Solutions:

  • Option 1 (No-Code): Use Shopify’s built-in Customizer for basic button functionality

  • Option 2 (Code-Based): Modify the theme code by locating the button label markup ({%- if section.settings.button_label != blank -%}) and adding custom inline styles to control appearance

  • Option 3 (External Resource): Follow step-by-step instructions via a linked guide for making image banners clickable in Dawn theme

The discussion remains open with multiple approaches offered but no confirmed resolution or follow-up from the original poster.

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

How to add CTA button & link where we can also set the button’s background color and text for Hero banner on Dawn theme?

https://plains-and-prints-ph-uat.myshopify.com/

pwd: plainsandprints

Hi,

Hope this will help

  • Use Shopify Customizer (No Code Needed for Basic Button)
  • Change Button Color (Using Theme Code)

Find this part

{%- if section.settings.button_label != blank -%}

{{ section.settings.button_label }}

{%- endif -%}

Add custom style directly

Hi @audreyping ,

You can follow the instructions below, it will work fine