Signup

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.

To set up your advanced embed:

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

2023-07-24_12-20-39.png

 

2. Now click Advanced settings on the right-hand side. 

Screenshot_2023-01-19_at_16.10.19.png

3. 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

4. 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

If you choose the Pop-up or Slider embed type, you can also toggle the 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

5. 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

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

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

7. 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 edit these advanced settings, click Apply changes for the new advanced settings to appear on your website. Any changes to the advanced settings will be applied automatically on your website.

Tap into our community knowledge