Skip to main content

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).

P
Written by Petras Nargela
Updated today

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.

Did this answer your question?