Connect WordPress to KlickTipp: Plugin & Automation

• The official KlickTipp plugin: The easiest way to create forms directly in WordPress.
• Classic embed code HTML and JavaScript: Ideal if you create list-building forms in the KlickTipp backend.
• Advanced automation with Make or n8n: Perfect for automatically creating WordPress user accounts or tagging contacts based on blog comments.

Option 1: KlickTipp WordPress Plugin

Benefits of the Plugin

• Native integration: Create forms directly in WordPress without switching between platforms.
• Intuitive templates: Use ready-made templates for newsletters, lead magnets, or webinars and get started in seconds.
• Real-time design editor: Customize colors, spacing, and buttons with a live preview until they perfectly match your theme. Changes to fields and tags are displayed immediately in the preview without you having to save them first.
• Dynamic tagging: Assign tags based on user input (e.g., country-specific tags).
• URL prefill & UTM parameters: Automatically pass data from the URL into (even hidden) form fields for precise tracking.
• Comprehensive Analytics: Keep an eye on your performance! The plugin offers its own analytics dashboard with a conversion funnel and time-based reports. Filters (forms, tags, time period) are applied automatically.
• Integrated Submission Log: This allows you to track all form submissions in detail. If a transmission fails, the system automatically attempts it again. Alternatively, you can initiate the transmission manually. Thanks to idempotence, this prevents duplicate entries.

What You Need

• A KlickTipp account with API access: You need a Premium subscription or higher to access the API.
• WordPress: A website with admin access (WordPress version 6.0 or higher and PHP 7.4 or higher required).
• Plugin: The (free) KlickTipp plugin from the WordPress Plugin Directory.

Step-by-Step Guide

Install and Connect the Plugin

• In your WordPress dashboard, go to → Plugins  → Install / Add New.
• Search for → KlickTipp – Email Marketing and Marketing Automation, Forms, Tags,  and click Install Now, then Activate.
• Click on the new KlickTipp item in the menu on the left.
• Click the button → Connect to KlickTipp.
• A window will open. Log in to your KlickTipp account and confirm access by clicking → Allow. Your account is now securely connected through the API.

Set Basic Settings

• Data Retention: Specify how long data should be stored (default: 180 days) and how the plugin should behave if it is uninstalled.
• Plugin Updates: In the “Plugin Updates” section, the system automatically checks for updates and displays notifications in the admin area. You can see the version you have installed and can also check for updates manually by clicking a button. The timestamp (e.g., “last checked one second ago”) ensures that you are up to date.
• Spam Protection (Captcha): In the “Captcha” section at the bottom of the settings, you can protect your forms from bots. Check the box and enter your own provider keys (Site Key and Secret Key). The plugin supports Captcha.eu and Google reCAPTCHA v2. The plugin will never share your keys with anyone.
• You can change the language in your WordPress user settings. To do this, click on your avatar in the top-right corner and then switch the language between German and English.

Create Your First Form

• Go to the form overview and click → Add New.
• Use templates or start from scratch: Choose from use cases such as newsletters or lead magnets with prefilled fields.
• Configure the logic: Select the desired opt-in process and define global tags that every contact should receive.

Form Fields and Dynamic Tagging

• Under → Fields,  define the fields you need (email, name, etc.) and mark them as required fields if needed.
• Pro Feature → Field-Based Tagging:  Define rules using our redesigned, even more user-friendly interface. If a user selects, for example, → DE  in the → Country  field, the tag
  → Germany  is automatically assigned.

