---
title: ウェブサイトの「お問い合わせ」ボタン
description: WhatsApp、Telegram、電話、リンク用のサブボタンを備えたフローティング連絡先ボタン。設定方法と表示タイミングについて説明します。
section: design
keywords: 連絡先ボタン、連絡先、WhatsApp、Telegram、電話、フローティングボタン
updated: 2026-09-16
---

「連絡先」ボタンは、ウェブサイトの下部（カートの上）にある丸いフローティングボタンです。クリックすると、WhatsApp、Telegram、電話番号、およびリンクのサブボタンが表示されます。どのウェブサイトモードでも動作します。

![設定の「連絡先」ブロック](/wiki/img/settings-contacts.webp "ボタンアイコン、ラベル、直接リンク、およびサブボタン")

## 設定方法

設定 → 連絡先。

1. **ボタンアイコン**- 電話、チャット、メッセージなど。
2. **ボタンラベル**- ボタンにカーソルを合わせたときに表示されるヒント。「お問い合わせ」など。
3. **直接リンク**- サブボタンがない場合、ボタンをクリックするとすぐにこのリンク（電話、WhatsApp、Telegram、ウェブサイト）が開きます。
4. **サブボタン**- 「リンクを追加」をクリック：名前とリンクを入力します。WhatsApp、Viber、Telegramは自動的にブランドアイコンを追加します。
5. 「保存」をクリックしてください。

何も入力されていない場合、ボタンはウェブサイトに表示されません。

## リンク形式

- 電話: `tel:+380671234567`または番号のみ。
- WhatsApp: `https://wa.me/380671234567` 。
- Telegram: `https://t.me/username`または`@username` 。
- ウェブサイトまたはフォーム: `https://…` 。

## ワンボタンモード

「直接リンク」欄のみに入力し、サブボタンは追加しないでください。ボタンは単一のボタンとなり、リンクを直接開きます。

## 質疑応答

### ボタンがバスケットを覆います

ボタンは意図的にバスケットの上に配置されています。スマートフォンでは、両方のボタンが視認でき、互いに干渉することはありません。

### フィードバックフォームを追加することは可能ですか？

はい、フォームへのリンク付きサブボタンとして使用できます。または、ウェブサイトページの「お問い合わせ」ブロックを使用することもできます。[詳しくは「ホームとメニュー」](/wiki/ja/home-and-menu)をご覧ください。