Menu

I'm using a Typeform in my course, can I pass the user's name and email as a hidden field?

Note: This solution only currently works for users using our pre-V2 course player. If you have any questions about this at all, please don't hesitate to get in touch.


If you're using a Typeform within your course as a multimedia lesson, you're able to pass the user's name and email over to Typeform as a hidden field.


Step 1. Follow these instructions to set up your hidden fields on Typeform.


Step 2. On Thinkific, you'll need to paste the following script under Advanced Settings > Site Footer Code:


<script>
    $(function() {
        if(typeof(CoursePlayer) !== 'undefined') {
            CoursePlayer.reopen({
                ready: function() {
                    this._super();
                    var IframeRoute = this.__container__.lookupFactory("route:iframe")
                    IframeRoute.reopen( {
                        setupController: function(controller, model) {
                            this._super(controller, model);
                            var src = model.get("contentable.source_url");
                            if(src && src.indexOf("typeform") != -1) {
                                model.set("contentable.source_url", src + "?email=" + encodeURIComponent(Thinkific.current_user.email) + 
                                    "&name=" + encodeURIComponent(Thinkific.current_user.full_name));
                            }
                        }
                    });
                }
            });
        }
    });
</script>

 

Step 3. When creating your Multimedia lesson, use the standard URL for sharing.


USE https://tutorials .typeform .com/to/nzthWI

 

NOT https://tutorials .typeform. com/to/nzthWI?name=xxxxx&email=xxxxx 


(The script will add the part shown in red to the URL for you)


And that's it! When users take your Typeform on Thinkific, their name and email will be captured without you needing to ask them.


***This is a generic script for passing the user email and name variables into an iframe. It works for other things besides Typeform, so give it a try. And if you find a novel use for it, please share it below!***


Hi Greg!


Are you using our V2 course player? This script was originally written for the older version of the course player, so if you switch to that version you should see it working.


For getting it working in V2, we are looking into some options for that so please bear with us!


Happy to help if you have any further questions at all,


Thanks,

Catherine

Hi Catherine, 


This is a great feature!  I tried to get this to work and have followed these steps:

1. Added the JS to the footer in Thinkific

2. Created my typeform including two hidden fields: email and name

3. Created the multimedia lesson and used the new typeform URL without the name/value pairs.


In debugging the screen with Chrome i see the footer JS but the email and name do not get copied over into the typeform results.

Login to post a comment