You can embed PaperSurvey forms directly into your website pages, allowing visitors to complete surveys without leaving your site. This creates a seamless experience that matches your website's design and maintains visitor engagement.

Embedding with JavaScript

The easiest way to embed your survey is using our JavaScript snippet:

1. Navigate to your survey settings
2. Click "Embed Code" to generate the snippet
3. Copy the provided code
4. Paste it into your website's HTML where you want the survey to appear

The embed code automatically handles:

• Responsive sizing to fit different screen sizes
• Height adjustment based on survey length
• Cross-browser compatibility
• Mobile device optimization

Customizing the embedded survey

To make the survey blend seamlessly with your website:

Custom CSS: Add styles in the survey settings to match your site

• Font families and sizes
• Colors and backgrounds
• Button styles
• Spacing and margins

Example CSS:

body { font-family: 'Your-Font', sans-serif; }
.submit-button { background-color: #your-color; }

If you need help with CSS customization, your web developer can assist with matching your site's design.

Important considerations

Browser compatibility: The embed includes a fallback link reading "Click here to complete the survey" for visitors using:

• Privacy-focused browser extensions that block iframes
• Older browsers with limited iframe support
• Corporate networks with strict security settings

Security restrictions: Some websites may prevent embedding due to:

• Content Security Policy (CSP) settings
• X-Frame-Options headers
• HTTPS/SSL requirements

If embedding doesn't work on your site, consider using a custom domain instead.

Alternative: Custom domain hosting

For complete control over the survey experience, Enterprise Plus subscribers can host surveys on their own domain:

• Full branding control
• No iframe restrictions
• Direct URL access
• Better for branding and sharing

Learn more about custom domain setup.

Troubleshooting common issues

Survey not displaying?

• Check if your CMS stripped the JavaScript code
• Verify the embed code was pasted correctly
• Test in a different browser
• Check browser console for errors

Mobile display issues?

• Ensure your page is mobile-responsive
• Test on actual devices, not just browser tools
• Check for horizontal scrolling

Need technical assistance? Our support team can help troubleshoot embedding issues and provide guidance for your specific website platform.