Contact Support Widget

If you want to collect customer service requests on your website or web product, you should use the contact support widget. It is easy to set up, can be modified to certain requirements, and works on desktop, tablets and mobile devices.

How do I place the 'Contact Support' Widget on my website?

After logging in as an Admin on your ticketing page,

  1. Click on 'Admin' link in the top left of the screen
  2. Select the 'Widget' tab in the left-side menu
  3. Select the email address, position and language and copy the code
  4. Put it in your webpage below the tag (or the location you prefer)

How do I hide the 'Contact Support' tab and load the widget on clicking a link?

If you don't want to use our 'Contact Support' tab, you can edit the code as follows:

position: none

Then, on your webpage, put up a link (with the text that you want)

<a data-controls-modal="sb-overlay">Contact Us</a>

The data-controls-modal property binds the form to this link.

How do I pre-fill the Name/Email/Subject field?

If you already know the name or email address of your customer (for example when they are already signed in), you can prefill the contact form with these details. Edit the code to add one or more of these fields when you initialize the form:

name: "Awesome Customer"

email: "awesome@example.com"

subject: "Awesome Question"

Can I embed the form on my page without using the overlay?

Absolutely! You can use the iframe version. Please use the code below and replace your-subdomain with your company's SupportBee subdomain. You can also replace the locale with another supported locale. (Check the widget page using the instructions above to find a list of supported locales)

<iframe src="https://your-subdomain.supportbee.com/web_tickets/new?embed=true&locale=en" style="width:500px; height: 500px; border:none"></iframe>

How can I add captcha to my widget?

After logging in as an Admin on your ticketing page,

  1. Click on 'Admin' link in the top left of the screen
  2. Select the 'Widget' tab in the left-side menu
  3. Set the ‘Show captcha’ option to ‘yes’

A captcha will be automatically added to your widget.

Can I add captcha to the embedded contact form?

Definitely. You can do this by passing an additional parameter called captcha to your form link and setting it to true.Please use the code below and replace your-subdomain with your company's SupportBee subdomain.

<iframe src="https://your-subdomain.supportbee.com/web_tickets/ new?embed=true&locale=en&captcha=true”></iframe>

Are there any more customization options available?

Our support widget does not currently offer other customizable fields, however there are other options available by using the Formcrafts and SupportBee integration.

The integration is easy to setup, with several additional options and customizations for your Contact Support form including attachments. Contact us for any assistance with setting up the integration, and see a step-by-step tutorial for using Formcrafts with SupportBee.