Adding your Authorized Service Providers Badge To Your Website

In Shopify, Click "Online Store" under "Sales Channels". Under your live theme you will see a button called "Customize".

Navigate to the page you would like to add the badge to, and add a section called "Custom Liquid". Simply past this code in that section and it should load in the preview.

Code:

<div style="display:flex; justify-content: center;"> <a href="https://circuitiq.com/pages/residential-service-providers" target="_blank" rel="noopener noreferrer">  <img    src="https://circuitiq.com/residential-service-providers-badge/"    alt="Certified Residential Service Provider Badge"    style="max-width: 100%; height: auto; border: none;"  /></a></div>

If you're using the default Block Builder, or most of the visual builders (Elementor, Bricks, etc) you can add a section called "Custom HTML". This section will allow you to add the code below and your badge will show up. Keep in mind it might not show up in the builder, but should show up in the preview.

Code:

<div style="display:flex; justify-content: center;"> <a href="https://circuitiq.com/pages/residential-service-providers" target="_blank" rel="noopener noreferrer">  <img    src="https://circuitiq.com/residential-service-providers-badge/"    alt="Certified Residential Service Provider Badge"    style="max-width: 100%; height: auto; border: none;"  /></a></div>

1. Click Add Elements  on the left side of the Editor.
2. Click Embed Code.
3. Click Embed HTML

In that new block you can add the code below.

Code:

<div style="display:flex; justify-content: center;"> <a href="https://circuitiq.com/pages/residential-service-providers" target="_blank" rel="noopener noreferrer">  <img    src="https://circuitiq.com/residential-service-providers-badge/"    alt="Certified Residential Service Provider Badge"    style="max-width: 100%; height: auto; border: none;"  /></a></div>

Squarespace supports adding client-side code to your site. The options depend on your plan. The basic plan will allow a basic code block which is all you need!

Add the basic code block and add the code below.

Code:

<div style="display:flex; justify-content: center;"> <a href="https://circuitiq.com/pages/residential-service-providers" target="_blank" rel="noopener noreferrer">  <img    src="https://circuitiq.com/residential-service-providers-badge/"    alt="Certified Residential Service Provider Badge"    style="max-width: 100%; height: auto; border: none;"  /></a></div>