Signup
Signup
  1. Help
  2. Advanced
  3. Sharing, embedding & notifications
  4. Advanced embed options

Advanced embed options

If you want to choose how your audience interacts with your embedded typeform in a popup, a slider, a popover or a side tab, the advanced embed feature is for you.

Advanced embed options and Close embed on completion are available on our Business plan.

To set up your advanced embed:

1. Go to the Share panel and click Embed in a web page. Select Popup, Slider, Popover or Side tab as your embed type:

advanced_embed01.png

2. Alternately, if your typeform hasn't yet been published, click Publish from the Create panel and choose Popup, Slider, Popover, or Side tab in the pop-up sharing menu:

shareoptionsmini.png

3. Now click Advanced settings on the right hand side. 

Screenshot_2023-01-19_at_16.10.19.png

4. Toggle the switch next to Custom launch options or Close on submit to enable the settings:

Screenshot_2023-01-19_at_16.11.36.png

5. Toggle on Custom launch options. Click the arrow to open the dropdown list and select one of the options:

Screenshot_2023-01-19_at_16.12.24.png

You can also toggle Show launch button. If this option is toggled off, the typeform will launch automatically, according to the trigger you've set. 

Screenshot_2023-01-19_at_16.14.14.png

6. Toggle the Close on submit switch. If this option is enabled, the typeform will automatically close after the respondent has submitted their answers. You also have the option to enter the number of seconds after which your typeform will close following submission.

Screenshot_2023-01-19_at_16.15.10.png

7. When you’re happy with your advanced settings, hit Start embedding:

2023-03-16_13-58-00.png

8. Copy the code and paste it in a website to embed your typeform.

If you're using Wordpress, Squarespace, Webflow, or Shopify to embed your typeform, click on the dropdown to select your website builder for specific embedding instructions. 

advanced_embed08.png

You’re good to go. Now when people open the page your typeform is embedded into, they’ll see it according to your advanced settings. For example, your typeform will appear when they load the page, and it will close automatically 5 seconds after they submit it.

HC_Note_new.png
Note! If you change these advanced settings, to get the changes to appear on your website, you must copy the code again. Then replace the old Typeform embed code in your website with your new version.

Tap into our community knowledge

Find Answers
Contact Support