Skip to main content
Question

Style and customize embeded typeform

  • April 28, 2023
  • 2 replies
  • 298 views

I am hoping to use embedded Typeform surveys within my site to gather user feedback. Currently using the react library to embed Typeform. 

I have 2 requirements in order for this to work for us:

  • How can I adjust the styling of the embedded typeform survey (see screenshot below)
  • How can I detect when the survey has been completed so I can unmount the survey from the dom? 

 

 

2 replies

  • Author
  • Explorer
  • April 28, 2023

UPDATE:

I was able to detect user form submission with the onSubmit prop on the Typeform Widget component.

 

I am still in need of restyling the Typeform content (padding and font size)


  • Navigating the Land
  • April 30, 2026

Customizing embedded Typeforms can definitely get tricky, especially when you’re trying to match them with your site’s overall style. One thing that helps is thinking beyond just CSS tweaks and focusing on visual consistency, like fonts and text presentation. I ran into a similar situation and found tools like useful for generating creative text styles that can inspire how form headings or labels look, making the embed feel more cohesive with the brand.