Add a non-structured component in the template

1 0 0

Hi every one,
How can I add a non-structured component in the shopify theme i choose, 

I need to add a phone number in the top of the website and it has to be prominent.
thank a lot

Reply 1 (1)

Shopify Partner
5597 1261 1224

Hello @Renaye 


You can follow these steps: 
1. Go to Online Store->Theme->Edit code


2. Open your theme.liquid file, paste the below code after <body>



 <div class="gp-custom-phone">
      <a href="tel:0987654321">My Phone 0987654321</a>
      .gp-custom-phone {
          background: #ff0000;
          text-align: center;
      .gp-custom-phone a {
          color: #fff;
          text-decoration: none;
          font-size: 20px;
          font-weight: bold;


Result like this 


I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center