How to embed your survey in Web Pages?
Embedded survey and how to integrate them into a web page
Embedding your survey gives you the option of embedding feedback surveys in website or products. Embedded surveys provide insightful data such as usability, user impressions, and how effective the user found your website. You can also use embeds to collect leads from your website. Embed option in SurveySparrow supports three types of data collection.
1. Pop Up Card
This survey will show the users one question at a time on a card. This surveys will trigger proactively to the users when set conditions are met. You can control triggering options like the time after loading, the portion of website that has been scrolled through, or the presence of matching string URL pattern.
2. Chat type
This type of survey is when users can invoke a chat survey by clicking on a button present in the web page. You can use this feedback button option to collect data reactively. The users who wishes to provide feedback can click on this button and proceed with the survey.
3. Inline Embed
You can use this option to embed a complete survey to your page. You can control the width and height of the window as well as the window styling. This type of survey is ideal to collect short and crisp feedback.
These are the steps to create embeds and copy the code snippet:
- From the Share options, select Embed to create an embed share. Click on New Share.
- Rename the Embed Share in the upper-left side of the page so it is easily recognizable.
- From the three modes available (Pop-up Card, Chat and Inline Embed), choose the widget type you prefer.
- Customize the widget by configuring colors, position, sample rate and triggering options.
- Below the configuration options, you'll see the embed code snippet. Use the dropdown at the header of the snippet to choose either JavaScript or WordPress code based on your website, then click Copy to copy the code.
- Select Save & Exit in the upper-right corner.
- Now that you have copied the desired code snippet, paste the code anywhere between the <body></body> tag of your html code to register the survey widget.
- You have successfully registered the chat widget which is now ready to use!
Note:
- Chat type and Pop-up Card are only supported by Chat Surveys.
- Surveys created using the "Create Unique Survey Links" API cannot be rendered using the Embed Share inline script. Embed Share channel tokens are tied to the Embed channel, while unique link tokens are associated with the Email channel. Because the unique link token is not linked to the embed channel, the widget will not load and will fail to render.
Please reach out to us if you have any questions. We are just a chat away!