Gewusst wie: So erstellen Sie eine Call-to-Action (CTA) mit einem benutzerdefinierten Bild

Zuletzt aktualisiert am: May 18, 2016

Anforderungen

Produkt: HubSpot Marketing
Abonnement: Basic, Pro, & Enterprise
Wenn Sie Ihre eigene CTA anstelle einer der HubSpot-Stile erstellen möchten, können Sie dies mit Programmen wie Sketch, Adobe Photoshop oder Microsoft Paint tun.

Anleitung

Gehen folgendermaßen Sie vor, um eine CTA mit einem benutzerdefinierten Bild zu erstellen. Für Hinweise dazu, wie Sie einen der CTA-Schaltflächenstile in HubSpot verwenden, klicken Sie hier.

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

Geben Sie einen Namen für Ihre CTA in das Feld Name (Name) der Registerkarte Information (Informationen) ein. Dieser Text wird nicht in der tatsächlichen CTA angezeigt; es ist lediglich ein interner Name, mit dem Sie Ihre CTAs organisieren.

4. Schaltflächentyp auswählen

Um eine Schaltfläche mit einem benutzerdefinierten Bild zu erstellen, gehen Sie zur Registerkarte Design (Design). Wählen Sie Image Button (Schaltfläche mit Bild) auf der rechten Seite aus.

5. Bild auswählen

Dies wäre ein guter Zeitpunkt, um ein Bild zu erstellen, wenn Sie dies nicht bereits getan haben. Wenn Ihr Bild für die CTA fertig ist, wählen Sie es aus, indem Sie auf die Schaltfläche Choose image (Bild auswählen) klicken.

Sie haben mehrere Möglichkeiten, um ein Bild auszuwählen. Sie können ein Bild im Datei-Manager auswählen; eine benutzerdefinierte URL verwenden; eine Datei hochladen; eine Datei aus Dropbox oder Google Drive verwenden oder eine Datei in das gepunktete Rechteck unten auf dem Bildschirm ziehen.

Wenn Sie das Bild ausgewählt haben, klicken Sie auf die Schaltfläche Use Image (Bild verwenden) im unteren Fensterbereich.

6. Alt-Text für das Bild auswählen

Geben Sie in das Feld Alt Text (Alt-Text) Ihren Alt-Text (der Text, der angezeigt wird, wenn das Bild nicht verfügbar ist) für Ihre CTA ein. Denken Sie daran, den Text klar und präzise, genau wie den Text Ihrer CTA, zu verfassen, damit er für den Benutzer deutlich ist.

7. Bildgröße anpassen

Standardmäßig wird die Originalgröße Ihres benutzerdefinierten Bildes angezeigt, damit Sie die Höhe und Breite mithilfe der Schaltflächen zur Bildgrößenanpassung verändern können. Klicken Sie auf die Minus-Schaltflächen, um das Bild zu verkleinern, und auf die Plus-Schaltflächen, um das Bild zu vergrößern. Wenn Sie das Bild wieder auf die Originalgröße zurücksetzen möchten, klicken Sie auf die Schaltfläche Original (Original).

8. Link für CTA eingeben

Gehen Sie zurück zur Registerkarte Information (Informationen). Entscheiden Sie jetzt, ob Ihre CTA mit einer Web-Adresse oder mit einer Ihrer Website-Seiten verlinkt werden soll. Treffen Sie Ihre Auswahl im Drop-down-Menü Link to (Verlinken mit). Wenn Sie sich dafür entscheiden, Ihre CTA mit einer Webadresse zu verlinken, geben Sie die Adresse einfach in das Feld Link URL (URL verlinken) unten ein.

Wenn Sie sich dafür entscheiden, die CTA mit einer der von HubSpot gehosteten Seiten zu verlinken, klicken Sie auf die Schaltfläche Your pages (Ihre Seiten) im Drop-down-Menü Link to (Verlinken mit). Hier lassen sich Seiten leicht auswählen, indem Sie das Drop-down-Menü durchscrollen oder darin nach der gewünschten Seite suchen.

Sie haben zudem die Möglichkeit, die URL Ihrer CTA in einem separaten Fenster geöffnet anzuzeigen, nachdem Sie auf die CTA geklickt haben. Dazu aktivieren Sie das Kontrollkästchen neben der Option Open in new window (In neuem Fenster öffnen). Diese Funktion wird gewöhnlich verwendet, wenn Ihre CTA mit einer Seite verlinkt wird, die sich nicht in derselben Domain befindet.

9. CTA erstellen

Jetzt können Sie die Erstellung Ihrer CTA abschließen. Klicken Sie auf die Schaltfläche Create CTA  (CTA erstellen), um Ihre großartige CTA fertigzustellen.

10. Neue CTA überprüfen

Jetzt können Sie eine Vorschau Ihrer CTA im Dashboard anzeigen. Hier können Sie zudem Ihre CTA bearbeiten, klonen, eine Testvariante erstellen oder die CTA komplett entfernen. Klicken Sie dazu auf das Zahnrad-Symbol.

Vorheriger Artikel:

Weiter zum nächsten Artikel: