How can i add a clickable phone number to my website header?

Topic summary

A user seeks to add a clickable phone number to their website header in a specific location.

A response provides step-by-step instructions:

  • Navigate to Shopify > Theme > Edit code
  • Insert provided HTML/Liquid code into the header section

The code snippet includes:

  • A <div> container with custom styling
  • A tel: link (telephone protocol) that makes the phone number clickable on mobile devices
  • The phone number displayed: 8230318630

This solution enables visitors to directly call the business by tapping the number on mobile devices, while desktop users see the formatted contact information.

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

How can I add a clickable phone number to my website header in the marked area of my website?

I am currently using 15.2 Refresh theme.

1 Like

Hi @BestQualityDTF

You can follow the instruction here:

  1. Go to Shopify > Theme > Edit code

  2. Copy and paste this code on header.liquid :


        0368130328
      

1 Like