Sign-Up Forms
Create Your Customized Raw Sign-up Form in KlickTipp
Looking for a way to create fully customizable sign-up forms? With a RAW sign-up form in KlickTipp, you can design forms tailored to your campaign needs. By using HTML and CSS, you gain full control over the layout and functionality of your forms.
This guide will walk you through simple steps to create and embed your RAW sign-up form. Let’s get started!
Important to Know
Insert the script part from the end of the embed code in a suitable place in your CMS. This is important so that the RAW sign-up form works correctly. We show you how to do this in the article: Add Spam Protection to Your Website’s Sign-Up Forms.
Step-by-Step Instructions
Create the RAW Sign-Up Form
- Click on the menu → List Building → List Building → New List Building.
- Click on the → RAW Code button.
- Enter a name and click on → Create Sign-Up Form.
- Select the desired double opt-in process.
- Optionally enter a manual tag.
- Add further required fields.
- Determine the order in the displayed sign-up form. You can move the fields with the crosses.
- Optionally activate Digistore24 multi-device tracking or the GDPR checkbox.
- You can customize the text for the GDPR checkbox in the editor.
- Finally, click on → Save.
Embed the RAW Sign-Up Form in Your CMS
- Click on → Embed Code.
- Copy the code from the field under → Paste HTML Source Code to your clipboard.
- Paste the code into a text editor. Cut out the last line of code. This contains the spam protection script.
- Insert the spam protection script in a suitable place in your CMS. This is explained in this article: Add Spam Protection to Your Website’s Sign-Up Forms.
- Copy the remaining HTML code of the sign-up form. Paste this into the desired place in your CMS.
Styling the RAW Signup Form
To simplify the styling of raw forms, we provide you with a predefined prompt.
With this prompt, you can easily adapt your forms to match the design of your website (e.g., WordPress or ClickFunnels) — without changing the existing functionality. This allows you to create modern, consistent, and conversion-optimized forms, even without any coding experience.
Important: Replace the example URL included in the prompt (e.g., https://www.klicktipp.com/de/
) with the actual page whose design your form should match.
Also, insert your original raw form code below the prompt so it can be adjusted accordingly. Afterward, carefully test the generated code before embedding it on your website.
# Role / Context
You are an experienced frontend developer and UX designer specializing in conversion-optimized marketing websites. You are familiar with the visual design, typography, colors, and form patterns of the official website (https://www.klicktipp.com/de/).
# Task / Goal
Adapt the HTML form below so that it visually and structurally appears as if it were created specifically for this homepage.
# Constraints / Rules
The functionality of the form must not be changed (action URL, field names, API key, GDPR checkbox, and captcha script must remain unchanged).
Only HTML and inline CSS adjustments are allowed (no external CSS, no JavaScript).
## The design should:
- look modern, clean, and trustworthy
- match the brand appearance of the homepage (colors, spacing, typography, button style)
- be responsive (desktop & mobile)
- labels may be optimized for better UX (e.g. placeholders, clearer wording), without changing their legal meaning
- the output should contain only the final HTML – no explanations
# Input HTML
The HTML will be provided via the chat input.
Kopieren
Creating a RAW sign-up form allows you to tailor forms to fit your marketing campaigns. With HTML and CSS, you can design forms that stand out and engage your audience.
Start using RAW sign-up forms today to elevate your marketing strategy.