How to Embed Typeform

    Appcues forms are easy to use for short surveys, but we recommend using another form builder for more comprehensive surveys that you expect to receive a lot of data for. You can request a CSV of Appcues data, but a third-party analytics or form tool will give you more insight into and across your user responses.  

    We love using Typeform here and highly recommend their platform for customer feedback forms, quizzes, surveys, etc.  

    To embed a form from Typeform into an Appcues slideout or modal, follow these steps: 

    1. Get the Embed Code of your Typeform

    • In your Typeform account, open the form you are interested in embedding. 
    • Select Share and then Embed and then finally, select Full Page. To grab the code needed to embed your form directly in your Appcues slideout or modal. It may look something like this:
      • <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>NAMEOFTYPEFORM</title> <style type="text/css"> html{ margin: 0; height: 100%; overflow: hidden; } iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; } </style> </head> <body> <iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://appcues.typeform.com/to/D31sos"></iframe> <script type="text/javascript" src="https://embed.typeform.com/embed.js"></script> </body> </html>
        		

    2. Add the embed code to your modal

    • In your Appcues account, open the modal or slideout you would like to embed your Typeform in
    • In the editor, click Advanced --> HTML
    • Paste the Embed script from typeform & you're good to go!
    (Optional) You can also hyperlink your unique Typeform URL to open it in a new tab.

Still need help? Contact Us Contact Us