Skip to main content

​
Installation

Add the SeggWat feedback button to your WordPress site using our official plugin or by manually adding the widget script. Install the SeggWat Feedback plugin from the WordPress plugin directory for the easiest setup.

Download from WordPress.org

Install the official SeggWat Feedback plugin with one click from your WordPress admin.
 Quick Setup:
  1. In WordPress, go to Plugins → Add New
  2. Search for “SeggWat Feedback”
  3. Click Install Now → Activate
  4. Go to Settings → SeggWat Feedback
  5. Enter your Project Key from the SeggWat dashboard
Plugin Settings: Basic Configuration:
  • Project Key (required) - Your unique project identifier from the SeggWat dashboard
  • Button Color (optional) - Hex color code (e.g., #10b981)
  • Button Position (optional) - Choose from bottom-right, right-side, or icon-only
  • Language (optional) - Language code (en, de, sv)
  • Version Tracking (optional) - Track feedback by your site/theme version
  • Show Powered By (optional) - Show or hide “Powered by SeggWat” branding (default: enabled)
If you’re building a white-label solution or need to maintain strict brand consistency, you can disable the “Powered by SeggWat” footer by unchecking the “Show Powered By” option in your plugin settings.

​
Method 2: Manual Installation

Add the script to your theme’s header.php or footer.php file: 
<script src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
        data-project-key="your-project-key"
        data-button-color="#10b981"
        data-button-position="bottom-right"
        data-show-powered-by="true"></script>
To hide the branding (white-label): 
<script src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
        data-project-key="your-project-key"
        data-show-powered-by="false"></script>

​
Method 3: Using WordPress Hooks

Add the following code to your theme’s functions.php: 
function seggwat_feedback_widget() {
    $project_key = 'your-project-key'; // Get this from SeggWat dashboard
    $button_color = '#10b981';
    $show_powered_by = 'true'; // Set to 'false' for white-label

    ?>
    <script src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
            data-project-key="<?php echo esc_attr($project_key); ?>"
            data-button-color="<?php echo esc_attr($button_color); ?>"
            data-show-powered-by="<?php echo esc_attr($show_powered_by); ?>"></script>
    <?php
}
add_action('wp_footer', 'seggwat_feedback_widget');
For theme developers or agencies building WordPress sites for clients, setting data-show-powered-by="false" creates a seamless branded experience.

​
Configuration Options

All options can be configured via data attributes:
AttributeTypeDefaultDescription
data-project-keystringrequiredYour unique project identifier
data-button-colorstring#2563ebHex color code for the button
data-button-positionstringbottom-rightPosition: bottom-right, right-side, or icon-only
data-languagestringauto-detectLanguage code: en, de, sv
data-versionstring-Track feedback by version (e.g., your theme version)
data-show-powered-bybooleantrueShow/hide “Powered by SeggWat” footer

​
White-Label WordPress Solutions

For agencies and developers building WordPress solutions: 
<?php
/**
 * Add SeggWat feedback widget with white-label configuration
 */
function my_agency_feedback_widget() {
    $config = array(
        'project_key' => get_option('seggwat_project_key'),
        'button_color' => get_theme_mod('brand_primary_color', '#2563eb'),
        'show_powered_by' => false, // Hide branding for white-label
    );

    ?>
    <script src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
            data-project-key="<?php echo esc_attr($config['project_key']); ?>"
            data-button-color="<?php echo esc_attr($config['button_color']); ?>"
            data-show-powered-by="false"></script>
    <?php
}
add_action('wp_footer', 'my_agency_feedback_widget');
Make sure to sanitize all user inputs when building custom plugins to prevent XSS vulnerabilities.

​
Best Practices

Use Theme Colors

Match your WordPress theme’s color scheme for a cohesive experience.

Consider Mobile

The icon-only position works great for mobile-responsive WordPress themes.

Version Tracking

Use data-version with your theme or plugin version to track feedback by release.

White-Label

For client projects, set data-show-powered-by="false" to maintain your brand.

​
Next Steps

Widget Installation

Learn more about widget configuration options

Customization

Explore advanced customization techniques