Copy CTA Widget Embed Code for Your Engagement Quesitonnaire

At a Glance

Generate and copy embed code for a responsive Call-to-Action (CTA) widget that can be added to your website. The CTA widget displays up-to-date information about your survey including status, statistics, and a direct participation link, providing dynamic promotion without requiring manual updates.

CTA widgets automatically reflect your questionnaire's current status and encourage participation directly from your website.

Core Steps

1. Navigate to Ask > Surveys > Build select your survey
   
   
    
2. Click the Share tab
   
   
3. In the CTA Widget Embed section, click Copy Code Snippet
   
   
4. Paste the code into your website's HTML where you want the widget to appear
5. The widget displays automatically with current engagement information

In-Depth Guide

Accessing CTA Widget Embed Code

To generate your widget embed code:

1. From your engagement questionnaire, click the Share tab in the main navigation
2. Locate the CTA Widget Embed section in the sharing options
3. The section displays: "Add a responsive widget to your website that displays up-to-date information, status, statistics, and call-to-actions."
4. Click the Copy Code Snippet button to copy the embed code to your clipboard

Understanding CTA Widget Functionality

What the widget displays:

The CTA widget is a dynamic, responsive component that shows:

• Current engagement status (Open, Upcoming, Closed)
• Real-time statistics such as participation counts
• Call-to-action button for direct participation
• Engagement title and description
• Time-sensitive information like closing dates

Responsive design features:

• Automatically adapts to different screen sizes
• Mobile-friendly display on all devices
• Consistent branding with your engagement
• Professional appearance that matches your website design

Implementing the Widget on Your Website

To add the widget to 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. Locate the page where you want the widget to appear
4. Paste the embed code in the desired location within your HTML
5. Save and publish your page changes

Common implementation locations:

• Homepage or main landing pages
• Project-specific pages related to the engagement topic
• News or updates sections
• Community engagement or participation pages
• Footer areas for ongoing visibility

Widget Customization and Behavior

Automatic updates:

• Widget content updates automatically based on your questionnaire's current status
• No manual updates required when you change engagement settings
• Real-time reflection of participation statistics
• Automatic status changes as your engagement opens and closes

User interaction:

• Visitors can click the call-to-action button to participate directly
• Widget respects all your questionnaire's access controls and settings
• Seamless transition from your website to the engagement experience
• Mobile-optimized interaction for smartphone and tablet users

Technical Requirements

Website compatibility:

• Works with all modern content management systems (WordPress, Drupal, etc.)
• Compatible with HTML websites and custom-built platforms
• No additional JavaScript libraries or dependencies required
• Minimal impact on page loading speed

Browser support:

• Functions across all modern web browsers
• Mobile-responsive design works on iOS and Android devices
• Accessibility features for users with disabilities
• Professional appearance on high-resolution displays

Managing Multiple Widgets

Using widgets across multiple pages:

• The same embed code can be used on multiple pages of your website
• Each widget instance displays identical, up-to-date information
• Consistent messaging across all placement locations
• Centralized updates through your Zencity engagement settings

Best practices for widget placement:

• Place widgets where visitors are most likely to see them
• Consider user flow and page context when positioning widgets
• Avoid overcrowding pages with multiple widgets
• Monitor analytics to understand which placements drive the most engagement

Widget Performance and Analytics

Tracking widget effectiveness:

• Monitor participation rates from website traffic
• Compare direct website engagement with other sharing methods
• Use your website analytics to track widget interaction
• Identify high-performing pages for widget placement

Understanding the Details

Dynamic Content Updates

The CTA widget connects directly to your Zencity engagement, ensuring that all displayed information remains current without requiring manual intervention. This includes status changes, participation statistics, and availability updates.

Security and Access Control

Widgets respect all your engagement's security settings. If your questionnaire requires access codes or has visibility restrictions, these controls remain in effect when visitors interact with the widget on your website.

SEO and Website Performance

CTA widgets are designed to have minimal impact on your website's search engine optimization and loading performance. The embed code is lightweight and loads asynchronously to avoid affecting your site's speed.

Important Notes

Real-time Updates: Widget content automatically reflects your engagement's current status without requiring code updates or manual intervention.

Universal Embed Code: The same embed code works across multiple pages and websites, maintaining consistency and simplifying management.

Access Integration: Widgets seamlessly integrate with your questionnaire's access controls and security settings.

Performance Optimized: Embed code is designed for minimal impact on website loading speed and search engine optimization.