Skip to main content
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 Einstellungen > Integrationen, wählen Sie Webflow und lassen Sie die Einrichtungsanleitung während der folgenden Schritte geöffnet.

​
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 Connect. Webflow Client ID und Client Secret in Sorank einfügen und auf Connect klicken 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.