# Zendesk

{% hint style="info" %}
You can also [integrate your AI agent directly into Zendesk, see here for full instructions](https://support.myaskai.com/features/channels/zendesk/zendesk-messaging)
{% endhint %}

### How to Add Your AI Agent to Your Zendesk Help Center

To add your AI agent to your Zendesk help center you will need to "Edit the code" of your help center theme, but it isn't as scary as it sounds!

1. In Guide, click the **Customize design** icon (![](https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide_icon_customize.png)) in the sidebar.
2. On the theme you want to edit, click **Customize** to open it

<figure><img src="https://3477336559-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhu0WRsaCQQRKP3KeuIOQ%2Fuploads%2FtabNqeBXqMF89MY0qdxH%2Fimage.png?alt=media&#x26;token=141870f3-8ef8-4804-a196-47784b01da60" alt="" width="563"><figcaption></figcaption></figure>

3. Click **Edit code**.

<figure><img src="https://3477336559-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhu0WRsaCQQRKP3KeuIOQ%2Fuploads%2Fw8qAIxryuRgK15IBKoPI%2Fimage.png?alt=media&#x26;token=7de9d43f-50e5-4c73-a97b-acfa9989afe4" alt="" width="563"><figcaption></figcaption></figure>

4. Get your AI agent code by [following Steps 1 -3 from here](https://support.myaskai.com/start-here/add-your-ai-agent-to-your-website) and paste it into the code editor.
5. Make a code change, then click **Save** to save your change.You must save your changes before you can preview them.
6. In the code editor, click **Preview**.

   ![](https://zen-marketing-documentation.s3.amazonaws.com/docs/en/themes_edit_code_preview.png)

   The preview opens in a new tab.
7. Navigate in the preview as you normally would to see different pages in your Help Center.
8. Do one of the following to preview a specific page template or role:
   * Click **Templates**, then select another template you'd like to preview.
   * Click **Preview role**, then select another role you'd like to preview.
9. Continue to make and save code changes, then view them in the preview tab.

   As you save changes, the preview should refresh and show your updates.
10. Click **Close Preview** at the top left of the preview when you are finished.
11. Set the theme to 'live' and your widget will appear at the bottom corner of your page.

[For more detailed instructions on editing themes from Zendesk, click here](https://support.zendesk.com/hc/en-us/articles/4408832558874-Editing-the-code-for-your-live-help-center-theme).