Was sind Query-Parameter?
Query-Parameter (der Teil einer URL nach dem ?) sind eine leistungsstarke Möglichkeit, Informationen an deine Onepage zu übermitteln. Sie sind besonders nützlich für mehrstufige Formulare, das Tracking von Kampagnendaten und um dein Marketing gezielter zu gestalten.
Diese Anleitung hilft dir dabei, noch heute mit Query-Parametern zu starten, damit du morgen bessere Ergebnisse erzielen kannst.
Warum Query-Parameter verwenden?
Kampagnen-Tracking. Marketer verwenden häufig Parameter wie
?utm_source=facebook
, um herauszufinden, welche Kampagnen die meisten Leads generieren.Personalisierung. Wenn du
?name=Max
zu einem Link hinzufügst, kann das „Name“-Feld automatisch mit „Max“ vorausgefüllt werden, was die Benutzererfahrung verbessert.
So kannst du deine Links anpassen
Eine typische Query-Parameter-Struktur sieht so aus:
https://example.com/form-page?param1=value1¶m2=value2
?
zeigt den Start der Query-Parameter an.param1
undparam2
sind die Schlüssel der Parameter (z.B.coupon
,utm_source
,ref
).value1
undvalue2
sind die Werte der Parameter (z. B.NY2026
,google
,maxmustermann
)
In Onepage kannst du diese Parameter in Formularfeldern mit folgender Syntax referenzieren:
{{query.param1}}
Beispiel: Wenn dein Link https://example.com/form?coupon=NY2025
lautet, kannst du {{query.coupon}}
als „Standardwert“ im Formularfeld setzen. Dadurch wird das Feld automatisch mit NY2025
vorausgefüllt.
Die Select-Feld-ID finden und verwenden
Die Nutzung von Query-Parametern mit Eingabefeldern ist einfach, aber wie funktioniert das bei Select-Feldern wie Karten, Radio-Buttons oder Dropdowns?
Klicke auf das Drei-Punkte-Menü neben „Standardwert“/Default Value in den Einstellungen deines Select-Felds.
Kopiere die generierte ID (z. B.
294c124c-aa43-46df-adba-...)
.Füge einen Parameter in deine URL ein, indem du diese ID verwendest. Beispiel:
?selectedOption=294c124c-aa43-46df-adba-...
Ersetze nach dem Kopieren der ID den Standardwert durch den gewünschten Parameternamen, z. B.
selectedOption
, sodass du Folgendes erhältst:
Praxisbeispiele
Gutschein-Landingpage
🔗 Link:
https://yourdomain.com/offer?coupon=SUMMER50
📌 Anwendung: Ein Textfeld verwendet
{{query.coupon}}
als Standardwert, sodass es automatisch mit „SUMMER50“ ausgefüllt wird.
Newsletter sign-up
🔗 Link:
https://yourdomain.com/signup?utm_source=Instagram
📌 Anwendung: Ein verstecktes Feld erfasst den utm_source-Wert für Analysezwecke.
Vorausgewähltes Service-Pak
🔗 Link:
https://yourdomain.com/services?plan=294c124c-aa43-46df-adba-...
📌 Anwendung: Ein Select-Feld wählt automatisch die passende Option für den Tarif oder das Paket aus.
Häufig gestellte Fragen und Lösungen
Muss ich den Schritt angeben, in dem sich das Feld befindet?
Muss ich den Schritt angeben, in dem sich das Feld befindet?
Nein, es reicht aus, den Standardwert des Feldes festzulegen. Du kannst ein Eingabefeld vorausfüllen, unabhängig davon, in welchem Schritt es sich befindet.
Brauche ich dafür technische Kenntnisse?
Brauche ich dafür technische Kenntnisse?
Überhaupt nicht! Die Schnittstelle ist sehr übersichtlich. Wenn du Hilfe beim Ändern des Links brauchst, kannst du jederzeit KI-Tools wie ChatGPT verwenden, um die korrekte URL mit allen erforderlichen Parametern zu generieren.
Wie lang darf mein Link sein?
Wie lang darf mein Link sein?
So lange, wie es nötig ist! Es gibt zwar technische Einschränkungen, aber 99,9 % der Nutzer werden sie nie erreichen. 🙂
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