Hello, I am having an issue where the Hubspot chatbot is showing up inside Typeform popups on my website. You can see the experience at Therahive.com.
We have the chatbot deployed on our website, and it’s working as expected. Except for the fact that the chatbot appears inside popups on the site in addition to at the bottom of the browser window!
I found this documentation from Typeform but it does not appear to have resolved the issue.
Hey @Rsmartly this is due to how typeform is embedding on your page. It is using an iframe, which is essentially another website embedded in a website. It seems your HubSpot tracking code is installed on both, so it is displaying the what icon within the typeform “iframe” and within your main site where the iframe is embedded.
I’d recomend setting up some targeting for your chatflows, if you find the typeform url (it should be within the embed code they gave you) it would have a domain within it (such as typeform.com). You can then set up your chatflow targeting rules to not load on any urls containing that domain.
Hope this helps!
Tom, thanks for responding. I like your suggestion about adjusting the targeting … I tried to use this before submitting this post because I could not get it to work. I’m wondering if I need to do it correctly. The targeting appears to be looking for a website URL or UTM parameter. In this case, when the pop-up loads, there is no change to the URL at the top of the browser. I did try to put in the URL of the typeform itself, and that did not work either. You can see below that I added a few variations to see if any of them worked.
Also not sure if the Typeform embed is an iFrame (looks like JS script):
<button data-tf-popup=“gLFD9VoH” data-tf-opacity=“100” data-tf-size=“100” data-tf-iframe-props=“title=TheraHive Application” data-tf-transitive-search-params data-tf-medium=“snippet” data-tf-hidden=“hubspot_utk=,hubspot_page_name=,hubspot_page_url=” style=“all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#fff;font-size:20px;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;”>Try me!</button><script src=“//embed.typeform.com/next/embed.js”></script>
Does any of this make sense to you?
Hey @Rsmartly it looks like that embed code is juts for a button, my guess is you have a “try me!” button which pops up the typeform?
It would be the url that renders that pop-up that we’re looking for, try "hide chat when website url begins with https://form.typeform.com" I’m pretty sure that’s the url they use to render their forms.
Hey Tom,
Thanks for following up on this! I deployed the change that you suggested and it appears to be working 
Thank you so much for taking the time to provide the guidance here. I genuinely appreciate it. Also, just as an FYI, I am going to share this thread with the Typeform team so that they can update their documentation!
