SeggWat LogoSeggWat
Dashboard

WordPress

Integrate SeggWat with WordPress to collect feedback directly from your website.

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)

Method 2: Manual Installation

Add the script to your theme's header.php or footer.php file:

html
<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):

html
<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:

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');

Configuration Options

All options can be configured via data attributes:

Attribute Type Default Description
data-project-key string required Your unique project identifier
data-button-color string #2563eb Hex color code for the button
data-button-position string bottom-right Position: bottom-right, right-side, or icon-only
data-language string auto-detect Language code: en, de, sv
data-version string - Track feedback by version (e.g., your theme version)
data-show-powered-by boolean true Show/hide "Powered by SeggWat" footer

White-Label WordPress Solutions

For agencies and developers building WordPress solutions:

php
<?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');

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

Navigation