Embedding the widget on your website – HelpKit

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

In dashboard:

Navigate to Settings page

Click on Widget

Generate the widget code by adjusting the settings

Scroll down to the Install Widget section

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.