QuickLaunch — Clean Header (No Hover Effects)
Customer Feedback Form Widget · Collect & Share Reviews
Customer Insights

Feedback Form Widget

Create customizable feedback forms and generate QR codes that link to your website or social media for customer reviews.

Form details

Form preview

💡 Best Practices: Keep forms short and focused, use clear questions, and consider offering incentives for completion. Test your form on mobile devices.

About Feedback Form Widget

Create customizable feedback forms and generate QR codes that direct customers to leave reviews on your website, Google, Facebook, Instagram, WhatsApp, or Twitter. Collect valuable customer insights across multiple platforms.

✨ Features

  • Customizable form fields
  • Multiple form styles
  • Embed code for your website
  • QR code for social media reviews

🎯 Perfect For

  • E-commerce stores
  • Service businesses
  • Restaurants & cafes
  • Product companies

💼 Business Benefits

  • Collect reviews across platforms
  • Improve products and services
  • No expensive software needed
  • Mobile-friendly forms

Frequently Asked Questions

Click the "Embed Code" button to generate HTML code that you can copy and paste into your website. The code will create a fully functional feedback form that matches your design.

Yes! Select the social media platform you want customers to use for reviews (Google, Facebook, Instagram, WhatsApp, or Twitter). The QR code will then direct customers to that platform to leave their review.

When customers fill out the embedded form and click "Submit," their feedback is sent to a simple thank you page. For social media reviews, customers are directed to your chosen platform to leave their review publicly.

Absolutely! Use the "Review Destination" options to select where you want customers to leave reviews. You can choose between your website or various social media platforms.

The QR code allows you to share your feedback form or review page offline. Print it on receipts, posters, or business cards so customers can easily access your feedback form or review page by scanning the code with their phone.

No, you can create as many feedback form designs as you need. The tool is completely free with no usage limits. You can save multiple designs and load them whenever you need.

Yes! The feedback forms are fully responsive and work perfectly on smartphones, tablets, and desktop computers. The QR code is especially useful for mobile users.

Click the "Save Form" button to store your current design in your browser's local storage. You can then load it later using the "Load Form" button, even if you close the browser and come back.

Done!
`); previewWindow.document.close(); // Add star rating functionality to the preview previewWindow.document.querySelectorAll('.star').forEach((star, index) => { star.addEventListener('click', () => { previewWindow.document.querySelectorAll('.star').forEach((s, i) => { s.classList.toggle('active', i <= index); }); }); }); // Add form submission handler to preview const submitBtn = previewWindow.document.querySelector('button'); if (submitBtn) { submitBtn.addEventListener('click', (e) => { e.preventDefault(); previewWindow.alert('Thank you for your feedback! This is a preview - in a real implementation, the data would be sent to your server.'); }); } });// Modal Close Handlers $('#qrModalClose').addEventListener('click', () => { $('#qrModal').classList.remove('show'); document.body.style.overflow = ''; });$('#qrModal').addEventListener('click', (e) => { if (e.target === $('#qrModal')) { $('#qrModal').classList.remove('show'); document.body.style.overflow = ''; } });$('#codeModalClose').addEventListener('click', () => { $('#codeModal').classList.remove('show'); document.body.style.overflow = ''; });$('#codeModal').addEventListener('click', (e) => { if (e.target === $('#codeModal')) { $('#codeModal').classList.remove('show'); document.body.style.overflow = ''; } });// Download QR Code $('#downloadQR').addEventListener('click', () => { const canvas = $('#qrcode canvas'); if (canvas) { const link = document.createElement('a'); const platform = $('.sharing-option.active').dataset.platform; link.download = `feedback-${platform}-qr.png`; link.href = canvas.toDataURL(); link.click(); toast('✅ QR Code downloaded!'); } });// Copy Link $('#copyLink').addEventListener('click', () => { navigator.clipboard.writeText($('#shareUrl').textContent).then(() => { toast('✅ Link copied to clipboard!'); }).catch(() => { toast('❌ Could not copy link'); }); });// Copy Code $('#copyCode').addEventListener('click', () => { navigator.clipboard.writeText($('#embedCode').textContent).then(() => { toast('✅ Code copied to clipboard!'); }).catch(() => { toast('❌ Could not copy code'); }); });// Test Form $('#testForm').addEventListener('click', () => { const testWindow = window.open('', '_blank'); testWindow.document.write(`Feedback Form Test ${feedbackFormElements.feedbackFormPreview.outerHTML} `); testWindow.document.close(); // Add star rating functionality to the test form testWindow.document.querySelectorAll('.star').forEach((star, index) => { star.addEventListener('click', () => { testWindow.document.querySelectorAll('.star').forEach((s, i) => { s.classList.toggle('active', i <= index); }); }); }); // Add form submission handler to test form const submitBtn = testWindow.document.querySelector('button'); if (submitBtn) { submitBtn.addEventListener('click', (e) => { e.preventDefault(); testWindow.alert('Thank you for your feedback! This is a test form - in a real implementation, the data would be sent to your server.'); }); } });// Initialize updateFeedbackFormPreview(); updateFeedbackFormColor(); })();