search

Website Setup for App Marketing Widgets

The App Install Banner and Floating Button can be displayed on your website by adding a small script provided in the Twinr Builder. This script enables the App Marketing Widgets to load on your site and apply all the rules you configured.

hashtag
How It Works

hashtag
1. Copy the Embed Code

  1. Go to App Marketing Widgets → Embed Code in Twinr Builder.

  2. Click Copy Script to copy the generated code.

The script is unique to your app and loads all active App Marketing Widgets.

hashtag
2. Add the Script to Your Website

Paste the script inside your website’s <body> tag. For example:

<body>
    <!-- Your website content -->

    <!-- Twinr App Marketing Widget -->
    <script>
        // script copied from Twinr Builder
    </script>
</body>

💡 The script must be placed inside <body> (not in <head>).

hashtag
Platform - Specific Website

hashtag
🛍️ Shopify

hashtag
Option A — Add Script to All Pages

  1. Open Shopify Admin

  2. Go to Online Store → Themes

  3. Click Edit Code

  4. Open:

  5. Scroll to the bottom and paste the script just before the closing </body> tag.

Example:

  1. Click Save

hashtag
Option B — Add Only to Specific Pages

You may also paste the script inside templates like:

  • product.liquid

  • collection.liquid

  • page.liquid

Paste it before </body>.

hashtag
🌐 WordPress

hashtag
Option A — Using Theme Editor

  1. Go to WordPress Admin

  2. Navigate to: Appearance → Theme File Editor

  3. Open:

  4. Paste your script above the closing </body> tag:

  1. Save changes.

hashtag
Option B — Using Code Snippet Plugin

You can use plugins like Insert Headers & Footers or Code Snippets:

  1. Install plugin

  2. Add a new snippet

  3. Set it to run in the Footer

  4. Paste your script

  5. Save

hashtag
💻 Custom HTML Website

  1. Open your project files

  2. Locate your main HTML file (often index.html)

  3. Paste the script inside the <body> tag, usually at the bottom:

  1. Save and publish your site

hashtag
✔️ Verify Installation

After installing:

  • Check your site on mobile and desktop

  • Ensure your device targeting and page targeting settings match

  • Wait for any delay timer if configured

  • Ensure the banner/button hasn't been dismissed recently (frequency rules apply)

PreviousFloating ButtonNextWhat is the JS Bridge?

Last updated