# Embedding Chatflow inline

**URL:** <https://community.hubspot.com/t/embedding-chatflow-inline/139948>\
**Category:** CMS Development\
**Tags:** design-manager, javascript, html, enterprise\
**Created:** [September 23, 2025, 12:58pm UTC](https://community.hubspot.com/t/embedding-chatflow-inline/139948 "2025-09-23T12:58:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DJohnson4](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/djohnson4/32/92090_2.png) [@DJohnson4](https://community.hubspot.com/u/DJohnson4)\
**Post date:** [September 23, 2025, 12:58pm UTC](https://community.hubspot.com/t/embedding-chatflow-inline/139948/1 "2025-09-23T12:58:51Z")

</div>

Hi all,

I am trying to embed my chatflow like how it is done on [this page](https://offers.hubspot.com/contact-sales?_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&_gl=1*otzlj0*_gcl_au*MTk0NTUxNjkyNS4xNzU3NDMyODU2*FPAU*MTk0NTUxNjkyNS4xNzU3NDMyODU2*_ga*MTA1MTQwMjY3LjE3NTc0MzI4NTY.*_ga_LXTM6CQ0XK*czE3NTg2Mjk4MjIkbzExJGcxJHQxNzU4NjI5OTM2JGoyNyRsMCRoMA..#chat-with-sales).

here is my code:

```lia-code-sample
module.html
<div class="chat-container">
 <div id="hubspot-chat" style="height: 500px; width: 100%;"></div>
</div>

```

```lia-code-sample
module.css
.chat-container {
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 background-color: white;
 border-radius: 8px;
 overflow: hidden;
 max-width: 1000px;
 margin: auto;
}

```

```lia-code-sample
module.js
window.hsConversationsSettings = {
 inlineEmbedSelector: '#hubspot-chat'
};

```

I can see that the chat container is loading, but the actual chatflow isn’t rendering. What am i missing?

For context, our website is hosted on Hubspot.

Any help would be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![STierney](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stierney/32/186066_2.png) [@STierney](https://community.hubspot.com/u/STierney)\
**Post date:** [September 23, 2025, 6:55pm UTC](https://community.hubspot.com/t/embedding-chatflow-inline/139948/2 "2025-09-23T18:55:02Z")

</div>

Hey @DJohnson4 - thanks for posting in the Community!  
Can you please:  
-Provide any screenshot(s) that reflect what you’re seeing on your live page where the chatflow should be rendering  
-A direct link to your page (if published) so that we can try and reproduce the issue on our end  
Shane, Community Manager

---

<div class="post-metadata">

**Author:** ![DJohnson4](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/djohnson4/32/92090_2.png) [@DJohnson4](https://community.hubspot.com/u/DJohnson4)\
**Post date:** [September 24, 2025, 1:36pm UTC](https://community.hubspot.com/t/embedding-chatflow-inline/139948/3 "2025-09-24T13:36:04Z")

</div>

@STierney, I figured it out in the end. It was nothing to do with the code or the chatflow itself, it was actually to do with the webpage and the fact it needed to be published to render the chatflow.