Widget Embedding Guide

Embed support on your site with a floating widget, an iframe, or link customers to a dedicated form page. The popup widget includes both a live chat and a structured form that users can switch between.

1) Script widget (popup)

Add a single <script> tag to your site. The widget injects a launcher button that opens a popup with two tabs: a live chat and a structured form (Name, Email, Subject, Message). Users can switch between them.

html

<script
  src="https://support.premex.se/widget.js"
  data-product-slug="your-product-slug"
  data-base-url="https://YOUR_DOMAIN"       <!-- optional; defaults to the script origin -->
  data-position="bottom-right"              <!-- optional: bottom-right|bottom-left|top-right|top-left -->
  data-launcher-text="Chat"                 <!-- optional; omit for icon-only button -->
  defer
></script>

2) Iframe embed

If you want the support UI embedded inside your product UI, use an iframe. This gives you full control over sizing and layout. The iframe includes both chat and form tabs.

html

<iframe
  src="https://YOUR_DOMAIN/widget?productSlug=your-product-slug"
  width="400"
  height="600"
  style="border:0; border-radius:12px;"
  title="Premex Support"
></iframe>

3) Inline form embed

Embed a support form directly into your page. The script injects an inline iframe that auto-resizes to fit its content. No popup, no launcher — the form appears right where you place the script tag.

html

<script
  src="https://support.premex.se/form-widget.js"
  data-product-slug="your-product-slug"
  data-form-type="support"                  <!-- optional: support|feature-request|bug-report -->
  data-base-url="https://YOUR_DOMAIN"        <!-- optional; defaults to the script origin -->
  defer
></script>

The data-form-type attribute controls which fields are shown. support (default) shows Subject + Message, feature-request shows Feature title, Use case, Proposed solution, and Priority, bug-report shows Bug title, Steps to reproduce, Expected/Actual behavior, and Environment.

4) Dedicated form page

Link customers to a standalone form page for structured submissions. The form collects Name, Email, Subject, and Message, and routes submissions to the same backend as chat conversations.

https://YOUR_DOMAIN/support/<productSlug>/form

Customer support page links

You can also give customers a direct link to the full support page (chat with conversation history): /support/<productSlug>