# How to Integrate the Dialogflow Messenger with Websites

> To integrate Dialogflow Messenger with your website using Dialogflow, first navigate to the Integrations panel on your agent's dashboard. Next, choose Dialogflow Messenger, select your environment, and click Enable. Finally, copy the provided code and paste it into the header section of your website.

Canonical: https://livedemo.ai/tutorials/how-to-integrate-the-dialogflow-messenger-with-websites/
Apps: Dialogflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4646ab56e05a00ff0c3d/preview?step=1

## Steps

1. On the main dashboard of the agent you wish to integrate, go to the left-side panel and click 'Integrations'.
2. After that, choose 'Dialogflow Messenger' from the available choices.
3. Select the environment you wish to use, then click 'Enable'.
4. Finally, find the provided code and tap its corresponding 'Copy' icon. Paste the code into the header section of your website to integrate the selected Dialogflow agent.