Publishing

Webflow

Webflowブログを接続し、タイトルと本文の保存先フィールドを選びます。

設定時間の目安:3分

準備

  • 対象サイトでアプリを承認できるWebflowアカウント。
  • Name、Slug、本文用Rich Textを持つブログCollection。
  • Collectionのタイトルと本文を表示するブログページ。

サイトを承認してフィールドを対応させる

SurpassoのIntegrations → WebflowでWebflowへ進むを選び、サイトとCMS権限を承認します。APIキーは不要です。

戻ったらサイトとブログCollectionを選び、必須3項目を別々のフィールドへ対応させます。

SurpassoWebflow例型
記事タイトルNamePlain Text
記事URLSlugBuilt-in slug
記事本文Post BodyRich Text

必要なら要約、アイキャッチ、SEOタイトル・説明、著者、タグも対応させ、使わない項目は空にします。保存後の確認はサイト、Collection、必須フィールドを読むだけで記事を作りません。

最初の記事

Content Calendarからサイト下書きを送りWebflowで確認します。Surpassoから公開し、公開ページで対応した本文と画像を確認します。同じ記事を編集・再送して元CMS項目が更新されることを確かめます。

Webflow側の直接編集はSurpassoへ戻らず、次回送信で上書きされる場合があります。外部記事はWebflowで削除します。

ブログCollectionを作成・変更する

WebflowのCMS → Create a CollectionでBlog postsテンプレートまたは独自Collectionを作り、Rich Text本文フィールドをページテンプレートへ接続します。変更後サイトを公開し、Surpassoで再接続してフィールドを更新します。

フィールドがない、または公開ページが空

Collectionが選択サイトに属し、本文がRich Textで、必須対応がすべて選ばれているか確認します。CMSに内容があるのにページが空なら、ページテンプレートのフィールド接続と公開状態を確認します。