+2I’m using inSided with my company community as well and have added a Typeform which we’re surfacing with a chat interface. We’ve noticed when we add the code that the chat bubble overlaps with the topic post icon that inSided displays on mobile.
Here’s a screenshot so you can see what I mean:
Is there a way that you can change the position of the Typeform chat bubble somehow. I couldn’t locate any options in Typeform.
Best answer by Scott Baldwin
Thanks everyone. Tried my best but wasn’t able to crack it with my level of CSS skills. There’s just so much competing for the positioning of elements. Found another approach that will do for now until I can get some dev resources to explore options more fully. While not as elegant as the chat experience, it will work.
Went with a popup that triggers via a link and added it to a sidebar HTML widget. Here’s what it looks like:
+6best thing to do is to raise a support ticket with this link here. they are pretty good about looking into the issues and connecting to the product team for issues, etc.
(that is, if you haven’t already)
des
+5I actually want to follow this closely
+2It actually works really well on desktop and the experience is fantastic. Just this problem to work though on mobile. I switched to chat from the pop out as the interaction is much nicer.
+5Nice. Any issues when embedding besides this?
We are actually using the InSided - Productboard integration too (in Beta). But that's a conversation for another day 😋
Any issues getting in touch with our tech support team let us know.
+2None that I’ve found. Works great on topics too.
the beta Productboard integration is ok, but needs work. Not a fan of how they made it per message vs. across an entire topic. Chrome extension is a good workaround.
+5Hi Scott,
This may require some dev work from your side to adapt the code snippet to it displays differently on mobile.
You could probably rely on our Embed SDK to achieve this.
If Insided let you add some custom CSS rules you can add a rule so that on mobile the popever comes from the left instead of the right.
Another alternative coud be to find the line that says `right:26px;` and remove it. this will change both desktop and mobile experience and have the popover aligned to the left.
+2Thanks everyone. Tried my best but wasn’t able to crack it with my level of CSS skills. There’s just so much competing for the positioning of elements. Found another approach that will do for now until I can get some dev resources to explore options more fully. While not as elegant as the chat experience, it will work.
Went with a popup that triggers via a link and added it to a sidebar HTML widget. Here’s what it looks like:
+5Thanks for the heads up
Have a fantastic weekend
+5Hi
+5Thank you, 
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
