Zum Hauptinhalt springen
Verbinden Sie Webflow mit Sorank, um Artikel direkt in Ihrem CMS zu veröffentlichen. Sie erstellen eine Webflow-App, erteilen die erforderlichen Berechtigungen und verbinden sie mit Ihrer Client-ID und Ihrem Client-Secret.

​
Bevor Sie beginnen

Ihre Webflow-Website muss diese Voraussetzungen erfüllen:
  • Veröffentlichen Sie die Website mindestens einmal live.
  • Erstellen Sie eine CMS-Collection namens Blog Posts.
  • Verknüpfen Sie SEO Title und Meta Description im Webflow Designer mit den entsprechenden CMS-Feldern.
Ohne diese Verknüpfungen veröffentlicht Webflow Artikel ohne Title- und Description-Tags im HTML. Folgen Sie der Anleitung zur Einrichtung Ihres Webflow-Blogs, wenn Ihre Website noch nicht bereit ist. Öffnen Sie in Sorank Veröffentlichungsplattformen und klicken Sie auf der Karte Webflow auf Verbinden Sie Ihre Website. Bestätigen Sie diese Voraussetzungen im ersten Schritt des Verbindungsfensters: Jeder folgende Schritt entspricht einem der Schritte unten, mit den zu kopierenden Werten.

​
Schritt 1: Webflow App Development öffnen

Öffnen Sie das Webflow Dashboard. Öffnen Sie Apps & Integrations, wählen Sie Develop und klicken Sie auf Create an App. Apps & Integrations im Webflow Dashboard öffnen und Develop auswählen

​
Schritt 2: Ihre App erstellen

Klicken Sie unter App Development auf Create an App. In Webflow App Development auf Create an App klicken

​
Schritt 3: App-Informationen eingeben

Geben Sie App name, Description und App homepage URL ein. Sie können die URL Ihrer Website als Startseite verwenden. Klicken Sie auf Continue. Name, Beschreibung und Startseiten-URL der Webflow-App eingeben

​
Schritt 4: Data Client aktivieren und Redirect-URI hinzufügen

Öffnen Sie Building blocks und aktivieren Sie Data Client. Kopieren Sie die in der Sorank-Anleitung angezeigte Redirect-URI und fügen Sie sie unter Redirect URI ein. Für die Sorank-Produktionsanwendung lautet die URI: https://app.sorank.com/api/v1/cms-integrations/webflow/callback Data Client aktivieren und die Sorank Redirect-URI in Webflow hinzufügen

​
Schritt 5: Berechtigungen für CMS und Custom Code konfigurieren

Legen Sie diese Berechtigungen fest:
  • CMS: Read and write
  • Custom Code: Read-only
CMS auf Read and write und Custom Code auf Read-only setzen

​
Schritt 6: Berechtigungen für Pages und Sites konfigurieren

Legen Sie diese Berechtigungen fest:
  • Pages: Read and write
  • Sites: Read-only
Belassen Sie alle anderen Berechtigungen auf No access und klicken Sie auf Create App. Pages auf Read and write und Sites auf Read-only setzen und die App erstellen

​
Schritt 7: Die App bearbeiten

Öffnen Sie unter App Development das Menü Ihrer App und klicken Sie auf Edit App. Das Menü der Webflow-App öffnen und auf Edit App klicken

​
Schritt 8: Ihre Zugangsdaten kopieren

Öffnen Sie Building blocks. Kopieren Sie die Client ID. Blenden Sie anschließend das Client Secret ein und kopieren Sie es. Halten Sie das Client-Secret geheim. Client ID kopieren und Client Secret in Webflow einblenden

​
Schritt 9: Webflow mit Sorank verbinden

Kehren Sie zu Sorank zurück. Fügen Sie die Client ID und das Client Secret ein und klicken Sie auf Webflow verbinden. Webflow-Schritt Zugangsdaten, hervorgehoben: Felder Client-ID und Client-Secret sowie die Schaltfläche Webflow verbinden
  1. Ihre Client-ID.
  2. Ihr Client-Secret.
  3. Webflow verbinden, um die Verbindung in Webflow zu bestätigen.
Wählen Sie nach der Autorisierung die Webflow-Website aus, die Ihrer Sorank-Website entspricht. Wählen Sie danach die CMS-Collection aus, in der Sorank Ihre Artikel veröffentlichen soll. Mit einer Website, die noch nie live veröffentlicht wurde, können Sie nicht fortfahren. Ihre Webflow-Verbindung ist jetzt einsatzbereit. Sie können Artikel aus Sorank veröffentlichen oder planen.