Content

1. Sign up HubSpot

2. Create contact form and the code.

3. Add it to page or widget

4. Integrate HubSpots’ live-chat with WordPress

 

Sign up HubSpot 

Goto HubSpot official website: https://app.hubspot.com/ 

For more details, our support document: Sign up HubSpot and integrate live-chat with WordPress.

 

Create a form and get code to embed

1. Navigate Dashboard

https://app.hubspot.com/reports-dashboard/ 

2. Click [Forms] menu under [Marketing]

3. Click [Create form] button

4. Choose “Embedded form” and click [Next] button

5. Choose a template or build own form, then click [Start]

6. Click [Publish]

7. Click [Embed code] to get  JavaScript code to embed

8. Click [Copy] button to copy code

… and copied

 

Embed to a Page

1. Start WordPress and login

2. Click [Add New] under [Pages] 

3. Click [+] to add block

4. input “custom html” and click [Custom HTML] under Formatting menu

5. Paste copied HubSpot’s Form JavaScript code and click [Publish]

6. Generate an artifact and confirm it works

 

Embed to Sidebar widget

1. Click [Custom HTML] menu

2. Choose position where you want to apply, and click [Add Widget] button

3. Paste copied code and save it

5. Generate an artifact and confirm it works

That’s all!

Integrate HubSpots’ live-chat with WordPress

Check out our document: Sign up HubSpot, and integrate live-chat with WordPress