New feature

📣 New feature alert! Live form embedding

  • 1 August 2023
  • 18 replies
  • 609 views
📣 New feature alert! Live form embedding
Userlevel 7
Badge +5
  • Tech Community Advocate
  • 13637 replies

Happy August, typeformers!

 

For those of you who love to embed your typeforms, you’re really going to dig this new feature. 

 

Our product team has made a small (but mighty!) update to the embed code. Previously, if you made any changes to the design of the embed (such as the button text/colors/etc), you needed to re-embed the code for those changes to go live. 

 

Now, with our updated live embed feature, you can make any changes to the look of your embedded typeform and those changes will automatically reflect in your embedded typeform. No more need to re-embed each time you make a change!

 

Watch the video below to learn more about this feature or read about it in our Help Center article here

 

 

As always, share any feedback or comments in the thread below. 

 

Happy embedding!

 


18 replies

Badge

Happy August, typeformers!

 

For those of you who love to embed your typeforms, you’re really going to dig this new feature. 

 

Our product team has made a small (but mighty!) update to the embed code. Previously, if you made any changes to the design of the embed (such as the button text/colors/etc), you needed to re-embed the code for those changes to go live. 

 

Now, with our updated live embed feature, you can make any changes to the look of your embedded typeform and those changes will automatically reflect in your embedded typeform. No more need to re-embed each time you make a change!

 

Watch the video below to learn more about this feature or read about it in our Help Center article here

 

 

As always, share any feedback or comments in the thread below. 

 

Happy embedding!

 

Hi Liz!

 

Can different team members edit the same embed? Or are they personal?

Userlevel 7
Badge +5

Hi @netfuzzer Just to clarify, do you mean edit the embed settings in the builder? 

with this awesome new feature, Is it possible to change the inline css to change the font-family of the embedded button?

solved 😀
Just add a class to the div container and add some custom css to is.


<div class="tf-button" style="padding: 0 20px 20px 0;" data-tf-live="xxxxxxxxxxxxx"></div><script src="//embed.typeform.com/next/embed.js"></script>

.tf-button button {
font-weight: unset !important;
font-family: unset !important;
height: 37px !important;
line-height: 37px !important;
}

 

Userlevel 7
Badge +5

@centervanliempd glad you were able to find a solution ha! Let us know if you have any other questions. 😀

Badge

Hey @Liz,

I love this feature, but somehow the side tab is showing up twice on our client’s blog. The new code snippet is implemented only once, but I am afraid there might be the old HTML code in there as well. Can you do me a favor and send me an example of the old HTML code so I can go through the website code and delete it (I can’t find it nowhere anymore).

 

Thanks in advance,

Felix

 

Userlevel 7
Badge +5

Hi @saphiron I’m afraid I wouldn’t have any old code available, but I would suggest searching for “typeform” in the code itself to find any traces of the embed code!

Badge

@Liz,

thanks for your response. Actually we realized there is no old code on the page. It seems to be a bug? Has someone reported this besides us? Here is an example: https://www.spized.com/de/magazin/trainingslager-tipps

Userlevel 7
Badge +5

Hi @saphiron Ohhh I see what you’re saying. I just viewed the URL on Safari but didn’t see the issue. Do you know what device/browser you’re seeing the issue on? 

Badge

@Liz That would be Windows 11 with Chrome. I know my client is using a Mac, though. Same issue. Thanks for looking into this?

Userlevel 7
Badge +5

Hi @saphiron The screenshot above is from a mobile device - do you happen to know what device that’s appearing on? 

@mathio you don’t happen to see this on your end, do you? 

Userlevel 7
Badge +5

Hello @saphiron I can see this embed is loaded twice:

I didnt find this HTML embed code in your website source code twice. Are you sure you are not loading the embed by other means?

is this only available for webpages? it would be really useful in embed emails as well..

Userlevel 7
Badge +5

@felipe barreto unfortunately due to constraints of email platform and clients in general, this is for websites only.

Userlevel 1
  1. @mathio @Liz  Thanks y’all. Mathio said this is for websites only. This leads to 2 new points.

    Does it auto-adjust on all browsers and mobile or not? I think so = therefore thank you
  2. NEW IMPORTANT: it really would be great IF it auto-adjusts in emails too. Is there any way to do that at all ? Find out . In fact this point is SUPER important. “IF” it can be done - then “wow”! !!  :)  [However I realize this is not easily possible!]

    If not - then the workaround is a “image” that the user must click that “takes them to a new URL with typeform” and of course that can be adjusted as per original post above.
Userlevel 7
Badge +5

Hi @Brainman To answer your questions, 

  1. Yes, it does!
  2. It does auto-adjust in emails however, it is really dependent on the email service provider and the email provider of the respondent. 

I hope this helps a bit!

Userlevel 1

@Liz  This is great! Then one creative idea that marketers would love is if there was a “[adjustable] countdown timer” . That would be priceless as one could use that in emails and elsewhere, but all synched to a central countdown timer that one (me) has control over at Typeform HQ (my dashboard: meaning I can even re-set it )!

 

Userlevel 7
Badge +5

I would love that, too, @Brainman ! I’ll share your +1 to the product team. 😀

Since Typeforms are an embedded element, there can be a limitation with us 'seeing' any of the form data on the website since it's technically being served from another place on the web. What options do we have for collecting external data like the referring url and passing it along to our Typeform as the source? Aka, we get a client on our site from a Google Ad and when they complete the form, we loose all the referring source data. 

Reply