Gewusst wie: So erstellen Sie eine Call-to-Action (CTA) in HubSpot

Zuletzt aktualisiert am: May 18, 2016

Anforderungen

Produkt: HubSpot Marketing
Abonnement: Basic, Pro, & Enterprise
In diesem Handbuch lernen Sie, wie Sie eine CTA in HubSpot erstellen, die attraktiv, überzeugend und effektiv ist. Mehr darüber, warum Sie CTAs für Ihre Website, Blogs und E-Mail-Inhalte verwenden sollten und über bewährte Methoden zur Verwendung von CTAs finden Sie in unserem Artikel Call-to-Action Best Practices (Call-to-Action – Bewährte Methoden).

Anleitung

Gehen folgendermaßen Sie vor, um eine effektive CTA zu erstellen.

1. Content > Calls-to-Action (Inhalte > Calls-to-Action)

Gehen Sie im Dashboard zu Content (Inhalte) und wählen Sie dann dasCalls-to-Action-Werkzeug aus.

2. Create a CTA (CTA erstellen) auswählen

Wählen Sie die Schaltfläche Create a CTA (CTA erstellen) rechts auf der Seite aus.

3. CTA benennen

Bennen Sie die CTA im ersten Feld der Registerkarte Information (Informationen). Dieser Name wird nicht in der tatsächlichen CTA angezeigt; es ist lediglich ein interner Name, mit dem Sie Ihre CTAs organisieren .

4. Kampagne auswählen

Wählen Sie im Drop-down-Menü die Kampagne aus, die Sie Ihrer CTA zuordnen möchten. Um eine neue Kampagne zu erstellen, klicken Sie auf die Schaltfläche Add new... (Neue... hinzufügen).

5. Link für CTA eingeben

Entscheiden Sie jetzt, ob Ihre CTA mit einer Web-Adresse oder einer Ihrer Website-Seiten verlinkt werden soll. Treffen Sie Ihre Auswahl im Drop-down-Menü Link to (Verlinken mit). Wenn Sie sich für einen Link zu einer Web-Adresse entscheiden, geben Sie diese Adresse einfach in das Feld Link URL (Link URL) unten ein.

Wenn Sie sich dafür entscheiden, die CTA mit einer Ihrer von HubSpot gehosteten Website-Seiten zu verlinken, klicken Sie auf die Option Your pages (Ihre Seiten). Wählen Sie eine Seite im Drop-down-Menü Redirect to Page (Zur Seite weiterleiten) aus. Hier lassen sich Seiten leicht auswählen, indem Sie das Drop-down-Menü durchscrollen oder darin nach der gewünschten Seite suchen. Sobald Sie die Seite ausgewählt haben, wird das Feld Link URL (Link-URL) automatisch ausgefüllt.

Sie haben zudem die Möglichkeit, die verlinkte URL Ihrer CTA in einem separaten Fenster zu öffnen, nachdem Sie auf CTA geklickt haben. Markieren Sie dazu das Kästchen neben Open in new window (Im neuen Fenster öffnen). Diese Funktion wird gewöhnlich verwendet, wenn Ihre CTA mit einer Seite verlinkt ist, die sich nicht in derselben Domain befindet.

Wenn Sie Ihre CTA mit einer Datei verknüpfen möchten, können Sie die URL der Datei in das Feld Destination URL (Ziel- URL) eingeben. Sie können die URL einer Datei im File Manager (Datei-Manager) abrufen Lesen Sie diesen Artikel, um zu lernen, wie Sie die Datei-URL erhalten.

6. Schaltflächentyp auswählen

Gehen Sie zur Registerkarte Design oben im Fenster Create CTA (CTA erstellen). Wählen Sie den Typ der Schaltfläche aus, den Sie bevorzugen. Wenn Sie Ihre Schaltfläche mit den Optionen gestalten möchten, die Ihnen HubSpot im Design-Werkzeug bereitstellt, wählen Sie Custom Button (Benutzerdefinierte Schaltfläche) aus. Wenn Sie für Ihre CTA ein benutzerdefinierte Bild verwenden möchten, wählen Sie die Schaltfläche Image Button (Benutzerdefiniertes Bild) aus. Dieses Beispiel zeigt Ihnen, wie Sie eine benutzerdefinierte CTA mit dem CTA-Designwerkzeug in HubSpot erstellen. Um zu erfahren, wie Sie eine CTA mit einem benutzerdefinierten Bild erstellen, lesen Sie in diesem Handbuch nach.

