New wrapped emeding code not passing hidden fields | Community
Skip to main content
Answered

New wrapped emeding code not passing hidden fields


Forum|alt.badge.img

Hi all,

Sometime around November 18, a new wrapped embedding code was rolled out. Unfortunately the new code is not caring on hidden fields when embedded in WordPress, so the other apps like Zapier, are not able to pick hidden fields to process the information. Has anyone experienced a similar situation?

I have been using Zapier to send my Typeform results to a Excel, because Typeform integration to Excel is very limited.

Best answer by mathio-tf

You need to first select “Embed in a webpage” - red, then select an existing embed - blue (or create a new one) and then select the advanced tab - green on your right.

 

What you are doing in the video is updating the hidden field value in the form link, not the embed.

 

The hidden field value will not display in the code, as it is stored on our server and fetched when the form is rendered.

View original

8 replies

James
Community Team
Forum|alt.badge.img+5
  • Community Team
  • 682 replies
  • November 30, 2023

@picsoung @mathio do either of you know if there’s a way to send hidden fields in embedded forms into Zapier, so they can be passed into Excel? Wondering if there’s a workaround for this 🤔 Thanks!!!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • December 1, 2023

Hi @jsaenz 

we are aware the initial version of the new embed code had this issue. However we have recently fixed this issue.

You should be able to build a code like this:

<div data-tf-live="<id>" data-tf-hidden="name=Matej,role=engineer"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

Or alternatively read all params from URL and pass them as hidden fields:

<div data-tf-live="<id>" data-tf-transitive-search-params></div>
<script src="//embed.typeform.com/next/embed.js"></script>

 

Can you please provide an example of you embed code or URL to your page?


Forum|alt.badge.img
  • Author
  • Explorer
  • 10 replies
  • December 4, 2023

Hi @mathio,

This is the code I get when selecting the “Embed your typeform with Wordpress” option:

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

For this particular case I used a hidden field @nameofprogram=Test Program

When used, this code does not carryover the hidden fields into Wordpress or Zappier, making hidden fields unusables.

 

 

 

 

 


Forum|alt.badge.img
  • Author
  • Explorer
  • 10 replies
  • December 4, 2023

As is, that wrapped code does not show the hidden field, and when embedded in WordPress, the hidden field is not being carried into the output of the form 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • December 5, 2023

I can see in your embed code that you do not have a value set for the hidden field.

Did you set the hidden field value under the “Advanced” tab of the specific embed?

This help article might help: https://www.typeform.com/help/a/using-hidden-fields-with-embedded-typeforms-360029264632/

 


Forum|alt.badge.img
  • Author
  • Explorer
  • 10 replies
  • December 5, 2023

@mathio the hidden field should be there, but that is precisely my problem. I have created the hidden field, have added it under the Advanced options, but when I create the embedding code for WordPress, the new wrapped code just doesn't show them. That is the problem.

 

Media not available

 


Forum|alt.badge.img
  • Author
  • Explorer
  • 10 replies
  • December 5, 2023

Check this 

Media not available

 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • December 6, 2023

You need to first select “Embed in a webpage” - red, then select an existing embed - blue (or create a new one) and then select the advanced tab - green on your right.

 

What you are doing in the video is updating the hidden field value in the form link, not the embed.

 

The hidden field value will not display in the code, as it is stored on our server and fetched when the form is rendered.


Reply