WhatsApp およびマルチチャネル チャット ウィジェット ジェネレーター

無料の WhatsApp チャット ボタン、またはマルチチャネル連絡先ウィジェットを任意の Web サイトに追加します。 WhatsApp、メッセンジャー、テレグラム、インスタグラム、電話、電子メール、SMS、カスタム リンクを 1 つのフローティング ランチャーに組み合わせ、デザイン、挨拶、動作をカスタマイズし、HTML、WordPress、Shopify、Wix、Webflow、React で動作する単一の軽量スニペットをコピーします。

無料のオールインワン チャット ウィジェット ジェネレーター。フレンドリーなチャット カードに展開するフローティング WhatsApp ボタン、または WhatsApp、メッセンジャー、テレグラム、インスタグラム、電話、電子メール、SMS、Viber、および任意のカスタム リンクを 1 つのメニューに集めたマルチチャネル ランチャーを構築します。ボタンのスタイルを設定し、挨拶バブルを追加して自動で開き、デスクトップとモバイルでライブ プレビューしてから、1 つの自己完結型スニペットをコピーします。ライブラリ、外部スクリプト、月額料金、追跡はありません。

Share
カテゴリ
開発者ツール
含まれるもの
10の特徴
アクセス
無料 · サインアップなし
プライバシー
ブラウザで実行
WhatsApp およびマルチチャネル チャット ウィジェット ジェネレーター

Loading WhatsApp Widget Generator......

Please wait a moment

使用方法

WhatsApp およびマルチチャネル チャット ウィジェット ジェネレーターの使い方

  1. 01

    レイアウトを選択してください

    1 人のエージェント用の WhatsApp チャット カードを選択するか、チャネル メニューを選択して、訪問者があなたに連絡できるすべての方法をリストします。

  2. 02

    チャンネルを追加する

    WhatsApp、Messenger、Telegram、Instagram、電話、電子メール、SMS、Viber、またはカスタム リンクを追加し、並べ替えたり色を変更したりできます。

  3. 03

    ボタンをデザインする

    アイコン、形状、サイズ、位置、オフセット、オプションのラベル、パルスアニメーション、明るいテーマまたは暗いテーマを設定します。

  4. 04

    動作を調整する

    挨拶ツールチップを追加し、表示するタイミングを選択し、オプションで数秒後にウィジェットを自動的に開きます。

  5. 05

    ライブプレビュー

    デスクトップとモバイルでウィジェットを確認してください。プレビューは実際の埋め込みを反映しています。

  6. 06

    コードをコピーする

    スニペットをコピー (または .html をダウンロード) し、</body> の前に貼り付けます。即ライブですよ。

ユースケース

一般的な使用例

  • 中小企業 Web サイトにライブ チャットとサポートを追加する
  • 訪問者に WhatsApp、メッセンジャー、テレグラム、インスタグラム用の 1 つのランチャーを提供します
  • Click-to-Chat を通じてランディング ページからリードを獲得する
  • e コマースの買い物客に販売前に質問できるようにする
  • サロン、クリニック、サービス業の予約をする
  • フリーランサーや代理店にブランドの付いた迅速な連絡ボタンを提供する
概要

各チャット チャネルに 1 つのウィジェット

顧客全員が同じアプリを使用しているわけではありません。WhatsApp を好む人もいれば、メッセンジャー、電報、Instagram DM、電話、普通の電子メールを好む人もいます。このジェネレーターは、フッター全体にリンクを散在させる代わりに、提供するすべてのチャンネルのきちんとしたメニューを開く単一のフローティング ランチャーを構築します。それぞれに独自のアイコン、色、ラベルが付いています。マルチチャネル メニュー レイアウトを選択し、好きなだけチャネルを追加し、希望の順序にドラッグすると、訪問者はすでに使用しているチャネルをタップするため、より多くのチャネルが実際にアクセスできるようになります。

または、集中的な WhatsApp チャット カード

WhatsApp がメインの場合は、チャット カード レイアウトに切り替えます。おなじみのフローティング WhatsApp ボタンは、エージェントの名前、アバター、オンライン ステータス ドット、ウェルカム バブル、メッセージが事前に入力された状態で WhatsApp を開くブランド化されたポップアップに展開されます。これにより、会話が温かく文脈に沿った形で始まります。ボタンの下に小さなアイコンとしてセカンダリ チャネルを表示することもできるため、両方の長所を利用できます。

高度ではありますが、依然として 1 つの軽量スニペット

