サイト用WhatsAppフローティングボタン

サイト用WhatsAppフローティングボタン: 用途

国番号付きのWhatsApp番号と、お客様が送るメッセージを入力します。画面の隅、サイズ、色、端からの距離、吹き出し、ページを開いたときにボタンを脈打たせるかを選びます。プレビューはこのページの隅に表示されます。

コードはHTMLとCSSだけで、アイコンはSVG、リンクはwa.meです。吹き出しは小さい画面では消え、アニメーションは動きを減らす設定の人にも配慮しています。

使い方

1. 国番号付きの番号とメッセージを入力します。
2. 位置、色、サイズ、吹き出しを調整します。
3. コードをコピーして、サイトの</body>の前に貼り付けます。

使うタイミング

• お店やサービス業のサイト。
• キャンペーンのランディングページ。
• WordPress、Wix、手作りのサイト。

よくある質問

コードはどこに貼り付けますか？

すべてのページの</body>の前（またはテーマのフッター）です。WordPressでは、フッターにコードを挿入するプラグインか、テーマエディターを使います。WixやWebflowなどのビルダーでは、サイトのカスタムコード欄を使ってください。

WhatsApp Businessは必要ですか？

いいえ。wa.meのリンクは、どのWhatsAppアカウントでも動作します。電話番号は、国番号（日本は81）から始め、数字だけで入力します。

ボタンでサイトが遅くなりますか？

いいえ。コードはHTMLとCSSだけで、アイコンはSVGです。ライブラリや外部への呼び出しはありません。

ボタンを複数置きたい場合は？

別の位置（左と右）を選び、別の番号でもう一度コードを生成してください。2つ目のコードでは、重複しないようidのwa-flutuanteを変更してください。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール