Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Meetings

Meeting-Widget auf einer Seite einbetten

Zuletzt aktualisiert am: Juni 21, 2019

Produkte/Lizenzen

Sales Hub  Starter, Professional

Betten Sie das Meeting-Widget auf einer Ihrer Seiten ein, damit Besucher einen Termin mit Ihnen vereinbaren können, während sie sich auf Ihrer Website befinden.


Meeting-Widget auf einer HubSpot-Seite einbetten

Um das Meeting-Widget auf einer HubSpot-Seite einzubetten, installieren Sie das Meetings-Modul von HubSpot, und fügen Sie das Modul zu Ihren Seitenvorlagen hinzu. Passen Sie dann den Meeting-Link für das Widget auf der Seite an.

Meetings-Modul installieren

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Marketplace.
  • Suchen Sie oben rechts nach Meetings. Sie sehen einen Eintrag für das Meetings-Modul.
  • Bewegen Sie den Mauszeiger über den Eintrag für das Meetings-Modul, und klicken Sie auf Details anzeigen.
  • Klicken Sie oben rechts auf Kostenloses Modul erhalten, um das Meetings-Modul in Ihrem HubSpot-Account zu installieren.

Meetings-Modul zu einer Vorlage hinzufügen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie im Finder auf den Namen der Vorlage.
  • Klicken Sie im Vorlagen-Inspektor auf + Hinzufügen.

  • Suchen Sie nach dem Meetings-Modul, und fügen Sie es im gewünschten Bereich in der Vorlage ein.

  • Klicken Sie oben rechts auf Veröffentlichen, um das Meeting-Widget auf allen HubSpot-Seiten mit dieser Vorlage hinzuzufügen.

Meeting-Link auf einer Seite anpassen

  • Gehen Sie in Ihrem HubSpot-Account zu Ihren Landing-Pages oder Website-Seiten.
  • Bewegen Sie den Mauszeiger über die Seite mit dem Meeting-Widget, und klicken Sie auf Bearbeiten.
  • Klicken Sie im Seiten-Editor auf das Meetings-Modul.
  • Klicken Sie im linken Fensterbereich auf das Dropdown-Menü Meeting-Links, wählen Sie den Meeting-Link für das Widget aus, und klicken Sie auf Auswählen.
  • Klicken Sie oben rechts auf Veröffentlichen oder Aktualisieren, um Ihre Änderungen zu veröffentlichen.

Meeting-Widget auf einer externen Seite einbetten

  • Gehen Sie in Ihrem HubSpot-Account zu Sales > Meetings.
  • Bewegen Sie den Mauszeiger über das Meeting, und klicken Sie auf Einbetten.

  • Klicken Sie auf Code kopieren.

  • Fügen Sie diesen Einbettungscode in den Code Ihrer externen Seiten ein, um das Meeting-Widget für Besucher anzuzeigen.

Das Widget wird an der Stelle auf Ihrer Seite angezeigt, an der Code eingefügt wurde.

Dem Meeting-Widget Stile zuweisen

Sie können die Farbe des Widgets und das Logo, das im Widget angezeigt wird, wenn es auf Ihrer Website eingebettet ist, ändern.

Bitte beachten: Diese Einstellungen gelten für alle Benutzer in Ihrem Account und für alle Sales-Funktionen außer dem Conversations-Tool

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol settings, um die Einstellungen aufzurufen.
  • Wählen Sie im Menü der Seitenleiste links Account-Einstellungen aus.
  • Klicken Sie auf die Registerkarte Branding, und navigieren Sie dann durch die Registerkarten, um das Logo und die Farbe des Widgets zu bearbeiten.
    • Klicken Sie auf die Registerkarte Logo und dann auf Hochladen, um ein neues Logo-Bild hinzuzufügen, oder wählen Sie Bilder durchsuchen, um ein Logo aus Ihrem Datei-Manager auszuwählen.
    • Klicken Sie auf die Registerkarte Farbe, und wählen Sie dann eine primäre Farbe aus. Sie können auch eine benutzerdefinierte Farbe auswählen, indem Sie auf die Farbe rechts neben dem Feld für den Hexadezimalwert klicken, und verwenden Sie den Farbverlauf, um eine benutzerdefinierte Farbe auszuwählen, oder manuell einen Hexadezimalwert eingeben. Sie können dies bei Bedarf für die sekundäre Farbe und alle Akzentfarben tun.branding-tab-pick-colors
  • Klicken Sie auf Speichern.