So betten Sie Calendly in WordPress ein

Bevor Sie beginnen 

  1. Sie müssen feststellen, welche Version von WordPress Sie verwenden; wordpress.com oder wordpress.org. Um Ihre WordPress-Version zu ermitteln, gehen Sie wie folgt vor: 
    • Melden Sie sich bei WordPress an und gehen Sie zum Admin-Dashboard Ihres Kontos.
    • Bewegen Sie den Mauszeiger über das WordPress-Logo in der oberen linken Ecke der Seite:
        • WordPress.org-Benutzer sehen ein Dropdown-Menü mit Optionen.
        • WordPress.com sieht kein Menü.
  1. Sie müssen Ihren gewünschten Calendly Einbettungscode generieren. Zur Erinnerung: Der Einbettungscode kann entweder für einen einzelnen Ereignistyp oder die Buchungsseite Ihres Kontos generiert werden.
    • WordPress.org unterstützt alle drei Einbettungsoptionen von Calendly:
      • Inline
      • Pop-up-Text
      • Pop-up-Widget

Hinweis

Der Calendly Einbettungscode erfordert die Verwendung von JavaScript. Wenn Sie ein Design auf Ihre Wordpress.org-Website angewendet haben, unterstützt es möglicherweise kein JavaScript, oder es kann sich auf das Aussehen des Einbettungscodes auswirken. 

So betten Sie Calendly in WordPress.org ein

So betten Sie Calendly auf einer einzigen Seite Ihrer Website ein:

  1. Melden Sie sich bei WordPress an und gehen Sie zum Admin-Bereich.
  2. Gehen Sie zu Seiten und entscheiden Sie, welchen Block Sie bearbeiten möchten, und klicken Sie dann auf das +, um einen neuen Block hinzuzufügen.
  3. Wählen Sie eine benutzerdefinierte HTML aus der Dropdown-Liste Formatierung und fügen Sie Ihren Calendly Einbettungscode ein
  4. Lassen Sie sich die Änderungen als Vorschau anzeigen, um sicherzustellen, dass die Einbettung mit dem Design Ihrer Website zusammenarbeitet, bevor Sie zum Speichern Aktualisieren auswählen.

So wenden Sie die Einbettung für das Pop-up-Widget auf Ihrer gesamten Website an:

  1. Gehen Sie zum Abschnitt Appearance und öffnen Sie den Editor.
  2. Gehen Sie zur Seitenleiste mit den Theme Files rechts und scrollen Sie zum Theme Footer.
  3. Suchen Sie das </body-Tag am Ende der Fußzeile. Fügen Sie den Pop-up-Widget-Code aus Ihrem Calendly Konto ein.

So betten Sie Calendly in WordPress.org ein

Die eingebetteten Widgets von Calendly sind nicht mit Wordpress.com kompatibel, Sie können Ihrer Planungsseite direkt auf einer WordPress.com-Website einen Hyperlink hinzufügen. Auf diese Weise können Sie Gäste auf Ihre Calendly Buchungsseite weiterleiten. 

Fügen Sie Ihrer Wordpress.com-Seite einen Hyperlink hinzu: 

  1. Markieren Sie beim Bearbeiten einer Ihrer Seiten einen beliebigen Text und klicken Sie in der Symbolleiste auf Link einfügen/bearbeiten.
  2. Fügen Sie die URL in Ihre persönliche Planungsseite, eine Ereignistyp-Seite oder eine Teamseite ein. Wählen Sie ein Bild aus und folgen Sie den gleichen Schritten.

So betten Sie Calendly mit WordPress Elementor ein 

Elementor ist ein Plug-in eines Drittanbieters, mit dem Sie ein benutzerdefiniertes Design für Ihre WordPress-Website erstellen können. Mit Elementor können Sie den Calendly Einbettungscode einer beliebigen WordPress-Seite hinzufügen. 

Wenn Sie Calendly mit Elementor einbetten, kopieren Sie den Einbettungscode aus Ihrem Calendly Konto. Fügen Sie dann den vollständigen Einbettungscode in das Elementor Shortcode Widget ein. 

In diesem Videolink finden Sie eine Schritt-für-Schritt-Anleitung zum Hinzufügen des Calendly Einbettungscodes mit Elementor.