Embeddable Feedback Widget — Collect CSAT on Any Website

Collect continuous feedback from your website visitors with the Wyapy widget. Add a floating feedback button to any website with just two lines of code.

Try it now

Interactive Demo

Click the feedback button in the bottom-right corner to see the widget in action!

Quick Installation

Add these two lines before your closing </body> tag:

<script src="https://feedback.wyapy.com/widget.js"></script>
<script>
  Wyapy.init({
    projectId: 'YOUR_PROJECT_ID_HERE'
  });
</script>

Where to find your Project ID:

Log into your Wyapy Dashboard
Select your project
Go to Share → Website Widget
Copy the code snippet containing your project id

Benefits

No-code installation - Add to any website with a simple script tag. Works with WordPress, Shopify, Webflow, React, and more.
Always accessible - Floating button stays visible as users browse, capturing feedback at the perfect moment.
Fully customizable - Control button position, color, text, and behavior. Match your brand seamlessly.
Mobile optimized - Automatically adapts to mobile screens.
Non-intrusive - Shadow DOM isolation prevents conflicts with your site’s styles and scripts.

How it works

Copy the code from your Wyapy dashboard under Share → Website Widget
Paste before closing </body> tag in your website’s HTML or use your platform’s custom code section
Customize the appearance with optional parameters like button position, color, and text
Start collecting feedback immediately—the widget handles everything automatically

Platform Integration

Works seamlessly with all major platforms:

WordPress - Add via Appearance → Theme Editor or use a header/footer plugin
Shopify - Paste in Online Store → Themes → Edit Code → theme.liquid
Webflow - Add to Project Settings → Custom Code → Footer
React/Vue/Angular - Load the script dynamically in your app component

Customization Options

The widget supports several configuration options:

Option	Type	Default	Description
`projectId`	String	Required	Your Wyapy project ID from the dashboard
`position`	String	`bottom-right`	Button position: `bottom-right`, `bottom-left`, `top-right`, `top-left`
`buttonText`	String	`Feedback`	Custom text for the floating button
`primaryColor`	String	`#0a66ff`	Hex color for the button background
`showButton`	Boolean	`true`	Whether to show the floating button. Set to `false` to hide it and trigger the survey programmatically instead.
`segment`	String	`null`	Optional segment identifier for response categorization (e.g., `"premium-users"`, `"mobile-app"`)

Example with custom options:

<script src="https://feedback.wyapy.com/widget.js"></script>
<script>
  Wyapy.init({
    projectId: 'YOUR_PROJECT_ID_HERE',
    position: 'bottom-left',
    buttonText: 'Share Feedback',
    primaryColor: '#6366f1',
    segment: 'website-visitors'
  });
</script>

JavaScript API

After calling Wyapy.init(), the following methods are available:

Method	Description
`Wyapy.showSurvey()`	Open the survey modal programmatically
`Wyapy.hideSurvey()`	Close the survey modal programmatically
`Wyapy.showButton()`	Show the floating action button
`Wyapy.hideButton()`	Hide the floating action button
`Wyapy.destroy()`	Remove the widget and clean up all event listeners

With Wyapy Website Widget, feedback collection is always on, setup is instant, and customization is simple. Start hearing from your users in minutes.