# chatflow embed in webflow

**URL:** <https://community.hubspot.com/t/chatflow-embed-in-webflow/56535>\
**Category:** CMS Development\
**Tags:** chat, integrations, conversations-inbox\
**Created:** [May 9, 2022, 4:00pm UTC](https://community.hubspot.com/t/chatflow-embed-in-webflow/56535 "2022-05-09T16:00:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Azizix](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@Azizix](https://community.hubspot.com/u/Azizix)\
**Post date:** [May 9, 2022, 4:00pm UTC](https://community.hubspot.com/t/chatflow-embed-in-webflow/56535/1 "2022-05-09T16:00:04Z")

</div>

I look to add the chat into my website as an embed part like [this page](https://offers.hubspot.com/contact-sales-b?_ga=2.238187968.1537274302.1651186238-598140889.1651186238&hubs_post=blog.hubspot.com%252Fmarketing%252Fcontent-distribution&hubs_post-cta=Contact%2520Us&hubs_signup-url=www.hubspot.com%2Fcompany%2Fcontact&hubs_signup-cta=homepage-nav-contact-sales#chat-with-sales)

I tried an Iframe but did not work for me.

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [May 10, 2022, 4:06pm UTC](https://community.hubspot.com/t/chatflow-embed-in-webflow/56535/2 "2022-05-10T16:06:36Z")

</div>

Hey, @Azizix Thanks for reaching out!

This thread has one approach and is a good starting point – [https://community.hubspot.com/t5/APIs-Integrations/Chatflow-embedded-through-iframe/m-p/468028#M45417](https://community.hubspot.com/t5/APIs-Integrations/Chatflow-embedded-through-iframe/m-p/468028#M45417)

@tjoyce and @SAncliff do you have any suggestions for @Azizix ?

Thank you very much! – Jaycee

---

<div class="post-metadata">

**Author:** ![daveroma](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/daveroma/32/82727_2.png) [@daveroma](https://community.hubspot.com/u/daveroma)\
**Post date:** [May 11, 2022, 3:10pm UTC](https://community.hubspot.com/t/chatflow-embed-in-webflow/56535/3 "2022-05-11T15:10:57Z")

</div>

Hey @Azizix, [@Jaycee\_Lewis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/127074)

I built this as a custom module in my [HubSpot theme](https://app.hubspot.com/l/ecosystem/marketplace/assets/themes/generator-by-drive-web-studio) - to see the website embedded chat module in action [check out this demo page](https://www.drivewebstudio.com/hubspot-website-theme/templates/chat).

Building this out was actually pretty complicated but I was able to make it work using a mixture of HubL, CSS to style the chat iframe, and [HubSpot’s Chat Widget SDK](https://developers.hubspot.com/docs/api/conversation/chat-widget-sdk)to handle the JavaScript-y parts.

So to get this to work you can 1) [install my theme using this link](https://app.hubspot.com/l/ecosystem/marketplace/assets/themes/generator-by-drive-web-studio) which will let you add the website embedded chat widget without code, or 2) hire a developer to build it for you and have them take the approach I’ve outlined above.

Conversational landing pages rule!! (and also have statistically higher conversion rates)

Hope this helps

---

<div class="post-metadata">

**Author:** ![NCorliss](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ncorliss/32/33766_2.png) [@NCorliss](https://community.hubspot.com/u/NCorliss)\
**Post date:** [July 19, 2024, 2:23am UTC](https://community.hubspot.com/t/chatflow-embed-in-webflow/56535/4 "2024-07-19T02:23:50Z")

</div>

Late to the game here, but a your hubspot chat bot will just show on your website if you have the hubspot tracking code installed. In our instance we’re using the HubSpot \<\> Webflow app, but I believe it’ll work if you have the code in your site’s head tag.