7. Schaltflächenstil auswählen

Wählen Sie im Drop-down-Menü einen Stil für Ihre Schaltfläche aus.

8. Hintergrundfarbe auswählen

Wählen Sie eine Hintergrundfarbe für Ihre Schaltfläche aus. Sie können entweder einen HTML-Farbcode eingeben oder den Farbverlauf verwenden, um eine Farbe zu finden. Wenn Sie eine Farbe ausgewählt haben, klicken Sie auf die Schaltfläche Done (Fertig). Schauen Sie sich das kurze Video unten zur Auswahl einer Farbe ein.

9. Schaltflächengröße auswählen

Die Schaltflächengröße wird automatisch festgelegt. Wenn Sie Ihre eigene Größe erstellen möchten, deaktivieren Sie das Kontrollkästchen, und passen Sie die Breite und Höhe mit den Abmessungen Ihrer Wahl an.

Breite und Höhe anpassen

Wenn Sie Ihre eigenen Breiten- und Höhenabmessungen verwenden möchten, geben Sie sie ein.

10. CSS auf Ihrer Schaltfläche anpassen

Wenn Sie Ihr eigenes CSS für die Schaltfläche erstellen möchten, klicken Sie auf die Schaltfläche Customize CSS (CSS anpassen).

Benutzerdefiniertes CSS erstellen

Eine neue Registerkarte CSS wird geöffnet, auf der Sie eine CSS-Klasse auf einfache Weise erstellen und benutzerdefinierte CSS schreiben können. Alle Änderungen werden live in der CTA-Vorschau aktualisiert. Das auf Ihrem ausgewählten CTA-Stil basierende und automatisch generierte CSS wird in der linken Spalte angezeigt.

Wenn Sie zum standardmäßigen HubSpot-Design zurückkehren möchten, klicken Sie auf die Schaltfläche Reset to default (Auf Standard zurücksetzen). Ihr ursprüngliche Design wird gespeichert.

Sie können Eigenschaften entweder direkt dem Feld Custom CSS (Benutzerdefiniertes CSS) hinzufügen oder komplette CSS-Selektoren schreiben, wie unten abgebildet. Dies ermöglicht das Anpassen der Effekte beim Daraufzeigen und anderer CTA-Phasen. Wenn Sie das Formatieren Ihrer CTA kontrollieren möchten, sollten Sie den Schaltflächenstil „Plain Link“ (Einfacher Link) verwenden.

11. Eigenen CTA-Schaltflächentext erstellen

Geben Sie den Text für Ihre CTA in das Bearbeitungsfeld Text (Text) der Registerkarte Design (Design) ein. Wählen Sie Schriftart und Stil für Ihren Text in den Menüs Font (Schriftart) und Style (Stil) aus.

Behalten Sie die Bewährten Methoden für CTA im Auge, wenn Sie Ihren Text schreiben.

Hier noch weitere Tipps, um Ihnen den Einstieg zu erleichtern:

  • Für mehrzeiligen Text drücken Sie die Eingabetaste auf der Tastatur.
  • Der CTA-Text wird automatisch als Alt-Text für Ihre Schaltfläche verwendet (nur bei standardmäßigen Schaltflächenstilen).
  • Wenn Sie Symbole für Ihren Text hinzufügen möchten, können Sie HTML verwenden.

Das Video unten zeigt Ihnen, wie Sie Text für Ihre CTA schreiben und wie Sie die Schriftart und die Farbe der Schriftart ändern.

12. CTA erstellen

Wenn Sie die Erstellung Ihrer CTA abschließen möchten, klicken Sie auf die Schaltfläche Create CTA (CTA erstellen), um Ihre großartige CTA zu vervollständigen.

13 Neue CTA überprüfen

Jetzt können Sie Ihre CTA im CTA-Dashboard sehen. Sie können den Namen der CTA ändern, indem Sie auf den Namen der CTA oder auf das Bleistiftsymbol klicken.

Hier können Sie Ihre CTA zudem bearbeiten, klonen, einen Testvariante erstellen oder die CTA komplett entfernen. Diese Optionen sind verfügbar, wenn Sie auf das Zahnradsymbol klicken. Hinweise zu den einzelnen Funktionen des CTA-Dashboards finden Sie in diesem Artikel.

Vorheriger Artikel:

Weiter zum nächsten Artikel: