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