Skip to content

Web widget

The web widget allows your customers to get in touch with your support team by showing the widget button on selected web pages. Within the widget settings, you can set up the following content and attributes:

  • Floating button style
  • Widget Front Menu appearance
  • Live Chat availability
  • Request Submission Form
  • Knowledge base/FAQ access.

Once you save the settings, the floating widget button will appear on the right side of the web page. You can click the button to verify the widget content and menu.

To integrate the widget into your website, copy the code snippet and paste it into your web pages, right before the </body> tag.

  • Code sample:
<script>widget=["acme","s-message","#A11692","--s-widget-bottom"];</script>
<script src="https://sympoq.github.io/widget/widget.js"></script>

The following sections explain the settings of individual web widget attributes.

Floating button style

floating button style

Configure the floating button style::

  • Icon: Select the icon to be displayed as the floating button.
  • Color: Choose from predefined colors to set the button color.
  • Position: Select the button position: top, middle or bottom of the page.

Front Menu

Set up the widget's front menu:

  • Headline: Enter the headline that will appear in the widget header, e.g., "Help Center".
  • Display logo: Enable or disable the logo display. The site logo image is set in Settings > General.
  • Text: Enter the text to appear before the widget's main menu, e.g., "Feel free to search through our articles or contact us for any questions."

Options

Configure individual features and their behavior within the web widget.

web widget settings

Submit a request

This section primarily utilizes options set in Settings > Form. Additional configurations can be added here:

  • Enabled: Enable or disable public request submission in the widget.

Info

To enable request submission, it also should be enabled in Settings > General, Guest access.

  • Option name: Enter the name of the option to appear in the main menu, e.g. "Submit a message"
  • Topic: Choose a default topic for the ticket submission form, or leave as "- All -"
  • Submission message: Enter the post-submission message, e.g. "Thank you. Your message has been submitted.".

Live Chat

Enable or disable public chat access within the web widget.

Knowledge base

Knowledge base articles use options primarily set in Settings > Knowledge base.

  • Enabled: Enable or disable access to public knowledge base categories and articles.

Info

To enable the knowledge base, it must also be enabled in Settings > General, Guest submission.

  • Option name: Enter the name of the option to appear in the main menu, e.g. "FAQs"
  • Main category: Select the main/root knowledge base category, or leave as "- All -".

Click the Save to apply changes, refresh the widget code, and update the button's appearance and position.