Publish
Popup Widget

Widget Popup

Easily integrate our feedback snippet into your website or application. You can trigger the feedback form to appear by adding a button or using a custom event.


widget popup

Embed our script

Copy and paste the code snippet right before the closing </body> tag in your website's main HTML file, typically named index.html. If you're unsure where to locate it, contact our support or consult your website builder's documentation or contact your web developer for assistance.

index.html
<script>
  (function (n, r, c, o) {
    const e = n.document.createElement("script"),
      t = r.getElementsByTagName(c)[0];
    (e.async = !0),
      (e.type = "module"),
      (e.src = o),
      (e.onload = () => {
        ralipo.initialize("***|***********", {
          showLauncher: true,
          userData: {},
          customData: {},
        });
      });
    t.parentNode?.insertBefore(e, t);
  })(
    window,
    document,
    "script",
    "https://widget.ralipo.com/ralipo/ralipo.js",
    "ralipo"
  );
</script>

Important: You need to replace ***|*********** with your unique widget ID. You can find your widget ID in the campaign settings page.

Instructions for popular framework

React

Copy and paste the code snippet right before the closing </body> tag in your index.html. If you're unsure where to locate it, contact our support or consult your website builder's documentation or contact your web developer for assistance.

Angular

Copy and paste the code snippet right before the closing </body> tag in your index.html. If you're unsure where to locate it, contact our support or consult your website builder's documentation or contact your web developer for assistance.

Vue

Copy and paste the code snippet right before the closing </body> tag in your index.html. If you're unsure where to locate it, contact our support or consult your website builder's documentation or contact your web developer for assistance.

Note: With the script tag added, you can call the ralipo functions anywhere in your code, click here for more details

Widget Popup configuration settings

  1. Load campaign on script load
  2. Show launcher
  3. Launcher position
  4. Pass custom data
  5. Pass user data.