--- title: "Embed CivicPlus Agent on Web Evolve" slug: "embed-civicplus-agent-on-web-evolve-1" description: "Learn how to generate embed codes for agents, configure display URLs, and ensure seamless integration on your website with our step-by-step guide." updated: 2026-09-11T13:32:04Z published: 2026-09-11T13:32:04Z canonical: "www.civicplus.help/embed-civicplus-agent-on-web-evolve-1" --- > ## 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 Evolve ## 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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%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-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%3D) > [!WARNING] > Note: > > The embed code may only be embedded onto the websites dictated by the Display URL. --- ## Embed the Agent on Web Evolve > [!NOTE] > Important Note > > Adding an embed script to a website only needs to happen once. Any subsequent changes to an agent will automatically show on the embedded agent upon saving. While it’s possible to add an embed script to a website before the agent has been fully configured, do this with caution on public sites, as any changes made after embedding may be visible to public users. > [!TIP] > Who can use this feature? > > System Administrators 1. [Sign in to the site](/municipal-websites-evolve/docs/sign-in-to-your-site) 2. Navigate to **Site Tools** and select **Site Properties** ![The Site Tools tab with the Site Properties option highlighted.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Site Tools Site Properties Option - MWE.png?sv=2026-02-06&spr=https&st=2026-10-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%3D) 3. Scroll to **Footer Script** and add the [agent’s embed script](/civicplus-help-center/docs/embed-civicplus-agent-on-web-evolve#generate-the-embed-code) to the bottom, **after any existing footer scripts** ![Script code snippet for embedding an agent in Evolve.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Agent%20Script%20on%20Evolve%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%3D) 4. Click **Save Properties** ![The Save Properties button on the Site Properties page.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/Save%20Properties%20-%20MWE.png?sv=2026-02-06&spr=https&st=2026-10-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%3D) 5. Navigate to the home page and confirm the agent’s button displays on the screen ![Highlighted icon for the CivicPlus Agent.](https://cdn.us.document360.io/17dc564a-8310-4f61-b929-1bd73b36e158/Images/Documentation/CivicPlus%20Agent%20on%20Central%20Site%20-%20CPA.png?sv=2026-02-06&spr=https&st=2026-10-31T18%3A44%3A27Z&se=2026-10-31T19%3A44%3A27Z&sr=c&sp=r&sig=EvQ6a4pai3igwvou%2FBOZZNWVUUDPatn9Szi6quXAzQc%3D) > [!WARNING] > Note: > > If needed, make any adjustments to the [position of the agent](/civicplus-help-center/docs/create-a-civicplus-agent) or other widgets such as Google Translate or AudioEye to avoid overlapping.