Answered

Embed typeform on the left side

  • 24 May 2021
  • 2 replies
  • 182 views

Hello, 

I was wondering if it was possible to embed a typeform popover on the left side of the page instead of the right side? Currently on the right side of the page we have our chat widget there and if we embed the the typeform there it blocks the chat or vice versa the chat will block the form. 

icon

Best answer by mathio 31 May 2021, 16:50

View original

2 replies

Userlevel 7
Badge +5

Hi @Wilson H welcome to the community! We don’t currently have an out-of-box way to move the chat icon from the right to the left. :\ Though, it may be possible that @picsoung or @mathio have a workaround!

Userlevel 7
Badge +5

Hello @Wilson H  and @Liz 

I think it is doable with some CSS:

<style>
.typeform-popover {
left: 26px !important; /* move the popover to left */
width: 200px; /* limit popover width */
}
.typeform-popover-button {
left: 26px !important; /* move the button to left */
}
</style>

<div data-tf-popover="Cqrg7cgL"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

Example: https://glitch.com/edit/#!/ring-rounded-ridge

Please keep in mind this is a workaround and it is not guaranteed to be supported in future. I would suggest to install the library locally (yarn add @typeform/embed) to prevent future updates from breaking it for you.

Reply