メッセンジャーボタン
1つのフローティングボタン：WhatsApp、Telegram、電話、チャット — 最大12チャネル
事例と機能を見る →無料
このウィジェットを設定するWebflow · あなたのポートフォリオからの連絡
既存の Webflow デザインに連絡または予約を追加します。目的を選んで Cenaly.com でウィジェットを設定し、サイト単位またはページ単位でコードを追加します。以下では custom code へのアクセス条件と、consent 用の個別の手順を説明します。
カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映
必要なウィジェットを選択し、アカウントで設定します。通常のウィジェットは共通タグを使用しますが、consentと分析には個別の設置手順が重要です。
1つのフローティングボタン：WhatsApp、Telegram、電話、チャット — 最大12チャネル
事例と機能を見る →無料
このウィジェットを設定するお客様のスケジュールに沿った予約：お客様自身がサービス、担当者、空き時間を選択
事例と機能を見る →無料
このウィジェットを設定する訪問者とのライブチャット — 対応するのは業務チャットから回答する自社の担当者です
事例と機能を見る →無料
このウィジェットを設定するコールバック申請フォーム。PBX接続時は自動発信
事例と機能を見る →無料
このウィジェットを設定する「電話する」ボタン — ゲストは番号もアプリも不要で、サイトからお客様のPBXを通じて通話できます
事例と機能を見る →無料
このウィジェットを設定するポップアップ、埋め込みフォーム、クーポン、表示条件とA/Bテスト付きのクイズ
事例と機能を見る →$9/月
このウィジェットを設定するアカウントの注文・予約・記録・評価の件数を示すバッジ
事例と機能を見る →無料
このウィジェットを設定するサイトの隅に表示される、メニューの動画入りサークル。クリックすると音声付き動画と「注文」ボタンが表示されます
事例と機能を見る →無料
このウィジェットを設定する「予約する」ボタン → 1つのフォーム → 「テーブル」セクションへの申請
事例と機能を見る →$9/月
このウィジェットを設定する注文ボタンを押すと、既存のサイト上にストアフロントが開きます
事例と機能を見る →無料
このウィジェットを設定する「?」ボタン → 記事・検索・「役に立った」評価を備えたサイドパネル
事例と機能を見る →$19/月
このウィジェットを設定するプライバシーポリシー、利用規約、返金、Cookie、配送 — お客様の情報に基づいて作成し、サイトに埋め込みます
事例と機能を見る →$9/月
このウィジェットを設定するトラッカーの自動ブロックとGoogle Consent Mode v2に対応したCookie同意
事例と機能を見る →無料
このウィジェットを設定する選択したウィジェットとプラットフォームは登録時に保存されます。その後、アカウントでウィジェットを設定してください。Webflowのこの手順は開いたままにしておき、設定が完了したら以下のインストール手順に戻ってください。
プラットフォームの有料プランが必要
有効なSite plan、またはWorkspace Core、Growth、Agency、Freelancerのいずれかが必要です。
Webflowの公式ヘルプでは、有効なSite planまたは上記のWorkspaceのいずれかがある場合、Site managersとDesignersにcustom codeが認められています。有料のSite planだけが唯一の方法ではありません。
webflow.ioのアドレスだけではコードの挿入が可能かどうかは分かりません。Workspace、権限、プロジェクト設定を確認してください。独自ドメインの接続とCMSの機能には、それぞれ独自のプラン条件があります。
このページのメニュー項目と料金条件は公式ヘルプに基づいています：
プラットフォームのヘルプと照合済み 2026-09-22
一般的なウィジェット：チャット、連絡ボタン、予約
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>通常のウィジェット用のタグの例です。コードはアカウントから取得してください。デモ用ドメインに置き換える必要はありません。アナリティクスをブロックする場合は、以下に記載の別の手順を使用してください。 Cookieバナーと分析：別個の手順 →
Cenaly.comのアカウントで：管理パネル → マーケティング → 「マイサイト」。最初のフィールドにサイトのアドレスを入力し、タグの文字列をコピーします。
Webflow で対象プロジェクトの Site settings（サイト設定）。
Custom code タブには 2 つのフィールドがあります：Head code（head 内）と Footer code（閉じる body の前）。
Head code にコードを貼り付けて保存します。このフィールドに html、head、body のタグを追加する必要はありません — スクリプト本体のみです。
Publish をクリックします：Webflow のヘルプでは、自分のコードの効果は公開後に公開サイトで確認できると別途記載されています。
公開したサイトを開き、「マイサイト」→「インストールを確認」に戻ります。
ウィジェットを1つのページにだけ設置する場合、Webflowのページにはページ設定内にコード用のフィールドがあります。
厳格なオプトインには、cookieバナー設定から専用のconsentタグを取得し、head内の最初のスクリプトとして、asyncとdeferを付けずに、アナリティクスや広告より前に設置してください。共通のasyncタグは、同意前にブロックされることを保証しません。
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>テーマのコード、プラグイン、GTM、プラットフォームの組み込みインテグレーションを考慮してください。プラットフォームがそれらより前にconsentを設定できない場合、外部タグだけでは不十分です。インテグレーション自体で同意を設定してください。
opt-inでは既知のトラッカーはブロックされ、不明なものはCMPの手順に従って手動でマークアップする必要があります。すでに実行されたコード、サーバー側のSet-Cookie、service workersはタグでは停止できません。
公開サイトでクリーンなセッションとNetworkを開き、選択前と拒否後に、ブロックされるべきトラッカーのリクエストがないことを確認します。次に必要なカテゴリを承認し、起動と決定の変更を確認します。表示されるバナーとHTMLによる設置確認では、ブロックを証明できません。
サイトビルダーでは編集内容は下書きに保存されます。ページを再公開するまで、公開サイトにタグは反映されません。
管理画面 → マーケティング → 「マイサイト」。最初の欄にサイトのアドレス、その隣に「設置を確認」があります。
確認ではページの元のHTMLを読み取り、検出されたウィジェットを表示します。Google Tag Manager 経由で設置したタグは検出されません。これは確認の制限であり、設置の問題ではありません。
インストールエラーの対処はヘルプをご覧ください インストール手順 →
Webflowはpreview/commentではcustom codeをサポートしますが、expand canvasではサポートしません。訪問者に変更が表示されるのは公開後です。最終確認は公開されたアドレスで行ってください。
共通のHead codeはサイトレベルでタグを追加します。1つのURLにだけ必要な場合はページ設定を使用し、すでに設定済みの共通タグをそこで重複させないでください。
ウィジェットはWebflowのフォームをCenaly.comに自動接続しません。Shadow DOMはスタイルを分離しますが、アニメーション、ボタンのクリック可否、重なりはご自身のサイトで確認する必要があります。
すでにトラッカーを起動したコンテナの後にconsentを置かないでください。GTM経由の通常のタグでは、サーバー側のHTMLチェックによる設置確認はできません。公開ページでウィジェットを確認してください。
いいえ、custom codeはWebflowの条件に従い、Core、Growth、Agency、FreelancerのWorkspaceからも利用できます。Site manager/Designerの権限と、該当プロジェクトでフィールドにアクセスできるかを確認してください。
通常のタグはHead codeに追加できます。html/head/bodyタグで囲まないでください。同意までブロックするconsentには、トラッカーの前にhead内で最初に実行する別のスクリプトが必要です。
Custom codeはexpand canvasでは動作しません。Preview/commentではサポートされますが、変更はまだ公開する必要があります。ウィジェットが有効かどうかと、サイトの最終的なアドレスを確認してください。
スタイルの分離は、あらゆるスクリプトとの互換性を保証するものではありません。ウィジェットをすべてのページに展開する前に、インタラクション、フォーム、モバイル画面を確認してください。
サイトの共通コードはコレクションページにも適用されます。公開された該当ページの例を確認し、そのテンプレート内でタグを重複させないでください。
同意前にトラッカーをブロックするには、専用のconsent/v1.jsをasync/deferなしでheadの先頭に置く必要があります。選択前、拒否後、承認後の読み込みを確認してください。プラットフォーム内蔵の分析機能は別途設定が必要な場合があります。バナーが表示されることは法律への準拠を証明するものではありません。
詳細（プラットフォーム別のインストール、設定、トラブルシューティング）はヘルプをご覧ください。 インストール手順 →
custom codeへのアクセスを確認し、ウィジェットを選択して設定します。公開後は通常ページとコレクションページの両方をテストしてください。
ウィジェットを選択カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映