---
title: "Embed CivicPlus Agent on Web Central"
slug: "embed-civicplus-agent-on-web-central"
description: "Learn how to generate and embed AI agent codes securely, ensuring proper Display URL and hidden paths for your organization's website."
updated: 2026-05-14T19:13:57Z
published: 2026-05-14T19:13:57Z
canonical: "www.civicplus.help/embed-civicplus-agent-on-web-central"
---

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

# Embed CivicPlus Agent on Web Central

## Generate the Embed Code

> [!TIP]
> Who can use this feature?
> 
> Organization Owners

1. [Sign in to the Staff Center](https://staffcenter.civicplus.com/)
2. Select **AI Agents** in the navigation menu and click **Resident Agents** ![Sidebar menu displaying AI Agents and Resident Agents options for user navigation.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/AI Agents, Resident Agents - CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)
3. Select the applicable agent from the list or [create a new agent](/civicplus-help-center/docs/create-a-civicplus-agent) ![List of resident agents with a highlighted agent.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Select%20Agent%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)
4. Configure the agent’s **Display URL(s)** ![Input fields for Display URL and Hidden Paths.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Display%20URLs%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)

> [!WARNING]
> Note:
> 
> The Display URL dictates the base link on which the agent can be embedded.
> 
> - This field **may not be left blank**.
> - This field reduces the risk of bad actors attempting to embed a widget onto a website that is not on the allowed list.
> - **Hidden paths** are optional, and dictate any subpages on which the widget is **not to display**. Leave the field empty if you wish the agent to appear on all paths. Use a comma to separate multiple paths.
5. Click **Save** to save any changes ![The Save button on the Resident Agent page.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Save Agent - CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)
6. Click **Embed Code** ![The Embed Code button on the Edit Resident Agent page.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Embed%20Code%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)
7. **Copy** the code that is generated to your clipboard ![Embed code for the chatbot integration with a prominent copy button highlighted.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Copy%20Embed%20Code%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T17%3A49%3A00Z&se=2026-10-31T18%3A49%3A00Z&sr=c&sp=r&sig=5tLQWIXYwvgefxqlvbC%2Fj8YQv%2FR5fXB0TvDmLdNg0ZU%3D)

> [!WARNING]
> Note:
> 
> The embed code may only be embedded onto the websites dictated by the Display URL.

---

## Send the Code to Support

You can now send the copied embed code to [CivicPlus Support](/municipal-websites-central/docs/contact-civicplus-support), who will add it to your site.