> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/app-marketing-widget/website-setup-for-app-marketing-widgets.md). # 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 **`` tag**.\ For example: ```html ``` > πŸ’‘ The script must be placed inside `` (not in ``). ## 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 `` tag**. Example: ```liquid ``` 6. 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 ``. *** ### 🌐 **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 `` tag**: ```php ``` 5. 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 `` tag**, usually at the bottom: ```html ``` 4. 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)