Autosave not working for embedded typeforms | Community
Skip to main content
Question

Autosave not working for embedded typeforms


I have several Typeforms embedded in my Thinkific site. I have enabled autosave in the Typeforms so that users can step out and their responses will be saved for the next time they come back to the Typeform. However, the embedded Typeforms are not autosaving. Each time a user leaves and returns, they get a new Typeform, not the one they left partially filled. How to correct this?

13 replies

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

@mathio do you happen to know if this feature changes in embedded forms? I haven’t seen this, but I could have missed something!


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

The feature should work for embedded forms too. Keep in mind that the questions will be pre-filled with previous answers, however the respondent will need to start from the beginning each time. The feature might not work in incognito browsers.

Can you please share your website where you are experiencing the issue?


  • Author
  • Explorer
  • 1 reply
  • April 2, 2023

Thanks, @mathio! The website is a Thinkific course that embeds Typeform in a lesson using the externally hosted content option.


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

Thanks. If you can share a direct link to your embedded typeform I can have a look what the issue might be. In case it is a private content feel free to share this with me in a private message here in Community.


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

Hi @Nson Were you able to send over a link to the form? Let us know if you still need help!


August 2024: Was there a solution? Our embedded typeform is having a similar issue. We don’t know if the client used an incognito browser or not. 

The client gave us this feedback “Kicked me out twice as I was looking up data and did not saving anything - had to start over again.”


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

Hi @Mike in Chicago , Liz here from Chicago! Could you share the URL of your embedded form so we can take a look? 


Hi, I did include in my request. But here it is again: 
 

 


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

Thanks, @Mike in Chicago ! However, could you please share the embedded url


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

 


<div class="mail-wrapper" style="" lang="und" dir="auto"> <table align="center" class="wrapper" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%"> <tbody> <tr> <td> <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="wrapper-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#FFFFFF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div style="margin:0px auto;max-width:640px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:0;text-align:center"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div class="" style="margin:0px auto;max-width:640px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:640px;" ><![endif]--> <div class="mj-column-px-640 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top" width="100%"> <tbody> <tr> <td align="left" class="" style="font-size:0px;padding:10px 25px;word-break:break-word"> <div style="font-family:'Karla',Helvetica,Arial;font-size:22px;font-weight:normal;line-height:32px;text-align:left;color:#3D3D3D"><strong>Before you start..</strong>.</div> </td> </tr> <tr> <td align="left" class="" style="font-size:0px;padding:10px 25px;word-break:break-word"> <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Ubuntu,Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none"> <tbody><tr><td style="font-size:48px;color:#BB815C;vertical-align:top;width:24px"><mj-text css-class="" font-size="48px">"</mj-text></td><td colspan="4" style="color:#3D3D3D;font-family:'Karla',Helvetica,Arial;font-size:16px;font-weight:300;line-height:18px;height:18px"><mj-text css-class="" color="#3D3D3D" font-family="'Karla', Helvetica, Arial" font-size="16px" line-height="28px"><strong>Please gather relevant information </strong>about your property, including all owner and spouse social security numbers, broker contact information, current mortgage statement, and HOA info (as applicable). <br><br><strong>This form works best from a desktop computer. </strong>It works best with Chrome or Firefox, but doesn't play well with Internet Explorer. <br><br><strong>You can stop and continue.</strong> Simply resume from the same computer and browser. Your information should remain for several days. <br><br>If you don't have or prefer not to share something online —simply skip the question and we will contact you to fill in the blanks.<br><br>If you have any questions or concerns, call us at 312-726-1512.</mj-text></td></tr> </tbody></table> </td> </tr> <tr> <td align="left" class="" style="font-size:0px;padding:10px 25px;word-break:break-word"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%"> <tbody> <tr> <td align="center" bgcolor="#0BAA36" role="presentation" style="border:none;border-radius:4px;cursor:auto;height:42px;mso-padding-alt:6px 14px;background:#0BAA36" valign="middle"> <a href="https://michaelhwasserman.typeform.com/to/sC4Jgz?typeform-medium=embed-email" style="display:inline-block;background:#0BAA36;color:#FFFFFF;font-family:'Karla',Helvetica,Arial;font-size:20px;font-weight:700;line-height:28px;margin:0;text-decoration:none;text-transform:none;padding:6px 14px;mso-padding-alt:0px;border-radius:4px" target="_blank"> Start now </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--> <div class="" style="margin:0px auto;max-width:640px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center"> <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:640px;" ><![endif]--> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top" width="100%"> <tbody> <tr> <td align="center" class="" style="font-size:0px;padding:10px 25px;word-break:break-word"> <div style="font-family:Helvetica,Arial;font-size:12px;font-weight:normal;line-height:1;text-align:center;color:#3D3D3D">Powered by <a color="#3D3D3D" href="https://www.typeform.com" style="color:#3D3D3D;text-decoration:none;font-weight:bold">Typeform</a></div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]--> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]></td></tr></table><![endif]--> </td> </tr> </tbody> </table> <style>#outlook a{padding:0}body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}table,td{border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt}img{border:0;height:auto;line-height:100%;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic}p{display:block;margin:13px 0}@media only screen and (min-width:480px){.mj-column-px-640{width:640px !important;max-width:640px}.mj-column-per-100{width:100% !important;max-width:100%}}.moz-text-html .mj-column-px-640{width:640px !important;max-width:640px}.moz-text-html .mj-column-per-100{width:100% !important;max-width:100%}.mj-column-px-640{width:100% !important;max-width:640px}/*!sc*/data-styled.g1[id="sc-global-juhJZJ1"]{content:"sc-global-juhJZJ1,"}/*!sc*/</style><link href="https://font.typeform.com/dist/google/ubuntu/index.css" rel="stylesheet" type="text/css"><link href="https://font.typeform.com/dist/google/karla/index.css" rel="stylesheet" type="text/css"></div>


Above are the website embed and the email embed


picsoung
Typeform
Forum|alt.badge.img+5
  • Developer Advocate @ Typeform
  • 384 replies
  • August 15, 2024

Hi @Mike in Chicago 

Thanks for sharing those.
I just went ahead and tested your form, and the autosave function worked as expected.
It worked both in this thread with the embedded form and on a blank HTML page copying your embed code.

Could there be something in the code of your page that prevents this feature from functioning?
Could it be a strict ad blocker preventing the storage of data in LocalStorage (what we use to store users’ progress)?

Also, the user must access the typeform from the same device. If I open the form on mobile and desktop, I will get two different responses.