メインコンテンツにスキップ

電話をかけるリンクを設定する

電話発信用のリンクを設定して、クリックやタップで電話をかけることができる設定手順を解説します。PCとタブレットではリンクを設定せず、スマホでの表示のみに電話発信用のリンクを設定する方法も説明します。

今週アップデートされました

設定手順

  1. 発信リンクを設定したいテキストやボタンを選択します。
    ボタン設置方法の例:左パネルの[追加]タブ > [パーツ]タブ > ボタン[全て表示]

  2. 右側のパネルの[設定]タブを開きます。
    右パネルが閉じている場合は開いてください。

  3. [リンク]欄に、「tel:」と「電話番号の数字」を例のように入力してください。ハイフンは省略できます。

    例)tel:0312345678 または tel:03-1234-5678

  4. サイトを更新します。 更新するまで、変更内容は反映されません。

  5. プレビューまたは公開ページで実際に電話をかけ、正しく動作することを確認します。

スマホでの表示時のみ、電話発信リンクを設定する方法

PCとタブレットではリンクを設定せず、スマホでの表示のみに電話発信用のリンクを設定するには、下記の設定が必要です。

  1. 電話番号を表示するボックスを2つ用意します。

  2. 1つはリンクを設定し、もう1つにはリンクを設定しません。

    スクリーンショット:

  3. ブレイクポイントごとの表示設定を使って、電話番号を表示するボックスを出し分けます。
    電話発信リンクありのボックスは、デフォルト(PC)で非表示になるように設定します。
    電話発信リンクなしのボックスは、タブレット・モバイルで表示となるように設定します。

こちらの回答で解決しましたか?