Form Field	Field Type in KlickTipp
Email address	Email
Web address (must begin with http:// or https://)	URL
Whole numbers (without commas, signs, or any other characters)	Number
Decimal number (e.g., for a “lead value”)	Decimal number (values with decimal places)

Design and Integration

• Use the visual editor to adjust colors, spacing, and the call-to-action text.
• To embed the form, open the WordPress page or post, add a new block, search for → KlickTipp, and select your form from the dropdown.
• You can also embed forms into your website using shortcodes. You can find the appropriate shortcode in the form overview by clicking the code icon for each form.

Advanced Features

• UTM parameters and pre-filling: If you append a parameter such as [email protected]
  to your URL, the email field will already be filled in when the page is loaded.
• Hidden fields: Use hidden fields to invisibly transmit internal information (such as the advertising source utm_source) to KlickTipp.

Submission Log & Analyses

The Submission Log

• Overview: Shows you the ID, email address, form, API result, whether the subscription was confirmed, applied tags, and the timestamp.
• Detail View (Magnifying Glass Icon): If you click the magnifying glass next to a submission, you’ll see the submitted form data, assigned and unassigned tags (ideal for checking conditional tagging!), the number of attempts, the processing status, and a configuration fingerprint.

The Analyses (Conversion Funnel)

• Views: Unique views of the form (deduplicated per visit/session; not just page views).
• Submissions: Quality-checked submissions that have passed spam and validation checks. (Note: Since a user can submit multiple entries after a single form view, this value may be higher than the number of views—this is not an error!).
• Subscribers (Confirmations): Contacts who have completed the double opt-in process. The plugin automatically checks this once a day for up to 7 days after submission. You can also trigger this check manually at any time using the “Update Confirmation” button.

Option 2: Standard & RAW Forms

Your Benefits

• Full flexibility: Use KlickTipp designs or customize RAW forms with your theme’s CSS.
• Proven process: Ideal for existing KlickTipp users with complex opt-in structures.

Step-by-Step Instructions

Create a Form in KlickTipp

• In KlickTipp, go to → List Building → New List Building.
• Standard sign-up form: Ideal if you want to customize the design in the KlickTipp editor (including a contact counter or DigiStore multi-device tracking).
• RAW sign-up form: Choose this option for full design flexibility. Only the functionality is provided; you’ll need to design the form yourself.

Embedding in WordPress

• After saving, click  → Embed Code  in KlickTipp.
• Copy the JavaScript/iFrame code (for Standard) or the HTML source code (for RAW).
• Open your page in the WordPress editor.
• Add a new block and search for → Custom HTML.
• Paste the copied code and click → Publish.

Option 3: Make or n8n

Overview & Benefits

• Automated lead capture: No more manual exports and imports.
• Behavior-based tagging: Segmentation based on comments or registrations.
• Better conversion: Immediate follow-ups right after the action.
• User management: Automatic creation of WP accounts for new subscribers.

Requirements

• Access to KlickTipp via the API: You need a Premium subscription or higher to access the API.
• WordPress admin access: Permissions to install plugins and edit pages.
• Make account (or n8n): For importing and running the scenarios.

Step 1: Configuration in KlickTipp

Preparations: Fields & Tags

• WordPress | Username (Type: Line)
• WordPress | Temporary Password (Type: Row)
• WordPress | User ID (Type: Row)
• WordPress | Comment (Type: Row)
• WordPress | Consent (Type: Line) – Important: Serves as a filter in Make for user creation permissions.

• WordPress | User registration (For initial sign-up)
• WordPress | Subscriber comment A (For specific comment interactions)
• WordPress | Subscriber comment B (For specific comment interactions)

Create the Registration Form

Type	Advantages	Integration
Standard Form	Design, colors, and width can be customized directly in the editor.	JavaScript or iFrame code.
RAW form	Maximum flexibility; use your website's CSS.	HTML source code (insert spam protection separately).

• First name and last name (required fields)
• Email address (required field)
• Consent: Create an additional field (e.g., checkbox) that allows the user to consent to the creation of a WordPress account. (Note: Make checks whether this field is set to true. The user is created only when consent is present.).
• GDPR checkbox: Enable the official checkbox in the editor.
• Optional Tagging: Enter the tag → WordPress | User registration here.

Create a Webhook (The Bridge to Make/n8n)

• Path: Automation → Webhook → New Webhook.
• Activation URL: Enter the URL from your Make/n8n webhook module here.
• Method: Select → POST  (Format: Form Data or JSON).
• Trigger: Link the webhook to the smart tag for your sign-up form or to the tag from the optional tagging.

Step 2: Preparation in WordPress

• Create a sign-up page: Create a new page (e.g., /registration).
• Embed the KlickTipp form: Copy the code from KlickTipp and use the “Custom HTML” block to insert it.
• Enable comments: Go to Settings → Discussion  to check whether comments are allowed on the desired WordPress pages.

Step 3: Setup & Configuration in Make

• Import & Setup: Use the user registration template. In the first module, create a new webhook, copy the URL, and enter it in KlickTipp (see Step 1-C).
• Connection: Connect WordPress using an application password (found in WordPress under → Users  → Profile).
• Mapping & Filter (Important!): In the WordPress module, verify that first name, last name, and email address are mapped to the correct WordPress fields. Set up the Consent filter between the webhook and the WP module (e.g., WordPress | Consent — Equal to — true or 1).

• Import & Setup: Use the template for tag segmentation. The first module ( → Watch Comments)  monitors new comments (interval, e.g., every 15 minutes).
• Router logic: The router branches the flow based on the comment.
  • Example Filter Branch A: Condition: Comment Content — Contains — Link A — Action: → Assign tag WordPress | Subscriber comment A.

Alternative: Integration via n8n

Go-Live & Quality Assurance

• Activation: Switch the scenarios from → Draft  to → ON/Active.  Replace the temporary test webhooks in KlickTipp with the final live URLs.
• Error Handling (Pro Tip): Add an error handler (e.g., Slack/email) in Make in case a user registration fails (e.g., username already taken).
• Monitoring: During the first 72 hours, regularly check the → Run History  for errors and verify the tag assignments in KlickTipp on a random basis.

Option 4: Additional Partner Integrations

Integration Platforms for WordPress

• WPFusion: WPFusion: Connect a wide range of WordPress plugins to KlickTipp, such as WPForms.
• WPWebhooks: This also allows you to send click events to KlickTipp.

Additional WordPress Plugins for Integration

• WooCommerce
• EZFunnels
• FunnelCockpit
• Gravity Forms
• Elementor
• DigiMember
• ClickMember
• ClickDivi
• Thrive Themes

GDPR & Data Security

• The use of the GDPR checkbox directly in the form (can be enabled in the plugin or in the KlickTipp settings).
• Privacy Policy Statement: Starting immediately, the plugin will create an exact snapshot of the consent given every time a form is submitted. This allows you to see exactly what the user confirmed at that moment in the submission log.
• A clean double opt-in process to obtain explicit consent.
• An encrypted connection (HTTPS) for your WordPress website.
• Spam & Overload Protection: Form submissions are now subject to rate limiting to prevent your system from being overloaded by automated requests. In addition, a security vulnerability related to CSRF attacks has been patched.

Next Steps & Marketing Use Cases

• Automated welcome sequences: Link the form submission directly to a campaign that sends out a series of welcome emails and immediately greets new users.
• Member onboarding: Automatically guide registrants/buyers through the onboarding process.
• Nurture sequences & VIP status: Send relevant content when someone comments on a specific topic, and tag particularly active commenters for exclusive benefits.
• Behavioral Targeting: Combine page visit tags with comment tags for hyper-personalized emails.

FAQs

Do I need an API key to connect WordPress to KlickTipp?

No. You don't need a manual API key for the KlickTipp WordPress plugin. Simply click → Connect  to link WordPress to your KlickTipp account.

Will existing KlickTipp tags sync with WordPress?

Yes. Your existing KlickTipp tags will be automatically synced. You can select them from the list in the plugin and assign them to forms.

Can I change the design of my WordPress form later?

Yes. Changes made in the plugin editor are automatically applied to all pages where you've embedded the form. You don't need to edit the page again.

Can I connect KlickTipp to WordPress without the plugin?

Yes. You can create a KlickTipp form in the KlickTipp backend and insert the embed code into WordPress using the Block → Custom HTML  option.

When do I need Make or n8n for WordPress and KlickTipp?

Use Make or n8n for advanced automations, such as automatically creating WordPress users or tagging contacts based on comments.

Summary

Additional Resources

• Create a sign-up form – Generate leads through the form
• Create a RAW registration form (HTML) in KlickTipp
• KlickTipp Integrations - Guides
• KlickTipp Integrations – Overview
• WordPress Support Forum