Creating a successful embed code using another's example | Community
Skip to main content
Question

Creating a successful embed code using another's example


Nell100
Forum|alt.badge.img+1

Hi there, I’m trying to have the Typeform I created embedded in my company’s website (to complicate things, I don’t know if it’s a WP site or other).

I used the embed code for “General embeds” as follows and it wasn’t successful:

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

Another colleague successfully embedded his Typeform in the same website using this code:

<div id="survey"></div>

<div data-tf-widget="jN0ujUZg" data-tf-opacity="100" data-tf-iframe-props="title=NIS2 Preparedness Self-Assessment" data-tf-transitive-search-params data-tf-medium="snippet" style="width:100%;height:570px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

Based on my colleague’s example, what code should I use?

Thank you.

12 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • December 22, 2023

Hi @Nell100 Thanks for stopping by the community! Do you mind sharing a bit more about what wasn’t successful about the embed code? If you have a link where the embed is so we can take a look, that would be helpful. 


Grace
Community Team
Forum|alt.badge.img+5
  • Community Advocate
  • 2576 replies
  • January 2, 2024

Hi @Nell100 Happy New Year! Do you still need help with the embed code? Let us know if you do and if you have any examples of the embed to share that’d be great 😊


Nell100
Forum|alt.badge.img+1
  • Author
  • Socializer
  • 14 replies
  • January 4, 2024

Hi, yes I do still need help please. Sorry, I’ve been on leave.

The address below is where my colleague is trying to embed it under the “Take the Self-Assessment” button. Can you see that?

 

https://isg-cnt.sitefinity.cloud/advisory/experience-assessment-center/


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • January 4, 2024

Thanks, @Nell100 ! I’m not seeing the form live on the website - do you mind sharing a screenshot of how you’re embedding it? The code is showing it should be there, but it seems to be hidden. 


Nell100
Forum|alt.badge.img+1
  • Author
  • Socializer
  • 14 replies
  • January 4, 2024

Hi Liz,

Thanks for your reply. 

Here are some screenshots of the steps I took.

  1. Select Share/Embed in a web page
  2. Click View Code button in top right corner
  3. Select General Embeds and click Copy

It’s a bit tricky because I don’t have access to the webpage where it’s being inserted. Instead, I sent the copied code to my colleague in another country and they inserted it.

Hope this is what you’re after. Thanks so much for helping, Liz.

 


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • January 5, 2024

Ah, got it, @Nell100 ! Unfortunately I’d need to see how they’re adding the code to the website itself. Do you mind obtaining screenshots of that? 


Nell100
Forum|alt.badge.img+1
  • Author
  • Socializer
  • 14 replies
  • January 6, 2024

Ok, Liz. I’ll get those screenshots and send to you. Thank you again.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • January 8, 2024

Thanks, @Nell100 !


Nell100
Forum|alt.badge.img+1
  • Author
  • Socializer
  • 14 replies
  • January 29, 2024

Hi Liz. We’ve resolved this and it’s working now. Thank you so much for your help.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • January 29, 2024

Glad to hear it, @Nell100 ! What solved the issue? 🤔


Nell100
Forum|alt.badge.img+1
  • Author
  • Socializer
  • 14 replies
  • February 1, 2024

Liz, I’m not sure. They said it was just a small adjustment. Thanks again.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • February 1, 2024

Not a problem, @Nell100 ! Let us know if you think of any other questions. 😁


Reply