APIs & Integrations

morgan3
Member

Removing Live Chat from some pages on Single Page Application

SOLVE

Is there any way to remove the chat bubble from certain URLs on a Single Page Application. Adding URL's in targeting does not work because URLs aren't reloaded on Single Page Applications.

This is a serious limitation to Live Chat. In our case it makes it unusable.

Is there any workaround? Even if we could only have it on our home page it would be somewhat usable - but as it is it's either on every page or none. That's not viable - especially when the bubble's position is not movable.

1 Accepted solution
cbarley
Solution
HubSpot Alumni
HubSpot Alumni

Removing Live Chat from some pages on Single Page Application

SOLVE

Hey @morgan, thanks for your HubID and the extra info. I thought maybe only a part of your site was an SPA, which is why I pointed out those settings. Yes we are working in fixing the messages widget for SPAs. There are no workarounds at the moment, but you should expect a fix in January or February.

View solution in original post

26 Replies 26
cbarley
HubSpot Alumni
HubSpot Alumni

Removing Live Chat from some pages on Single Page Application

SOLVE

Hi @morganthunder / @AlexLillo , Morgan, it looks like your HubID was already ungated for this feature a few weeks ago, did you ever receive an email from our team to invite you to view the gated documentation? You can access different widget methods by using 

window.HubSpotConversations.widget

if you are ungated.

 

Either way, this feature should be rolled out today, so both of you will be able to access this within 24 hours.

0 Upvotes
morganthunder
Participant

Removing Live Chat from some pages on Single Page Application

SOLVE

Hi - thanks for the reply. Yes that is our ID but no I never got any email about this.  I tried to check out the documentation you've linked to but it says password required and when I enter 'livechat' for password as you suggest it says the password is incorrect.

 

Thanks,

 

Morgan

0 Upvotes
cbarley
HubSpot Alumni
HubSpot Alumni

Removing Live Chat from some pages on Single Page Application

SOLVE

I've DM'd you @morganthunder 

0 Upvotes
AlexLillo
Member

Removing Live Chat from some pages on Single Page Application

SOLVE

Hi Connor,

 

Same situation here, we have a React SPA and can't use the chat because we only want it on a particular route. I tried to add it via tag manager instead but same issue happens, once the trigger fires the chat stays there forever. Could you add us to the beta testing? Our ID is 4066954.

 

Thanks,

Alex

0 Upvotes
morgan3
Member

Removing Live Chat from some pages on Single Page Application

SOLVE

Hi Connor - thanks for the reply. My id is 5145543 far as I know (that's what shows up in the URL).

I did explore the options you point to - in fact that is the precise problem I was pointing to. Entering URL's in these settings only has an effect if I refresh a page on our SPA. Obviously that isn't practical. So for example, a page I don't want the chat bubble and whose URL I've excluded via these settings will show the bubble when I navigate to it, but if I hit refresh it will disappear.

I assume you are aware of this problem if you say you are working on it.

Please do let me know when there is a fix or if you know any workaround. Hubspot is no use to me until then as I only signed up for this live chat feature.

Thanks,

Morgan

0 Upvotes
cbarley
HubSpot Alumni
HubSpot Alumni

Removing Live Chat from some pages on Single Page Application

SOLVE

Hi @morgan, adding the ability to change URLs on SPAs for the chat widget is something our team is actually working on as we speak so it should be possible soon, though I don't have a hard date for that. As I know it, however, you should be able to specify which pages it appears on and not have it on every single page. You can get to the settings of a chat widget by going to Settings > Conversations > Inboxes > Hover over your inbox and click edit > Chat > Hover over the targeted message and click edit > Targeting. The URL structure to get there is here: https://app.hubspot.com/live-messages-settings/3430672/inboxes/956/message/6329

Here's what this page looks like:

Have you explored these settings? The knowledge article is here: https://knowledge.hubspot.com/articles/kcs_article/conversations/how-to-use-conversations -- if you command + F for "Targeting" you'll find it.

Edit -- can you also pass along your HubID so we reach out directly when the SPA compatibility for Messages comes out? Thanks!