AI エージェントとチャットして Webflow のサイト、CMS、SEO を更新

Manus は独立した AI エージェントであり、Webflow 組み込みの Webflow AI や AI Assistant ではありません。あなた自身の Webflow アカウントを接続すると、サイト、ページ、CMS コレクション、コンポーネント、カスタムコードを操作し、あなたが指示したときに変更を公開します。

まず Manus で Webflow を接続
fernwaycoffee.com/journal
抽出方法、産地、カフェニュースに関する 6 本の記事を掲載したコーヒーショップのブログページ
fernwaycoffee.com
「ゆったりした朝のために焙煎したコーヒー」という見出しのコーヒーロースターのホームページ
見出しを更新しました
fernwaycoffee.com/subscription
3 つのプランがあるコーヒーサブスクリプションページ

コレクション項目を一括で作成する Webflow CMS AI

トピックリストやスプレッドシートを Manus に送ると、Webflow の CMS コレクションに項目を作成または更新し、フィールドを入力した状態でドラフトとして保存します。これで Webflow の CMS コンテンツを一つずつ開かずに一括更新できます。

以下は Brew Journal 用の 6 つのトピックです。それぞれについて、すべてのフィールドを入力した草稿を作成してください。まだ公開しないでください。

spring-topics.docx

Manus:Brew Journal に 6 件のドラフト記事があり、確認をお待ちしています。

Brew Journal8 件の項目
名前ステータス
避けるべきフレンチプレスのミス新規ドラフト
自宅でエスプレッソ:初心者向けガイド新規ドラフト
「シングルオリジン」の本当の意味新規ドラフト
生豆の選び方新規ドラフト
5 ステップで作るアイスプアオーバー新規ドラフト
本当に美味しいデカフェ新規ドラフト
実際に使えるコールドブリューの比率公開済み
火曜日に焙煎する理由公開済み
fernwaycoffee.com/journal/pour-over-at-home
ブログ記事ページ「自宅でハンドドリップを極める方法」、ハンドドリップの写真付き
ドラフト

トピック一覧から Webflow ブログ記事を下書き

各投稿には名前、スラッグ、要約、本文が設定され、ドラフトとして保存されるので、Webflow で開いて編集できます。

fernwaycoffee.com/cafes
6 店舗のカフェと営業時間を掲載した店舗一覧ページ
6 件の項目を下書きとして更新しました

スプレッドシートから Webflow の CMS アイテムを一括更新する

新しい営業時間、価格、または説明文を記載したシートを添付してください。Manus が各行を CMS の項目に対応させてフィールドを更新します。

タイトルとメタディスクリプションを修正する Webflow SEO AI

Manus はすべてのページと CMS アイテムの SEO タイトルとメタディスクリプションを読み取り、欠落、長すぎる、短すぎるものをリストアップし、それぞれに修正案を提示します。リストを承認すると、一括で更新します。

18 ページと 42 件の CMS 項目を確認しました
  • メタディスクリプションがありません9
  • SEO タイトルが長すぎます4
  • SEO タイトルが短すぎます3

Webflow の SEO メタディスクリプションの欠落をすべて修正

ページには新しい SEO と Open Graph 設定が適用されます。コレクションに SEO フィールドがある場合、CMS アイテムにもそれらが入力されます。

fernwaycoffee.com/subscription
前
SEO タイトル
サブスクリプション短すぎる
メタディスクリプション
欠落
後更新準備完了

コーヒーサブスクリプション:2 週間ごとに新鮮な豆をお届け | Fernway

プランを選んで、注文ごとに焙煎される小ロットのコーヒーを 2 週間ごとにお届け。いつでも一時停止やスキップが可能です。

ページ文章と翻訳のための Webflow AI ツール

見出し、ボタン、段落を一文で変更したり、ページの別言語バージョンを入力したりできます。レイアウトとスタイルはそのままです。

fernwaycoffee.com/wholesale
新見出し「あなたのカフェやオフィスに最適な美味しいコーヒーを」とボタン「無料サンプルを申し込む」を掲載した業務用ページ
  • 見出し業務用コーヒーカフェやオフィスに最適な上質なコーヒー
  • ボタンお問い合わせ無料サンプルを申し込む

Manus をページ文章作成用の Webflow AI アシスタントとして使いましょう

対象のページと変更したい文言を伝えてください。Manus がそのページのテキストを更新し、変更内容を表示します。

英語
fernwaycoffee.com
英語版のコーヒーロースターのホームページ
スペイン語
fernwaycoffee.com/es
同じホームページのスペイン語版、見出しは「Café tostado para mañanas tranquilas」
  • 見出しCoffee roasted for slow morningsCafé tostado para mañanas tranquilas
  • ボタンFind a caféEncuentra un café
  • メニューJournalDiario

ページを Webflow の Localization ロケールに翻訳

まず Webflow でロケールを設定してください。Manus がページテキストを翻訳し、そのロケールの既存の CMS アイテムを更新します。

確認した後に Webflow のサイトの変更を公開する

Manus が変更したすべての内容のリストをリクエストし、webflow.io ステージングドメインで確認してから、本番ドメインへの公開を指示できます。

