Forms & Landing Pages
Connect WordPress to KlickTipp: Plugin & Automation
Connecting your WordPress website to KlickTipp website is a key step in automating your business processes—from lead capture and customer onboarding to event promotion.
Depending on your technical requirements and goals, you can choose from three integration options:
- 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
With the KlickTipp WordPress plugin, generating leads on your website has never been easier. Instead of manually copying form code, you can now create, design, and manage your sign-up forms directly in your WordPress dashboard.
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.
- 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.
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.
- 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
- In the plugin settings, you can configure details such as data retention (default: 180 days) and how data is handled upon uninstallation.
- 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. For example, if a user selects → DE in the → Country field, the tag → Germany is automatically assigned.
To ensure that the form is submitted correctly, please make sure the fields are filled in correctly.
Examples of correct pairings:
| Form Field | Field Type in KlickTipp |
|---|---|
| Email address | |
| Web address (must begin with http:// or https://) | URL |
| Whole numbers (without commas, signs, or any other characters) | Number |
Important: Please test your form using the preview before publishing it.
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.
Option 2: Standard & RAW Forms
If you prefer to manage your forms centrally in KlickTipp, create a list-building form in the KlickTipp backend and embed the code in WordPress.
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
This advanced iPaaS method eliminates manual data transfers and ensures that every user interaction immediately triggers a marketing action. You can create WordPress user accounts from KlickTipp forms and segment contacts based on WordPress comments.
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
Create these custom fields to store WordPress-specific data in KlickTipp:
- 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.
Create the following tags manually so that Make can find them during data synchronization:
- 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
Go to List Building → New List Building and select your preferred form type:
| 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). |
Required fields & structure: To ensure the scenario can create the WordPress user correctly, the following fields must be included:
- 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)
The webhook sends data in real time.
- 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
Use the prebuilt templates to save time.
Make Template: Create WordPress users via the KlickTipp form
- 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
If you prefer to use n8n instead of Make, you can use our pre-built workflow:
Template: n8n Workflow Template for KlickTipp WordPress Integration
Here's how to set it up: Import the JSON file, enter your KlickTipp API credentials, and connect WordPress using an application password. Copy the n8n webhook URL into KlickTipp and activate the workflow.
Advantage: n8n gives you more flexibility for complex workflows and can be a good option for advanced logic.
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
Here, we’ll introduce you to a few WordPress plugins and integration platforms for WordPress that you can use to integrate with KlickTipp.
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
Data protection is our top priority. When collecting leads on your WordPress site, ensure the following:
- The use of the GDPR checkbox directly in the form (can be enabled in the plugin or in the KlickTipp settings).
- A clean double opt-in process to obtain explicit consent.
- An encrypted connection (HTTPS) for your WordPress website.
Next Steps & Marketing Use Cases
Once the integration is up and running, you can set up these automations in KlickTipp:
- 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
Connecting your WordPress website to KlickTipp helps you automate repetitive tasks. Whether you use the KlickTipp plugin, embed a form manually, or sync user journey data with Make or n8n, lead generation becomes easier, more secure, and easier to manage in a GDPR-compliant way.