Wie löse ich ein Pop-up mit einem Klick aus?
Der folgende Artikel bezieht sich auf unseren brandneuen Formulare und Pop-ups Editor. Die Hilfe für den alten Editor findest du hier.
Du kannst das Formular jetzt so konfigurieren, dass es aufpoppt, wenn dein Besucher auf eine Schaltfläche oder einen Link deiner Wahl klickt. Du kannst den Auslöser mit anderen Auslösern kombinieren. Hier erfährst du mehr über andere Auslöser.
Einrichten des Auslösers für den Klick
So richtest du den On-Click-Auslöser für dein Pop-up ein
- Gehe zu Formulare und Pop-ups und klicke auf den Namen.
- Klicke auf Bearbeiten unter Anzeigeregeln.
- Klicke auf Auslöser bearbeiten, um die Aktion auszuwählen, die das Pop-up erscheinen lässt.
- Wähle Beim Klicken
- Gib den CSS-Selektor ein, der das HTML-Element identifiziert, das das Pop-up öffnet, wenn es angeklickt wird. Schau dir die Beispiele für den Auslöser unten an. Wenn du keinen Zugriff auf den Code deiner Website hast, wende dich an deinen Entwickler.
- Klicke auf Weiter.
Beispiele für CSS-Selektoren
Ein CSS-Selektor ist ein Muster, das in der Webentwicklung verwendet wird, um bestimmte HTML-Elemente auf einer Webseite zu markieren und zu gestalten. Wenn du einen On-Click-Auslöser für dein Pop-up-Formular in GetResponse einrichtest, identifiziert der CSS-Selektor die Schaltfläche oder den Link, auf den die Besucher klicken müssen, um das Pop-up auszulösen.
Stell dir vor, du hast eine Schaltfläche auf deiner Webseite mit dem folgenden HTML-Code:<button class="subscribe-button">Jetzt abonnieren</button>
Um diesen Button als Auslöser für dein Pop-up-Formular zu verwenden, würdest du den CSS-Selektor so einstellen, dass er auf ihn zielt. Ein Beispiel:
- nach seiner Klasse (dies funktioniert für jedes HTML-Element in dieser Klasse):
.abonnent-button - Um ihn anhand seines HTML-Tags und seiner Klasse zu bestimmen (das kann für jeden Button in dieser Klasse funktionieren):
button.subscribe-button - Um eine Schaltfläche mit einer bestimmten ID anzuvisieren (wenn die Schaltfläche
id="subscribe"hat):#subscribe
Der Selektor nach Id/# findet das erste übereinstimmende Element und der Klick wird nur auf diesem registriert. Der Selektor nach Klasse funktioniert bei vielen Elementen, genau wie andere Selektoren. Der Id/#-Selektor ist in dieser Hinsicht einzigartig.
Wenn du möchtest, dass der Klick genau auf dem gewünschten Element ausgeführt wird, musst du sicherstellen, dass der Selektor eindeutig ist.
Die Einrichtung eines Auslösers für einen Klick mit CSS-Selektoren erfordert grundlegende Kenntnisse in HTML und CSS. Wenn du mit diesen Konzepten oder der Struktur des Codes deiner Website nicht vertraut bist, empfehlen wir dir, deinen Webentwickler zu konsultieren.
Bitte beachte, dass GetResponse keinen technischen Support für die Einrichtung von CSS-Selektoren anbietet. Wenn du jedoch eine allgemeine Anleitung benötigst, kannst du auf Online-Ressourcen zurückgreifen oder einen Fachmann um Hilfe bitten.
