Webflow

Add Eloqra to a Webflow site through the built-in custom code settings — no embed element needed, since the launcher injects itself on every page.

Install#

Copy the snippet from the Connect tab in your dashboard and replace YOUR_PROJECT_ID with your project's ID:

<script>
  window.ELOQRA_CHAT_CONFIG = { projectId: 'YOUR_PROJECT_ID' };
</script>
<script src="https://chat.eloqra.app/eloqra-chat.js" async></script>

Add the script#

1. In Webflow, open Site settings → Custom code.
2. Paste the snippet into the Footer code box (before the closing </body> tag).
3. Save and publish the site — custom code only runs on the published site, not in the Designer preview.

Custom code requires a paid Webflow site plan. To run chat on select pages only you have two options: add the snippet per page under Page settings → Custom code instead of the site-wide setting, or keep it site-wide and hide the bubble on the pages you don't want it with eloqra('hide').

Verify#

Open the published site — the chat bubble appears in the corner. Send a test message and confirm it reaches your connected Telegram. Make sure chat is enabled and your Telegram is connected in the dashboard first.

1