Typeform Embedded HTML Styling on Wordpress | Community
Skip to main content
Answered

Typeform Embedded HTML Styling on Wordpress

  • May 2, 2024
  • 1 reply
  • 165 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 

Best answer by Liz

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!

View original

1 reply

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14971 replies
  • Answer
  • May 3, 2024

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