Answered

Typeform Embedded HTML Styling on Wordpress

  • 3 May 2024
  • 1 reply
  • 23 views

Hi! 

I need to style my Button for my Embedded Typeform Pop Up on my wordpress website. 

I had someone code my other pop-up embedded typeform and their html looks like this:

<button data-tf-popup="mC5JlXSt" data-tf-opacity="100" data-tf-size="70" data-tf-iframe-props="title=Client Form" data-tf-auto-close data-tf-transitive-search-params data-tf-medium="snippet" data-tf hidden="utm_source=,utm_medium=,utm_campaign=,utm_term=,utm_content=" class="popup_button custom_button_size fusion-button" style="color: #707070; font-size: 26px; cursor: pointer; padding: 13px 26px; width: 235px;" >Get Started<i class="fa-arrow-right fas button-icon-right" aria-hidden="true"></i></button><script src="//embed.typeform.com/next/embed.js"></script>

 

However, I can’t see to understand where to add my embedded Typeform code, which is:

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

 

So, I’ve tried and coded this: 

<button data-tf-live=" **** " data-tf-opacity="100" data-tf-size="70" data-tf-iframe-props="title=BrowLift Form" data-tf-auto-close data-tf-transitive-search-params data-tf-medium="snippet" data-tf hidden="utm_source=,utm_medium=,utm_campaign=,utm_term=,utm_content=" class="popup_button custom_button_size fusion-button" style="color: #707070; font-size: 26px; cursor: pointer; padding: 13px 26px; width: 235px;" >Get Started<i class="fa-arrow-right fas button-icon-right" aria-hidden="true"></i></button><script src="//embed.typeform.com/next/embed.js"></script>

 

However, my button is not working… 

Can anyone help me trouble shoot that? 

 

Thank you 

icon

Best answer by Liz 3 May 2024, 18:24

View original

1 reply

Userlevel 7
Badge +5

Hi @ÉliB Thanks for stopping by the community. We updated our embed code to the live embed, so you will need to base the button coding on the new embed code. 
 

If possible, I’d suggest sending them the Embed SDK to work off of!

Reply