Add a Zendesk Chat widget to Discourse

[dax (Daniela)]

1. Create a Zendesk account to Register and complete all the required fields
   

   

2. Complete the registration steps and choose your team name which will automatically become the URL for accessing Zendesk
   

   

3. Visit your email provider to verify your email address and sign in to Zendesk

4. Once your account is complete, head over to your Zendesk Admin Center (https://your_team_name.zendesk.com/admin/home)

5. From the Admin Center dashboard, click the Channels option on the left-hand menu and choose Messaging:

6. On the Messaging page click onto your team name:

7. Complete the steps for Add Web Widget like confirming the channel name and copying the web widget code snippet. You can also customize the chat color, chat position, sound, and more:

a.

b.

8. Visit your site at admin > customize > themes > component and click on Install

9. Select +Create new
   
   then enter a name, check that theType selected is Component and click on Create
   

10. Select the theme(s) to which you want to add the new component to activate it and click on Edit CSS/HTML

11. Go to the common > /head tab, paste your script and Save
12. Go to the site settings of the site and search for content security policy script src. Add this URL https://static.zdassets.com/web_widget/ in whitelist

13. Reload your site and you will find the chat icon on the bottom of your site, visible to visitors and registered users
    

    

14. Go back to Zendesk at https://YOUR-TEAM-NAME.zendesk.com/chat/agent#home (see step 2) to configure your chat