Fügen Sie Zahlungslinks zu Ihrem Content hinzu

In diesem Artikel erfahren Sie, wie Sie einen Zahlung-Link zu Ihrer HubSpot-Website, Marketing-E-Mail oder externen Website hinzufügen, damit Ihre Kunden Sie direkt über Ihren Content bezahlen können.

Um einen Zahlung-Link zu Ihrer Website hinzuzufügen, können Sie das Standard-Zahlung Modul zu einer Drag-&-Drop-Seite oder Vorlage oder einer Marketing-E-Mail hinzufügen oder den Einbettungscode des Zahlung-Links zu Ihrer externen Website hinzufügen.

Als Entwickler haben Sie die Möglichkeit, ein Zahlung Feld zu Ihrem Design oder benutzerdefinierten Modul hinzuzufügen oder ein benutzerdefiniertes Zahlung Modul zu erstellen.

Fügen Sie das Standard-Zahlungsmodul zu Ihrer Seite hinzu

Wenn Sie das Standard-Zahlungsmodul zu Ihrer Seite hinzufügen, erscheint der Zahlungslink als Schaltfläche "Zur Kasse gehen", auf die Kunden klicken können, um ihre Zahlungsdaten einzugeben.

1. Navigieren Sie zu Ihrem Inhalt:
   
   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
2. Klicken Sie auf den Namen der Seite, um den Editor zu öffnen.
3. Klicken Sie oben links auf add.
4. Klicken Sie unter Module auf den Abschnitt Commerce , um ihn zu erweitern.
5. Klicke auf Zahlung und ziehe die Schaltfläche an die gewünschte Position auf der Seite.
6. Im Seitenleisten-Editor:
   • Geben Sie im Feld Button den Text ein, der auf dem Button angezeigt werden soll.
   • Unter Button-Ziel:
     • Wählen Sie Zahlungslink verwenden aus, um Ihre Zielgruppe auf einen Ihrer Zahlungslinks weiterzuleiten.
       • Klicken Sie auf das Dropdown-Menü „Zahlungslink“ und wählen Sie einen Zahlungslink aus.
       • Wählen Sie unter Checkout-Verhalten die Option In neuer Registerkarte öffnen aus, wenn der Zahlungslink beim Anklicken eine neue Browser-Registerkarte oder ein neues Fenster öffnen soll. Oder klicken Sie auf Verschiebbare Überlagerung , wenn der Zahlungslink als Überlagerung auf der Seite angezeigt werden soll.
     • Wählen Sie Andere aus, um Ihre Zielgruppe auf einen externen Link oder eine Ihrer Websites oder Landingpages zu leiten:
       • Klicken Sie auf das Dropdown-Menü Link zu und wählen Sie Extern aus, um einen externen Link zu verwenden. Geben Sie im Feld URL die URL ein.
       • Klicken Sie auf das Dropdown-Menü Verlinken mit und wählen Sie Content aus, um eine vorhandene Website oder Landingpage zu verwenden. Klicken Sie auf das Dropdown-Menü Inhalt und wählen Sie eine Seite aus.
       • Aktivieren Sie den Schalter Link in neuem Fenster öffnen , wenn der Link bei Anklicken eine neue Browser-Registerkarte oder ein neues Fenster öffnen soll.
       • Aktivieren Sie unter Linktyp das Kontrollkästchen No follow , um Suchmaschinen anzuweisen, den Link zu ignorieren.
   • Aktivieren Sie das Kontrollkästchen Symbol hinzufügen , um der Schaltfläche ein Symbol hinzuzufügen.
     
     • Klicken Sie auf das Dropdown-Menü Symbol .
     • Klicken Sie auf Ersetzen, um das vorhandene Symbol zu ersetzen.
     • Suchen Sie im rechten Bereich nach einem Symbol. Klicken Sie auf das Symbol , um sie auszuwählen.
     • Klicken Sie auf das Dropdown-Menü Position und wählen Sie die Position des Symbols auf der Schaltfläche aus.
       
       
7. Klicken Sie oben rechts auf Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu veröffentlichen.
8. Im Design-Manager können Sie auch das Standardmodul für die Zahlung zur Seiten-Vorlage hinzufügen.

Fügen Sie den Einbettungscode zu einer externen Seite oder einem benutzerdefinierten Modul hinzu

Sie können den Einbettungscode des Zahlungslinks zu Ihrer externen Website hinzufügen oder ein Zahlungsmodul im Design-Manager erstellen und den Einbettungscode zum Modul hinzufügen. Wenn Sie den Zahlungslink einbetten, wird das Kassenformular direkt auf Ihrer Seite angezeigt.

So kopieren Sie den Einbettungscode:

1. Klicken Sie in Ihrem HubSpot-Account auf Commerce und dann auf Zahlungslinks.
2. Bewegen Sie den Mauszeiger über den Zahlungslink, klicken Sie auf Aktionen und wählen Sie dann Einbetten aus.
   
   
3. Klicken Sie im Dialogfeld auf Einbettungscode kopieren.

Wenn Sie den Einbettungscode kopiert haben, können Sie ihn direkt auf Ihrer Website einfügen. Wenn Sie ein Entwickler sind, können Sie ein neues Modul erstellen und ein Linkfeld einfügen, das die Benutzer aus den verfügbaren Zahlungslinks auswählen können.

Bitte beachten Sie: Die Erstellung von Modulen erfordert Kenntnisse in HTML, CSS, HubL und dem HubSpot Design Manager. HubSpot empfiehlt die Zusammenarbeit mit einem Designer, um kodierte Module zu erstellen.

Hinzufügen eines Zahlungslinks zu Marketing-E-Mails

Sie können ein Zahlungsmodul zu Ihren Marketing-E-Mails hinzufügen. Wenn Sie z. B. eine Veranstaltung planen, können Sie einen Zahlungslink einfügen, über den ein Käufer direkt in der E-Mail ein Ticket kaufen kann.

1. Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.
2. Bewegen Sie den Mauszeiger über einen vorhandenen E-Mail-Entwurf und klicken Sie auf Bearbeiten oder klicken Sie auf E-Mail erstellen , um eine neue E-Mail zu erstellen.
3. Klicken Sie oben links auf add.
4. Klicken Sie auf dem Tab Inhalt unter E-Commerce auf Zahlungen und ziehen Sie ihn an die gewünschte Stelle auf der Seite.
   
   
5. Klicken Sie auf das Dropdown-Menü Zahlungen und wählen Sie einen Zahlung-Link aus.
6. Bearbeiten Sie im Feld Button-Text den angezeigten Text . Um Emojis in Ihr Textfeld einzufügen, klicken Sie auf das Emoji-Symbol.
7. Klicken Sie auf die Registerkarte Stile , um den Stil der Schaltfläche anzupassen, einschließlich Schriftart, -größe und -farbe, Hintergrundfarbe, Ausrichtung und Auffüllung.
8. Stellen Sie Ihre E-Mail fertig und senden Sie sie.

Wenn ein Kontakt auf die Schaltfläche des Zahlungslinks klickt, wird er zur Checkout-Seite weitergeleitet.

Nächste Schritte

• Erfahren Sie mehr darüber, was nach einer Zahlungin HubSpot passiert.
• Erfahren Sie mehr über die Verwaltung von Abonnements.
• Erfahren Sie mehr über das Erstellen von Berichten in der Commerce Analytics Suite.