LINEの友達登録ボタンは作れますか?
STUDIO Support avatar
対応者:STUDIO Support
一週間前以上前にアップデートされました

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

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

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

1.ボックスを使ったボタンの作り方

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

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

2.ボタンの配置方法

ボタンができたら、配置をしていきます。

方法については、以下の記事をご参照ください。

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

LINEにて[ホーム]>[友だち追加]>[My QRコード]と進み、[リンクをコピー]をクリックし、ご自身のQRコードを表示させるリンクをコピーします。

詳しくはこちらのLINE公式ヘルプの「リンクで友だち追加する」の項目をご覧ください。

4.リンクの設定

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

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

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

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