Zum Inhalt springen
memberarea memberarea.io

Growth Tool Button

Einen Anmelde-Button auf jeder Seite platzieren, die Sie verwalten: Er öffnet ein Fenster mit optionalem Formular und der Wahl einer Kalender-App.

In diesem Artikel

Der Button ist das kleinste Growth Tool. Er braucht nicht mehr Platz als ein einzelner Button auf Ihrer Seite. Klicken Besucher darauf, öffnet sich ein Fenster mit Ihrer Überschrift, einem optionalen Formular und der Wahl ihrer Kalender-App. Nutzen Sie ihn dort, wo eine Box oder ein Banner zu viel wäre, zum Beispiel neben einer Eventbeschreibung oder in einer Navigationsleiste.

Growth Tools öffnen

Einen anlegen

Klicken Sie auf Neues Growth Tool und wählen Sie Schaltfläche. Der Editor hat vier Tabs: Einrichten, Formular, Aussehen und Teilen. Die Vorschau zeigt den Button auf einer Beispielseite.

Einrichten

Der Tab Einrichten funktioniert wie bei jedem Growth Tool. Wählen Sie unter Methode Kalender abonnieren und fügen Sie Kalender mit Kalender hinzufügen hinzu, oder wählen Sie Event hinzufügen und fügen Sie Events mit Event hinzufügen hinzu. Das Tool braucht mindestens einen Kalender oder ein Event, bevor es sich speichern lässt.

Wechseln Sie die Methode, ändert sich ein Button-Text, der noch „Abonnieren“ lautet, zu „Event hinzufügen“ und wieder zurück. Einen Text, den Sie selbst geschrieben haben, lässt der Editor stehen.

Der Artikel zur Landingpage erklärt die Einrichtung im Detail.

Growth Tool Landingpage

Formular

Kontaktinformationen sammeln ist bei einem neuen Button ausgeschaltet, deshalb geht das Fenster direkt zu den Kalender-Apps. Schalten Sie es ein, um zuerst nach einem Namen, einer E-Mail-Adresse oder anderen Antworten zu fragen. Das Formular beginnt mit „Voller Name“ und „E-Mail-Adresse“, und Feld hinzufügen fügt weitere hinzu.

Die Fragen funktionieren genau wie auf einer Landingpage: Jede hat eine Frage, einen Antworttyp und, für alles außer Name und E-Mail, ein Mitgliederfeld unter Antwort in benutzerdefiniertem Feld speichern. Pflichtfragen müssen beantwortet sein, bevor Besucher weitermachen können, und eine E-Mail-Antwort muss wie eine E-Mail-Adresse aussehen.

Aussehen

Aussehen ist in Zustände aufgeteilt, und die Vorschau folgt dem, den Sie wählen.

Anfangszustand ist der Button selbst: Schaltflächenfarben für Hintergrund und Text, Schaltflächengröße und Button-Text.

Formularzustand erscheint nur, solange Kontaktinformationen sammeln eingeschaltet ist. Er gestaltet das Fenster, das sich öffnet:

  • Beschreibung anzeigen. Überschrift und Beschreibung bearbeiten Sie, indem Sie in der Vorschau hineinklicken.
  • Layoutfarben für das Fenster, die Überschrift und die Beschreibung, und Farben der Formularfelder für die Felder.
  • Kalenderauswahl: Zeigen Sie die Kalender-Apps als Kacheln mit Namen und Symbol (Schaltfläche) oder als Reihe von Symbole.
  • Farben, Position und Text des Buttons, der das Formular absendet.
Das Aussehen der Schaltfläche im Formularzustand mit dem Vorschaufenster.
Das Aussehen der Schaltfläche im Formularzustand mit dem Vorschaufenster.

Übermittelter Zustand ist das Fenster, nachdem Besucher ihre Kalender-App gewählt haben. Legen Sie dort Farben, Position und Text seines Buttons fest.

Teilen: den Button platzieren

Der Tab Teilen bietet zwei Codes. Für einen Button nehmen Sie den zweiten unter Oder als Inline-Widget einbetten. Wie der Hinweis sagt, stellt er den Button direkt in der Seite dar, ohne iframe:

<div class="cdwidget-embed" data-widget-id="…"></div>
<script src="https://…/assets/js/growth-tools.js" async></script>

Kopieren Sie den Code aus dem Tab, nicht aus diesem Artikel, denn er enthält die Adresse und den Code Ihres Tools. Fügen Sie beide Zeilen dort ein, wo der Button erscheinen soll, zum Beispiel in einem HTML-Block Ihres Seiteneditors.

Platzieren Sie mehrere Growth Tools auf einer Seite, fügen Sie für jedes davon beide Zeilen ein.

Wichtig

Der Button erscheint nur, solange das Tool aktiv ist. Ein neuer Button startet inaktiv. Schalten Sie ihn also mit dem Statusschalter im Kopf des Editors ein, sobald er fertig ist.

Der eingebettete Button holt sich bei jedem Laden der Seite die aktuellen Einstellungen. Nachdem Sie Farben oder Texte geändert und auf Speichern geklickt haben, müssen Sie den Code nicht erneut kopieren.

Was Besucher sehen

Ein Klick auf den Button öffnet das Fenster. Sammeln Sie Kontaktinformationen, beantworten Besucher zuerst die Fragen und gehen dann weiter zu den Kalender-Apps. Sie wählen ihre Kalender-App, und das Fenster wechselt in seinen übermittelten Zustand mit der Überschrift „Zu Kalendar hinzufügen“ und einem Button, der die App in einem neuen Tab öffnet. Mit Event hinzufügen öffnen sich Google, Office 365, Outlook.com und Yahoo mit dem bereits eingetragenen Event.

Anmeldungen über den Button zählen in der Growth-Tools-Liste als Opt-Ins.

Growth Tools im Überblick

Last updated on October 22, 2026

War dieser Artikel hilfreich?

Verwandte Artikel