Docs Intro

RevTrix Smart Widgets

RevTrix is a smart monetization platform built by top casino affiliates. Boost your earnings with geo-targeted widgets, offer rotation, and real-time optimization — no coding required.

Widget Script Source

https://widget.revtrixjs.com/scripts/app.js v2.0.0

Script Integration

Learn how to authenticate your site and install the universal tag to start monetizing immediately.

Explore Widgets

Explore our library of high-conversion widgets including tilted offers, slim lists, and exit popups.

Prerequisites

Access to website code or content management system (CMS)
Ability to add HTML code to the website pages
Basic understanding of HTML
Approximately 15 minutes for implementation

Step 1: Script Integration

Add the appropriate script to the <head> section of your website.

A. For Standard Widgets (Required)

Use this script if you are displaying any on-page widgets.

<script src="https://widget.revtrixjs.com/scripts/app.js" async></script>

B. For Exit Popup (Optional)

Include this script only if you are using the Exit Intent Popup functionality.

<script src="https://widget.revtrixjs.com/scripts/epopup.js" async></script>

Step 2: Widget Implementation

Place widget placeholders at strategic locations throughout your website. Each widget placeholder is a simple HTML <div> element.

Critical Attributes

ID Attribute Must start with revtrix- for the script to identify the element.
data-pid Unique identifier for statistics. Use descriptive values (e.g., homepage-sidebar).
Configuration (Do Not Modify) data-theme, data-size-variant, data-app-type, data-widget-type.
Analytics Use data-c1 through data-c6 for custom segmentation.

Step 3: Exit Popup Implementation (Optional)

Add the following code near the closing </body> tag.

<!-- Exit Popup Container -->
<div 
  id="exit-popup-revtrix"
  data-pid="exit-popup-container"
  data-trigger-type="EXIT_INTENT"      <!-- Options: EXIT_INTENT, IMMEDIATE, BOTH -->
  data-delay="5"
  data-max-displays="3"
  data-interval="300"
  style="display: none;"
  class="exit-popup-container"
>
  <!-- Inner Widget -->
  <div
    id="revtrix-exit-popup-premium"
    data-pid="exit-popup-container"
    data-theme="dark"
    data-size-variant="Responsive"
    data-app-type="WIDGET"
    data-widget-type="PremiumWidget"
    data-c1="[DOMAIN]"
    data-c2="popup"
    data-c3="exit-intent"
    data-c4="conversion"
    data-c5="exit-popup"
    data-c6="global"
  ></div>
</div>

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

Exit Intent

Triggers when mouse moves towards browser top/close button.

Immediate

Triggers automatically after a specific time delay.

Both

Combines both triggers to maximize visibility.

Available Widgets

Copy and paste these snippets into your site where you want the widgets to appear.

1. TiltedOffers

3D perspective tilt effects with animated highlighting.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-tilted-offers-1"
  data-pid="homepage-tilted-offers"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="TiltedOffers"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

Light Theme Light Preview

Dark Theme Dark Preview

2. CasinoSlimList

Compact ranked listings for sidebar or in-content use.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-slim-list-1"
  data-pid="content-slim-list"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="CasinoSlimList"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

3. PremiumWidget

High-conversion layout with countdown timer.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-premium-widget-1"
  data-pid="header-premium"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="PremiumWidget"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

4. CasinoWidget

Standard square placement for sidebars.

320x320 | 728x90

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-casino-widget-square"
  data-pid="320x320"
  data-theme="light"
  data-size-variant="320x320"
  data-app-type="WIDGET"
  data-widget-type="CasinoWidget"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

5. CasinoOfferRows

Interactive row-based comparison table.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-offer-rows-1"
  data-pid="content-offer-rows"
  data-theme="colored"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="CasinoOfferRows"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

6. PDCWidget

Premium display with logos and ratings.

Responsive | Sidebar

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-pdc-widget-1"
  data-pid="homepage-pdc-widget"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="PDCWidget"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

7. CasinoCardWidget

Three offer cards with bullets and CTA.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-casino-cards-1"
  data-pid="content-casino-cards"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="CasinoCardWidget"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

8. CasinoOfferCards

Attractive card layout with hover effects.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-offer-cards-1"
  data-pid="footer-offer-cards"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="CasinoOfferCards"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

9. ExactCasinoWidget

Single offer widget with logo and bonus text.

Responsive

Tracking Note: The parameters data-c1 through data-c6 are custom params and can be replaced and used for tracking purposes.

<div 
  id="revtrix-exact-casino-1"
  data-pid="sidebar-exact-offer"
  data-theme="light"
  data-size-variant="Responsive"
  data-app-type="WIDGET"
  data-widget-type="ExactCasinoWidget"
  data-c1="[DOMAIN]"                    <!-- UTM source for analytics -->
  data-c2="sidebar"                     <!-- UTM medium for analytics -->
  data-c3="offers-display"              <!-- UTM campaign for analytics -->
  data-c4="promotional"                 <!-- Optional: Content category -->
  data-c5="right-rail"                  <!-- Optional: Placement detail -->
  data-c6="homepage"                    <!-- Optional: Page type -->
></div>

FAQ & Troubleshooting

Widgets Not Appearing

Ensure scripts are loaded in the head
Verify element IDs start with revtrix-
Check browser console for errors

Exit Popup Issues

Verify container ID is exactly exit-popup-revtrix
Ensure container has display: none style
Check matching data-pid values

Need Additional Support?

Our team is available to help you with custom integrations.

Email Support Telegram