DEV Community

Cover image for Collect Customer Feedback with Zonka AI - Embed CX Forms Anywhere
Aditya Raj
Aditya Raj

Posted on

Collect Customer Feedback with Zonka AI - Embed CX Forms Anywhere

After launching your SaaS application, collecting user feedback is crucial for continuous improvement. Zonka Feedback's AI-powered survey generation simplifies this process, allowing you to easily create and embed feedback forms to gather essential metrics like NPS (Net Promoter Score) and CSAT (Customer Satisfaction Score).

Quick Start Guide

  1. Sign up for a Zonka Feedback account
  2. Use the AI to generate a tailored feedback form
  3. Embed the form in your SaaS application
  4. Collect and analyze user feedback

Generating an AI-Powered Feedback Form

Zonka feedback templates

Navigate to the Zonka Feedback dashboard and use the AI survey creator:

  1. Click Create Survey > Create using AI
  2. Describe your SaaS application and the feedback you're seeking
  3. Specify metrics you want to collect (e.g., NPS, CSAT)
  4. Let the AI generate your survey
  5. Review and customize if needed

zonka feedback ai cx from creator

Embedding the Feedback Form

Once your form is ready, you'll receive a unique survey ID and embed code. Here's how to integrate it into popular web frameworks:

Next.js

Create a new component, e.g., FeedbackForm.js:

import { useEffect } from 'react';

const FeedbackForm = ({ surveyId }) => {
  useEffect(() => {
    // Load Zonka Feedback SDK
    const script = document.createElement('script');
    script.src = 'https://cdn.zonkafeedback.com/sdk/web/v1.js';
    script.async = true;
    script.onload = () => {
      window.ZonkaFeedback.init('YOUR_API_KEY');
      window.ZonkaFeedback.showSurvey(surveyId);
    };
    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  }, [surveyId]);

  return <div id="zonka-feedback-container"></div>;
};

export default FeedbackForm;
Enter fullscreen mode Exit fullscreen mode

Use the component in your pages:

import FeedbackForm from '../components/FeedbackForm';

export default function Dashboard() {
  return (
    <div>
      <h1>Welcome to Your Dashboard</h1>
      <FeedbackForm surveyId="YOUR_SURVEY_ID" />
    </div>
  );
}
Enter fullscreen mode Exit fullscreen mode

SvelteKit

zonka feedback javascript snippet

Create a new component, e.g., FeedbackForm.svelte:

<script>
  export let surveyId;

  import { onMount } from 'svelte';

  onMount(() => {
    const script = document.createElement('script');
    script.src = 'https://cdn.zonkafeedback.com/sdk/web/v1.js';
    script.onload = () => {
      window.ZonkaFeedback.init('YOUR_API_KEY');
      window.ZonkaFeedback.showSurvey(surveyId);
    };
    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  });
</script>

<div id="zonka-feedback-container"></div>
Enter fullscreen mode Exit fullscreen mode

Use the component in your pages:

<script>
  import FeedbackForm from '$lib/components/FeedbackForm.svelte';
</script>

<h1>Welcome to Your Dashboard</h1>
<FeedbackForm surveyId="YOUR_SURVEY_ID" />
Enter fullscreen mode Exit fullscreen mode

Collecting Key Metrics

Zonka's AI-generated surveys can help you collect crucial SaaS metrics:

  1. NPS (Net Promoter Score): Measure customer loyalty and satisfaction.
  2. CSAT (Customer Satisfaction Score): Gauge overall satisfaction with your product or service.
  3. CES (Customer Effort Score): Assess how easy it is for customers to use your SaaS.
  4. Feature Adoption Rate: Understand which features are most popular.
  5. Churn Risk: Identify customers who might be at risk of leaving.

Analyzing Feedback Results

Zonka Feedback provides a dashboard to view and analyze your survey results. You can also use their API to integrate the data directly into your SaaS application

Zonka Feedback analytics for customer experience

Best Practices for SaaS Feedback

  1. Timing: Trigger surveys at key moments (e.g., after completing a core task).
  2. Frequency: Don't overwhelm users. Space out your feedback requests.
  3. Incentivize: Offer small rewards for completing surveys to increase participation.
  4. Act on Feedback: Regularly review and implement user suggestions.
  5. Close the Loop: Inform users when their feedback leads to changes.

Top comments (0)