Back to Documentation
Widget Installation
Add the AItocha Surveys widget to your website in minutes.
Quick Installation
Add the following code to your website, just before the closing </body> tag:
Embed Code
<script src="https://aitochasurveys.com/widget.js"></script>
<script>
AitochaSurvey.init({
surveyId: 'YOUR_SURVEY_ID'
});
</script>Finding Your Survey ID
- Go to your survey in the dashboard
- Click "Share" or view the public URL
- Your survey ID is the code after /s/ (e.g., abc123xyz)
- Replace YOUR_SURVEY_ID in the code above
Configuration Options
AitochaSurvey.init({
surveyId: 'abc123xyz', // Required: Your survey ID
position: 'bottom-right', // Optional: Widget position
// position options: 'bottom-right', 'bottom-left'
});Alternative: Data Attribute
For simpler initialization, use a data attribute:
<div data-aitocha-survey="YOUR_SURVEY_ID"></div> <script src="https://aitochasurveys.com/widget.js"></script>
Platform-Specific Guides
WordPress
Add the code to your theme's footer.php or use a plugin like "Insert Headers and Footers".
Shopify
Go to Online Store → Themes → Edit code → Add to theme.liquid before </body>.
React / Next.js
Add the script to your _document.js or use a useEffect hook to load it dynamically.
Webflow
Go to Project Settings → Custom Code → Footer Code section.
Testing the Widget
- Add the code to your website
- Refresh the page
- Look for the floating button in the bottom-right corner
- Click to open the survey
- Submit a test response
- Check your dashboard to confirm the response was received
Troubleshooting
Widget not appearing?
- Check that the survey is published (not draft)
- Verify the survey ID is correct
- Check browser console for errors
- Ensure the script is loading (check Network tab)
- Try clearing your browser cache