Set up your first project

In Hubbo a project is an account: it has a name, a URL, an embed key and its own content. Follow this checklist to go from nothing to a visible widget.

1. Create the account

When you first sign in you are asked to create an account. Enter a project name and the URL of your website. The URL field takes the host (including subdomain) such as example.com and only https:// addresses are allowed. Hubbo uses this URL as your site’s origin: it controls which website is allowed to talk to Hubbo from the browser.

2. Install the embed script

1. Go to Settings → Get Embed.
2. Copy the script tag (or the JavaScript alternative).
3. Paste it into your site, either at the end of <head> or inside <body>.

Frameworks have their own guides: Next.js, React, Vue, Nuxt, Svelte, Angular.

3. Publish a notification

1. Open Notifications → New.
2. Fill in the title and description, choose a variant such as popup or toast and a category.
3. Leave the Widget channel switched on.
4. Save and publish.

4. Check your site

Open your website in a normal browser window. You should see your notification. If you do not, follow the troubleshooting checklist.

5. Brand it

Open Notifications → Appearance to set Widget & Page, bell and category colors for the account. You can also override look per notification in its Appearance tab. See Appearance and branding.