Copy Full Questionnaire Embed Code

At a Glance

Generate and copy embed code to display your entire engagement questionnaire directly on your own website. Full embed allows participants to complete the questionnaire without leaving your site, providing a seamless user experience while maintaining your website's branding and navigation.

Full embeds display the complete questionnaire experience minus the header and footer elements.

Core Steps

1. Navigate to Ask > Surveys > Build select your survey
   
   
    
2. Click the Share tab
   
   
    
3. In the Full Embed section, click Copy Code Snippet
   
   
4. Paste the code into your website's HTML where you want the questionnaire to appear
5. The complete questionnaire displays and functions within your website

In-Depth Guide

Accessing Full Embed Code

To generate your full embed code:

1. From your engagement questionnaire, click the Share tab in the main navigation
2. Locate the Full Embed section in the sharing options
3. The section displays: "Embed the entire engagement (minus the header and footer) on your own website."
4. Click the Copy Code Snippet button to copy the embed code to your clipboard

Understanding Full Embed Functionality

What full embed includes:

The full embed displays your complete questionnaire with:

• All question content exactly as configured in your questionnaire
• Interactive functionality including form submission and validation
• Progress indicators and navigation elements
• Response collection that integrates with your Zencity analytics
• Access controls respecting codes, timing, and visibility settings

What's excluded from embed:

• Zencity header navigation
• Platform footer elements
• External site navigation that might distract from participation

Implementing Full Embed on Your Website

To integrate the questionnaire into your site:

1. After clicking Copy Code Snippet, you'll see a green notification: "Code Snippet Copied to Clipboard"
2. Navigate to your website's content management system or HTML editor
3. Create a dedicated page or section for the engagement
4. Paste the embed code where you want the questionnaire to appear
5. Save and publish your page changes

Recommended implementation approaches:

• Create a dedicated engagement page with the embed as the primary content
• Add the embed to existing project or community pages
• Include within a modal or popup for targeted presentation
• Integrate into multi-step processes or guided user flows

Design and User Experience Considerations

Page layout optimization:

• Provide adequate space for the questionnaire to display properly
• Consider mobile responsiveness and different screen sizes
• Ensure sufficient contrast and readability
• Maintain clear navigation back to your site's other content

User experience best practices:

• Include introductory text explaining the engagement purpose
• Provide context about how responses will be used
• Consider adding completion incentives or follow-up information
• Ensure smooth integration with your site's overall design

Technical Implementation Details

Embed requirements:

• Modern web browser support for iframe or JavaScript embedding
• Sufficient page width and height to display questionnaire content
• No blocking of external content or embedded frames
• Compatible with HTTPS websites for secure data transmission

Responsive behavior:

• Questionnaire automatically adapts to available space
• Mobile-optimized display on smartphones and tablets
• Maintains functionality across different screen orientations
• Preserves question formatting and user interface elements

Managing Embedded Questionnaires

Content updates:

• Changes made to your questionnaire automatically appear in embedded versions
• No need to update embed code when modifying questions or settings
• Real-time reflection of status changes (open, closed, offline)
• Consistent experience across embedded and standalone versions

Analytics and tracking:

• Responses submitted through embedded questionnaires appear in your standard analytics
• UTM parameters and tracking continue to function normally
• Full integration with your engagement reporting and analysis

Understanding the Details

Data Collection and Security

Full embeds maintain the same data collection and security standards as standalone questionnaires. All responses are encrypted and transmitted securely, with participant privacy protected according to your organization's data policies.

Branding and Customization

While the embed removes Zencity's header and footer elements, your questionnaire content, styling, and branding remain intact. This creates a cohesive experience that feels native to your website while maintaining questionnaire functionality.

Performance and Loading

Full embeds are optimized for quick loading and minimal impact on your website's performance. The questionnaire loads asynchronously to avoid affecting your page's overall speed and user experience.

Important Notes

Complete Functionality: Full embeds provide the identical questionnaire experience as standalone versions, including all interactive features and response collection.

Automatic Updates: Embedded questionnaires automatically reflect changes made to your engagement without requiring code updates.

Security Maintained: All access controls, security settings, and data protection measures remain in effect for embedded questionnaires.