Sales Popup Installation Guide — Tooltastic

Installation Guide

Step-by-step: Set up Sales Popup on your website.

1. Create Account

2. Create API Key

Go to Dashboard → API Credentials and create a new API key. Copy the key — it's only shown once.

3. Set Up Campaign

Go to Dashboard → Sales Popup and create a new campaign. Configure design, notification types, and behavior.

4. Fill Data Pool

Add entries (names, products, reviews) or use the predefined standard pools.

5. Embed Widget

Copy the JavaScript snippet and add it before the closing tag of your website:

Embed via HTML

Add this code to every page where the popup should appear:

<script src="https://tooltastic.eu/widget/sales-popup.js"
        data-key="DEIN_API_KEY"
        data-campaign="KAMPAGNEN_UUID"
        defer></script>

Find the campaign UUID in your dashboard under Campaign Manager → Embed.

WordPress Plugin

Download the Tooltastic Sales Popup plugin, install it, and enter your API key under Settings → Tooltastic Sales Popup.

Tooltastic Sales Popup

WordPress Plugin · v1.0.0

Download

1. Download ZIP → WordPress Admin → Plugins → Add New → Upload Plugin

2. Settings → Tooltastic Sales Popup → Enter API Key and Campaign ID

React / SPA

Load the script dynamically in your app component:

useEffect(() => {
  // Load Tooltastic Sales Popup
  var script = document.createElement('script');
  script.src = 'https://tooltastic.eu/widget/sales-popup.js';
  script.setAttribute('data-key', 'DEIN_API_KEY');
  script.setAttribute('data-campaign', 'KAMPAGNEN_UUID');
  script.defer = true;
  document.body.appendChild(script);

  return () => document.body.removeChild(script);
}, []);

Tips

The script loads asynchronously and doesn't block your page rendering.
Place the script just before for optimal loading time.
The widget uses Shadow DOM — it won't affect your existing CSS.
Configuration changes in the dashboard are automatically applied after 5 minutes.

Sales Popup FAQ