Get Started – Installation in 5 Minutes

Active FeedBackPro Account

Sign up at app.feedbackpro.de to receive your unique publishable key. The key looks like fbp_live_7xK9mQw2pL and is found under Settings → Widget → API Keys.

HTTPS-Enabled Website

FeedBackPro loads over HTTPS only. If your site still runs on HTTP, upgrade your SSL certificate first. Let's Encrypt provides free certificates for most hosting providers.

CMS or Code Access

You need access to your site's HTML head or footer. This works on WordPress, Shopify, WooCommerce, Magento, plain HTML, or any framework that lets you inject a script tag.

Plain HTML / Custom Code

Paste the following snippet before the closing </body> tag of every page where you want the widget to appear:

<script src="https://cdn.feedbackpro.de/widget/v2.4.1/feedbackpro.min.js" defer></script>

<script>window.FeedBackPro=function(...){...};FeedBackPro("init","fbp_live_7xK9mQw2pL");</script>

Replace fbp_live_7xK9mQw2pL with your own publishable key. The widget auto-positions in the bottom-right corner and stays within GDPR-compliant cookie consent flows.

WordPress

Install the official "FeedBackPro Widget" plugin from wordpress.org/plugins/feedbackpro. After activation, navigate to FeedBackPro → Settings and paste your publishable key. The plugin automatically injects the script into your footer on every page. No code edits required.

Alternatively, add the script to Appearance → Theme File Editor → footer.php, or use a header/footer injection plugin like "Insert Headers and Footers" by WPBeginner.

Shopify

From your Shopify admin, go to Online Store → Themes → Actions → Edit Code. Open layout/theme.liquid and paste the script snippet just above </body>. Save and preview.

If you use Shopify 2.0 themes, you can also add it as a custom liquid section in your theme editor under Settings → Custom code → Assets.

WooCommerce

WooCommerce runs on WordPress, so the WordPress plugin method applies directly. For store owners who prefer manual insertion, add the script to your child theme's functions.php using wp_enqueue_script or hook into wp_footer with a custom function.

Magento 2

Create a custom module or add the script via Content → Configuration → [Your Theme] → Edit → HTML Head → Scripts and Style Sheets. Paste the full snippet into the "Miscellaneous Scripts" field and save configuration.

Other CMS (PrestaShop, OpenCart, etc.)

Locate your theme's main layout file (often footer.tpl, index.php, or a layout block manager). Insert the script before </body>. If your CMS offers a "custom code" or "head injection" field in the admin panel, use that instead.

Visual Check

Open your website in a new browser window. You should see the FeedBackPro feedback button (a small chat-bubble icon) in the bottom-right corner. Click it — the survey panel should slide open with your configured questions.

Network Tab Inspection

Open your browser's Developer Tools (F12), go to the Network tab, and reload the page. Look for a request to cdn.feedbackpro.de/widget/v2.4.1/feedbackpro.min.js with a 200 status. If it's missing, the script tag was not injected correctly.

Console Test

In the browser console, type FeedBackPro("ping"). If the widget loaded successfully, the console will return {status: "connected", version: "2.4.1"}. Any error means the key is invalid or the script failed to load.

Dashboard Confirmation

Log in to app.feedbackpro.de and open the Live Activity panel. Submit a test feedback entry from your website. If it appears in the dashboard within 10 seconds, your installation is fully operational.

Customize Survey Questions

Go to Settings → Survey Builder and edit your default question set. Recommended starting setup: a Net Promoter Score question ("How likely are you to recommend us?"), an open-text follow-up ("What can we improve?"), and a product-specific rating if you sell physical goods.

Set Display Triggers

Choose when the widget appears. Options include: after 30 seconds of inactivity, on page exit intent, after a purchase confirmation page loads, or manually triggered via a custom button. Configure triggers under Settings → Display Rules.

Connect Slack or Email Alerts

Get notified instantly when a customer submits feedback. Navigate to Settings → Integrations and connect your Slack workspace or enter the email address of your customer success lead. Each new response creates a real-time notification with the customer's IP, browser, and page URL.

Review GDPR Compliance Settings

FeedBackPro is designed for DSGVO compliance. Verify that your cookie consent banner integration is active under Settings → Privacy. The widget respects data-cookie-consent="granted" attributes and will not initialize until the user accepts analytics cookies.