How to integrate Release0 with Webflow

​

Embedding Your agent in Webflow

1. Go to the Integrations tab of your agent’s flow editor.
2. Click the Webflow button to get the embed instructions.

​

Advanced Guides

​

Trigger an agent Command on Button Click

1. Assign a unique ID to your button:
   • Navigate to the Settings tab of the button in Webflow.
   • Add a dedicated ID to the button element.
2. Update your embed code:
   • In the existing <script> tag of your agent Embed element, insert the following code:
   Copy

   document.getElementById('BUTTON_ID').addEventListener('click', (event) => {
     event.preventDefault();
     Agent.open();
   });
   

3. For multiple buttons, repeat the process:
   • Add more button IDs and associate them with the same or different commands. Your code might look like this:
   Copy

   <script type="module">
     import Agent from 'https://cdn.jsdelivr.net/npm/@release0.com/js@1.1.2/dist/web.js';
   
     Agent.initPopup({
       agent: 'my-agent',
     });
   
     document.getElementById('BUTTON_ID_1').addEventListener('click', (event) => {
       event.preventDefault();
       Agent.open();
     });
   
     document.getElementById('BUTTON_ID_2').addEventListener('click', (event) => {
       event.preventDefault();
       Agent.open();
     });
   </script>
   

   Note: Replace BUTTON_ID_1 and BUTTON_ID_2 with the actual IDs assigned to your buttons.

​

Example Use Case

​

Validation and Testing

• All button IDs match those specified in the script.
• The JavaScript code does not contain syntax errors.
• The agent popup works as expected when the buttons are clicked.