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.

How It Works

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.

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

Platform - Specific Website

🛍️ Shopify

Option A — Add Script to All Pages

  1. Open Shopify Admin

  2. Go to Online Store → Themes

  3. Click Edit Code

  4. Open:

    theme.liquid

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

Example:

<!-- Twinr App Marketing Widget -->
<script>
   // paste your script here
</script>
</body>

  1. Click Save

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

🌐 WordPress

Option A — Using Theme Editor

  1. Go to WordPress Admin

  2. Navigate to: Appearance → Theme File Editor

  3. Open:

    footer.php

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

<!-- Twinr App Marketing Widget -->
<script>
// paste script here
</script>
</body>

  1. Save changes.

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

💻 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:

<body>

   <!-- Your website code -->

   <!-- Twinr App Marketing Widget -->
   <script>
      // paste script here
   </script>

</body>

  1. Save and publish your site

✔️ 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

Was this helpful?