Embedding the widget on your website

Find out how to get the embed code and install it on your website

It just takes a few seconds to embed the HelpKit widget on your website and start serving your customers right away.

 

In dashboard:

  1. Navigate to Settings page
  1. Click on Widget
  1. Generate the widget code by adjusting the settings
  1. Scroll down to the Install Widget section
  1. Copy and paste the shown code right before the </head> tag of your website
 

All the settings you save in the dashboard will be automatically applied to your embedded widget.

 

It should like something like 👇

<html>
	<head>
    <title>Your awesome website</title>
		// paste the HelpKit widget code here
		<script id="helpkit-widget" data-project-id="your_project_name" type="text/javascript" src="https://www.helpkit.so/widget/script.js" async></script>
	</head>
	<body>
		<h1>Great products deserve great help centers</h1>
	</body>
</html>
 

Legacy Widget Code

In the first version of HelpKit the widget code had a var HelpKitConfig = {...} script. If you still have this version installed you can leave it as is or replace it with the new code.

 
Did this answer your question?
😞
😐
🤩

Last updated on August 4, 2021