洗練された UI の裏側では、出力は意図的にシンプルに保たれています。外部依存関係、サードパーティ スクリプト、訪問者の追跡を含まない、HTML、CSS、バニラ JavaScript の単一の自己完結型スニペットです。グリーティング ツールチップとその遅延、自動オープンのタイミング、パルス アニメーション、ダーク テーマ、ボタンの形状、サイズ、位置、オフセットなど、設定したものはすべて、その 1 つのスニペットに組み込まれます。一般的な SaaS チャット プラグインの数分の 1 の重さであり、自宅に電話をかけることはありません。

どこにでも貼り付け、いつでも変更できます

ウィジェットはプレーンなマークアップであるため、body 終了タグの前に 1 回貼り付けるか、.html ファイルとしてダウンロードすることで、手動でコーディングされたサイト、WordPress、Shopify、Wix、Squarespace、Webflow、または React アプリなど、事実上あらゆるプラットフォームにドロップされます。ライブデスクトップとモバイルのプレビューは実際の埋め込みを正確に反映しているため、デザインしたものが訪問者に反映され、チャンネルやスタイルの更新はスニペットを再生成して再貼り付けるのと同じくらい簡単です。アカウントもサブスクリプションもロックインもありません。

特徴
01
2 つのレイアウト: WhatsApp スタイルのチャット カードまたはマルチチャネル ランチャー メニュー
02
9 チャネル — WhatsApp、メッセンジャー、電報、Instagram、電話、電子メール、SMS、Viber、カスタム リンク
03
無制限のチャンネルを追加、並べ替え、色変更、再ラベル付け
04
ランチャーのスタイル: アイコン、形状、サイズ、位置、側面、オフセット、およびオプションのラベル
05
遅延ありの挨拶ツールチップ + N 秒後に自動で開く
06
パルスアニメーション、明るいまたは暗いパネルテーマ、ブランドカラー
07
エージェント名、ステータス、アバター、ウェルカムバブル、事前入力された WhatsApp メッセージ
08
出力と正確に一致するライブデスクトップおよびモバイルプレビュー
09
依存関係のない 1 つのスニペット — .html としてコピーまたはダウンロード
10
HTML、WordPress、Shopify、Wix、Squarespace、Webflow、React で動作 - 追跡なし
よくある質問

よくある質問

WhatsApp チャット ウィジェットを自分の Web サイトに追加するにはどうすればよいですか?+

チャット カードのレイアウトを選択し、WhatsApp 番号を追加し、エージェント、ウェルカム メッセージ、ブランドの色と位置をカスタマイズして、生成されたスニペットをコピーして、サイトの </body> 終了タグの直前に貼り付けます。すぐに公開されます。

メッセンジャーやテレグラムなど、複数のチャネルを追加できますか?+

はい。マルチチャネル メニュー レイアウトに切り替えて、WhatsApp、Facebook Messenger、Telegram、Instagram、電話、電子メール、SMS、Viber、および任意のカスタム リンクを追加します。それぞれのアプリを並べ替え、色変更、ラベル変更することができ、訪問者は好みのアプリをタップします。

WordPress、Shopify、Wix、Webflow で動作しますか?+

はい。このウィジェットは依存関係のないプレーンな HTML、CSS、JavaScript であるため、WordPress、Shopify、Wix、Squarespace、Webflow、手動でコーディングされたサイト、React アプリで動作します。</body> の前にスニペットを貼り付けるか、HTML/embed ブロックを使用するだけです。

挨拶の吹き出しを追加したり、チャットを自動的に開いたりすることはできますか?+

はい。設定した遅延後に挨拶ツールチップを表示したり、オプションで数秒後にウィジェットを自動的に開くことができます。どちらも訪問者セッションごとに 1 回起動するため、戻ってくるユーザーを悩ませることはありません。

事前に入力された WhatsApp メッセージはサポートされていますか?+

はい。事前に入力されたメッセージを設定すると、訪問者の WhatsApp がそのテキストがすでに入力された状態で開き、コンテキストから会話が始まります。

ウィジェットは訪問者を追跡しますか、それとも外部スクリプトを読み込みますか?+

いいえ。完全に自己完結型で、サードパーティのスクリプトや追跡はありません。訪問者がチャネルをタップしたときにのみ、設定したチャット リンクが開きます。

無料ですか?+

はい、ほとんどの有料チャット ウィジェット サービスとは異なり、完全に無料でサインアップも月額料金もかかりません。ウィジェットを .html ファイルとしてダウンロードして保存することもできます。