Answered

Make a Typeform survey start when a new visitor subscribes to Webflow’s email form

  • 21 June 2021
  • 2 replies
  • 108 views

Hello friends,

 

I need help on something a bit advanced in here. When a new visitor signs up and clicks the email form button of my Webflow email form, I would like to automatically launch a Typeform survey as a pop-up.

 

I have already exported the code and pasted it into an EMBEDDED URL in the Webflow website, but the code provided still creates a button that the user needs to press to start the Typeform survey.

 

I would like instead the Typeform survey to be started automatically when the user submits his/her email in Webflow’s email form. I know I should probably change the <a> element in the Typeform survey code (the element is essentially a "Launch me" button) but I am not clear how to do that.

 

Do you possess this wisdom? :)

 

Many many thanks!

 

P.s. Here is the Typeform code, in case you need to reference it. 

 

<div style="text-align:center;"> <a class="typeform-share button" href="https://form.typeform.com/to/OKBkozSg?typeform-medium=embed-snippet#email=email&code=referralCode" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#0445AF;color:white;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:50px;text-align:center;margin:0;height:50px;padding:0px 33px;border-radius:25px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-size="100" target="_blank">Launch me </a> </div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

icon

Best answer by mathio 21 June 2021, 11:33

View original

2 replies

Userlevel 7
Badge +5

Hello @Raffaele 

I think you are looking for “Custom launch options”. You can find it on your typeform share page, in “Advanced” section.

You will find more details on this in help center: https://help.typeform.com/hc/en-us/articles/360049535352-Advanced-embed-options

Userlevel 7
Badge +5

Hi @Raffaele were you able to update your embed code?

Reply