お好きなボックスやテキストボックスでボタンを作成し、リンクを設定することで、LINEの友だち登録画面を表示させるボタンを作成できます。ここではボックス要素を使ったボタンの作り方と配置方法を紹介します。
以下は、ボタンの作り方を説明します。
1. ボタンとなるボックスを設置する
スクリーン上に、ボックスを追加します。
ナビゲーションで追加アイコンをクリックします。
[基本]タブをクリックします。
[基本]セクションから[Box]をクリックします。
ボックスがスクリーン上に配置されます。
2. ボタンのデザインを編集する
以下の方法で、ボタンのデザインやレイアウトを編集します。
設置したボックスの色を変更する
設置したボックスのサイズを変更する
設置したボックスにテキストボックスを追加する
設置したボックスにアイコンを追加する
設置したボックスを画面の下端や右端に固定配置する
3. LINE側でリンクを取得する
LINE側で、ご自身のQRコードを表示させるリンクをコピーします。
LINEにて[ホーム]＞[友だち追加]＞[QRコード]＞[My QRコード]と進む
[リンクをコピー]をクリックし、ご自身のQRコードを表示させるリンクをコピーする
詳しくは、LINE公式ヘルプの「リンクで友だち追加する」の項目をご覧ください。
4. Studioでボックスにリンクを設定する
3で取得したリンクを、1で設置したボックスに設定します。
ボタンクリック時の遷移先
ボタンクリック時の遷移先は、サイト訪問者の利用デバイスによって異なります。
モバイル端末でのボタンクリック時：LINEアプリの友だち追加画面に遷移します。
PCでのボタンクリック時：PC上で以下のようなQRコード画面が開かれます。表示されたQRコードを利用者がスマートフォンで読み取ると、そのスマートフォンがLINEアプリの友だち追加画面に遷移します。
