WordPress — SeggWat Docs

Installation

Add the SeggWat feedback button to your WordPress site using our official plugin or by manually adding the widget script.

Method 1: Official Plugin (Recommended)

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:

In WordPress, go to Plugins → Add New
Search for "SeggWat Feedback"
Click Install Now → Activate
Go to Settings → SeggWat Feedback
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, fr)
Version Tracking (optional) - Track feedback by your site/theme version
Show Powered By (optional) - Show or hide "Powered by SeggWat" branding (default: enabled)

Note

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:

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

Tip

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:

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`, `fr`
`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');

Warning

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