公開準備が整った変更
  • Brew Journal に新しい投稿が 6 件ドラフト
  • メタディスクリプション 9 件と SEO タイトル 7 件更新済み
  • 業務用ページ:見出しとボタン更新済み
  • スペイン語版ホームページ更新済み
ステージングドメインに公開済みfernway.webflow.io
本番ドメインは、あなたの確認を待って公開されますfernwaycoffee.com

良さそうです。Webflow サイトを本番ドメインに公開してください。

3 ステップで完了する Webflow MCP セットアップ

Manus は Webflow 公式の MCP サーバーに接続するので、サーバーアドレスや設定ファイルを追加する必要はありません。一度設定すれば、どのタスクでも使えます。

コネクタを開く

Manus で「コネクタ」を開き、Webflow を選択します。

サインインしてサイトを選択

「接続」をクリックし、Webflow にサインインして、Manus が使用できるサイトまたはワークスペースを選択します。

タスクで Webflow をメンションする

タスクを新規作成し、Webflow とあなたのサイトを明記して、必要な変更を説明してください。

Manus でウェブサイトを作るさらなる方法

よくある質問

Webflow を Manus に接続する方法は?

Manus でコネクタを開き、Webflow を選んで「接続」を選択します。Webflow にサインインし、Manus が使用できるサイトまたはワークスペースを選んでアクセスを許可してください。その後、タスクの中で Webflow に言及してください。例えばサイト名を添えて。

Manus は Webflow で何を変更できますか?

サイト、ページ、CMS コレクションとアイテム、コンポーネント、カスタムコードに対応しています。CMS アイテムの作成と更新、ページ上のテキストの編集、SEO のタイトル、説明、Open Graph タグの更新、そしてサイトの公開ができます。依頼があれば、CMS アイテムの非公開化や削除、アセットの削除、スタイルの変更、カスタムコードの編集や削除も行えます。あなたが許可したサイトしか見ることができず、あなたの Webflow ロールで許可されたことしか行えません。

Manus は確認なしに変更を公開しますか?

作成または更新された CMS アイテムはドラフトとして保存され、公開は別のステップです。先に確認したい場合は、このページの例のように、Manus にすべての変更点を一覧にしてもらい、公開前にあなたの承認を待つように依頼してください。

Manus は私の Webflow デザインを壊してしまいますか?

変更はすべて公式の Webflow MCP サーバーを経由し、あなたの Webflow 権限の範囲内で行われます。新規および更新された CMS 項目は公開されるまでドラフトのままで、ページの変更については先に webflow.io ステージングドメインへ公開するよう Manus に依頼することもできます。項目の削除や公開停止、アセットの削除、カスタムコードのクリアはすぐに反映され、一部は元に戻せないため、Manus に実行予定の操作を一覧にしてもらい、あなたの OK を待ってから実行してもらってください。

Manus は Webflow AI または Webflow AI site builder の一部ですか?

いいえ。AI site builder、AI Assistant、その他の内蔵 AI 機能は Webflow が開発し、Webflow 内で動作します。Manus は独立した AI エージェントで、コネクタを通じて既存の Webflow サイトに対して動作し、同じタスクでファイルや他の連携済みアプリも使えます。

Manus は私の Webflow AI credits を消費しますか?

いいえ。Webflow によれば、その MCP サーバー経由で行われた作業はそのクレジットを消費せず、接続している AI ツール(ここでは Manus)のプランやクレジットに計上されます。

Manus には Webflow MCP コネクタがありますか?

はい。Manus の Webflow コネクタは Webflow の公式 MCP サーバーに接続するため、サーバーアドレス、トークン、設定ファイルの設定は不要です。無料の Starter プランを含む、すべての Webflow サイトプランで利用できます。

これは Claude が使っているのと同じ Webflow MCP ですか?

はい。どちらも Webflow の公式 MCP サーバーに接続します。Claude や他のアプリで設定した接続はそのアプリ内でのみ有効なので、Manus でも一度 Webflow を接続してください。コネクタを開き、Webflow を選んでログインします。

Manus は Webflow のサイトを翻訳できますか?

はい、すでに Webflow で設定済みのロケールに翻訳できます。ページやコンポーネントのテキストを翻訳し、セカンダリロケールにある既存の CMS アイテムを更新できます。ただし、セカンダリロケールで新しい CMS アイテムを作成することはできません。

Manus が動作している間、Webflow を開いたままにする必要がありますか?

いいえ。CMS コンテンツ、ページ、SEO 設定、公開作業は Webflow Designer を開かなくても行えます。要素のスナップショットを撮るなど一部の操作だけは、Webflow Designer でサイトを開き、MCP Bridge App を起動している必要があります。

Webflow は後で接続解除できますか?

はい。Manus でコネクタを開き、Webflow を選択して「切断」をクリックしてください。別の Webflow ワークスペースを使うには、一度切断し、再接続時のサインインでそのワークスペースを選んでください。

1 つのプロンプトから、次の Webflow 更新を始めましょう

Manus を Webflow の AI エージェントとして使い、CMS コンテンツ、ページ文言、SEO に対応しましょう。

Manus で Webflow を連携