> ## Documentation Index
> Fetch the complete documentation index at: https://sitespeak.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# How to add a ChatGPT AI support agent to Pixpa

> How to add your custom ChatGPT trained AI support agent to your Pixpa website.

You want to embed your custom trained AI support agent in your **Pixpa** website page. Here's how to add an AI support agent to Pixpa with SiteSpeakAI.

**Pixpa** is a simple and affordable website builder designed specifically for photographers and creatives. It allows you to easily create a beautiful online portfolio and showcase your work.

**Website URL:** [Pixpa](https://www.pixpa.com/)

## Add your AI support agent to your **Pixpa** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Agent** section in the sidebar, then click on the **Copy Code** button to copy your code snippet.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/espressodev/images/installing-your-chatbot/copy-code.png" alt="Copy code snippet" />

### In Pixpa

1. Log into your **Pixpa** account and on the dashboard select **Edit site design** for the site you want to add your AI support agent to

![Select website on dashboard](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MPkOePCmC6IpfXbDUUCxQyvsS6an5Eul06z2bBDr.png)

2. Click on the exit button to exit Design mode

![Exit Design mode](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/yuNkeOXROpUsrmiL0Pd0Qvq8ISY4yOldz8RvPowk.png)

3. Select the **Website** option on the left sidebar list

![Select Website](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3tqxzCl2LFTHt4LLAAqFGxaQc46XzOmjJUogoCfv.png)

4. On the Website edit page, select **Edit content** to allow editing the content of the website page

![Select Edit content](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/8Enkr8d9LYTuCh5BOldZZFU9QM0MP8SdcfSY8Opd.png)

5. On the **Edit content** page, select **Settings**

![Select Settings](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xsvoChPwPhPsjxVu94vz4AUyc5qBuBBQKjSDum3e.png)

6. Scroll down on the **Page Settings** dialogue to the **Page Code Injection** option, insert your AI support agent snippet in the Page Code Injection input text box and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/qp5RmoAk6CsWVR3h2r1c2SssUFYjwSRtqrOwJDIJ.png)

7. Your AI support agent button will now be displayed on your **Pixpa** website

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DLuQnGUrH6luLapEnpgqxTx38qswgFAWhl3FB8g3.png)

8. If you click on the button it will display your AI support agent dialogue

![Chatbot dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/xOP7b4tBpwBUYGQwV5NriU9b9Pu2ip3EiVTYzj99.png)

Your AI support agent has now been added to your **Pixpa** website and your customers/visitors can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta" arrow="true" cta="Create Your AI Agent">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>
