メインコンテンツにスキップ
LINEの友達登録ボタンは作れますか?
Saika avatar
対応者:Saika
1か月以上前に更新

Studioにて、LINEの友達登録ボタンを埋め込むことはできませんが、以下のようなLINEの友達登録画面(QR表示画面)に遷移するボタンを作成することが可能です。

※サイト訪問者が何のデバイスにてサイトを閲覧するかによって、遷移先が異なります。PCにてボタンをクリックすると以下の画面に遷移しますが、モバイルにてクリックすると、直接友達追加画面に遷移します。

お好きなアイコン要素、ボックス、テキストボックスでボタンを作成し、リンクを設定することで、LINEの友達登録画面を表示させます。ここではボックス要素を使ったボタンの作り方と配置方法を紹介します。

1. ボタンの作成

エディタ左側にある追加メニューからボックスをドラッグ&ドロップでページに配置します。エディタ上側のボックスメニュー内にある「塗り」設定メニューにて、お好きな色に変更することが可能です。

その後、ボタンの中にテキストボックスを配置します。エディタ左側にある追加メニューからテキストボックスアイコンをドラッグ&ドロップでページに配置し、テキストを入力します。

2. ボタンの配置

ボタンができたら、配置をしていきます。方法については、画面の下端や右端にボックスを固定配置できますか?をご参照ください。

3. ボタンにリンクを設定

LINEにて[ホーム]>[友だち追加]>[My QRコード]と進み、[リンクをコピー]をクリックし、ご自身のQRコードを表示させるリンクをコピーします。詳しくは、LINE公式ヘルプの「リンクで友だち追加する」の項目をご覧ください。

ボタンのボックスを選択すると、右上に「>」のアイコンが出てきます。アイコンをクリックするとエディターの右側にボックス設定パネルが表示されます。

エディター右側パネルのリンク設定欄にて、URLタブをクリックし、3でコピーしたリンクをペーストします。

これでボタンは完成です。

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