Introducing the New CivicPlus Status Page!  

Check real-time updates on maintenance, incidents, and system performance all in one place. You can now subscribe to get automatic notifications for all products or only the ones you use. Visit the Status Page.

Embed CivicPlus Agent on Web Evolve

Prev Next

Generate the Embed Code

Who can use this feature?

Organization Owners

  1. Sign in to the Organization

  2. Select AI Agents in the navigation menu
    The AI Agents option in the left navigation menu.

  3. Select Resident Agents
    Menu displaying AI Agents with highlighted option for Resident Agents.

  4. Select the applicable agent from the list or create a new agent
    List of resident agents with a highlighted agent.

  5. Configure the agent’s Display URL(s)
    Input fields for Display URL and Hidden Paths.

    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.

  6. Click Save to save any changes
    The Save button on the Resident Agent page.

  7. Click Embed Code
    The Embed Code button on the Edit Resident Agent page.

  8. Copy the code that is generated to your clipboard
    Embed code for the chatbot integration with a prominent copy button highlighted.

    Note:

    The embed code may only be embedded onto the websites dictated by the Display URL.


Embed the Agent on Web Evolve

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.

Who can use this feature?

System Administrators

  1. Sign in to the site

  2. Navigate to Site Tools and select Site Properties
    The Site Tools tab with the Site Properties option highlighted.

  3. Scroll to Footer Script, and add the agent’s embed script to the bottom, after any existing footer scripts
    Script code snippet for embedding an agent in Evolve.

  4. Click Save Properties
    The Save Properties button on the Site Properties page.

  5. Navigate to the home page and confirm the agent’s button displays on the screen
    Highlighted icon for the CivicPlus Agent.

    Note:

    If needed, make any adjustments to the position of the agent or other widgets such as Google Translate or AudioEye to avoid overlapping.