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 form 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. Grab the embed code

    In your Typeform account, open the form you are interested in embedding. 

    Select 'Share' and then 'Embed' and then finally, select 'Full Page' to get the code needed to embed your form directly in your Appcues Slideout or modal. It may look something like this

    Copy the code, but adjust the following style (highlighted above) to ensure the form displays well inside of your Modal or Slideout

    Original

    iframe { position: absolute; left:0; right:0; bottom:0; top:0; border:0; }

    Updated

    iframe { height: 300px; }

    You can fine tune the height of your form by changing the pixel value of the height in this snippet

    2. Add it to your Modal or Slideout

    Navigate back to your Appcues account, open the Modal or Slideout you would like to embed your Typeform in and select the green '+' arrow > Advanced > HTML and paste the embed script from Typeform & you're good to go!

    ProTip: You can also hyperlink your unique Typeform URL in text, or use it in a button to open it in a new tab


    If you have any questions about embedding your Typeform into the modal that weren't answered here, feel free to reach out to us at support@appcues.com

Still need help? Contact Us Contact Us