Manual Placement (Custom Position & ID)

Use the Custom Position setting if you want to place badges on your Homepage, Footer, Headers, or inside Page Builders (like PageFly).

Petras Nargela

Last Update hace un mes

Step 1: Select Custom Position
  1. Open your badge and switch to the Settings tab.
  2. Under Place on page, select Custom position.
  3. You will see two new fields appear: Badge ID and Code snippet.
Method A: Using the Shopify Theme Editor (Easiest)

Best for: Adding badges to the Footer, Homepage sections, or standard pages without coding.

  1. Copy the ID: Click to copy the Badge ID from the app settings (e.g., d37cbd90...).
  2. Open Theme Editor: In your Shopify Admin, go to Online Store > Themes > Customize.
  3. Add App Block:
    • Navigate to the section where you want the badge (e.g., Footer).
    • Click + Add Block (or "Add Section").
    • Select the Apps tab and choose Snapp Trust Badges.
  4. Paste ID: In the block settings panel on the right, paste the Badge ID you copied earlier.
  5. Save: Click Save in the theme editor.
Method B: Manual Code Snippet

Best for: Advanced placement inside specific liquid files or custom headers.

  1. Copy the Code: In the app settings, scroll down to the Code snippet box and copy the full HTML code.
    • Example: <div class="essential-banners-block" id="..."></div>
  2. Edit Code:
    • In Shopify Admin, go to Online Store > Themes > ... > Edit code.
    • Open the file where you want the badge (e.g., footer.liquid, header.liquid).
    • Paste the code exactly where you want the badge to appear.
  3. Save: Click Save in the code editor.

Was this article helpful?

0 out of 0 liked this article