Skip to main content

​
Installation

Add the SeggWat feedback button to your WordPress site by inserting the widget script into your theme. If you’re using a custom WordPress plugin for SeggWat integration, configure it with the following options: 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