スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. ホームページに「LINE@」の友だち追加ボタンを表示する方法
 

ホームページに「LINE@」の友だち追加ボタンを表示する方法

2016/07/26 ホームページに「LINE@」の友だち追加ボタンを表示する方法

LINE@(ラインアット)は、ビジネス利用可能なLINEのサービスです。

これまで、企業向けにのみサービスが提供されていた「LINE@」ですが、個人でも利用できるようになったことで、弊社のお客様もご利用されている方が増えてきました。


最近、

「「LINE@」の友だち追加ボタンをホームページに表示させたいのですが・・・」

とお問い合わせをよくいただくようになりましたので、リウムスマイル!で作成したホームページに、「LINE@」の友だち追加ボタンを表示させる方法をご紹介します。



リウムスマイル!で作成したホームページに「LINE@」の友だち追加ボタンを表示させる流れ

  1. 「LINE@」の管理画面で友だち追加ボタンのコードを取得
  2. リウムスマイル!に「LINE@」用のページを作成し、取得したコードを貼り付ける
  3. ホームページに表示させる

では、詳しい操作方法をご紹介します。




1.「LINE@」の管理画面で友だち追加ボタンのコードを取得

「LINE@」では、管理画面から友だち集めに必要な、ホームページに貼り付ける用のボタンや、QRコードを取得することができるようです。

ご自身で作成された「LINE@」の管理画面を開き、以下の操作手順で友だち追加ボタンのコードをコピーしてください。



  1. 「LINE@」の管理画面にログイン後、左のメニューバーの「基本設定」をクリック
  2. ホームページにQRコードを貼り付けるなら「QRコード」のコードをコピー
  3. ホームページに友だち追加ボタンのボタンを貼り付けるなら「友だち追加ボタン」のコードをコピー



2.リウムスマイル!に「LINE@」用のページを作成し、取得したコードを貼り付ける

  1. リウムスマイル!管理画面にログイン後、上部オレンジ色の[ホームページ]タブ-[ホームページパーツ一覧]の順にクリック

  2. オレンジの「フリーページ」の行の左から2つ目の「+」マークのあるアイコンをクリック


  3. 「タイトル」に「LINE@」などわかりやすいタイトルを入力

  4. 「本文」の入力エリア内で一度クリックし、入力エリア上部アイコン群の、メモの中に「<>」マークのアイコン(HTMLソース編集)をクリック

  5. 黒い小さなポップアップが開きますので、コピーしたコードを貼り付ける

  6. 黒い小さなポップアップの下部の[HTMLソース編集]ボタンをクリック

  7. ページ最下部の[保存]をクリック




3.ホームページに表示させる

上記作業で、友だち追加ボタンを貼り付けたページは完成しました。

ただし、これだけでは、ホームページのどこにも表示されていないかと思いますので、ホームページのサイドバーの下部など任意の位置に表示させてください。


  1. リウムスマイル!管理画面にログイン後、最上部左側の[ホームページ編集/プレビュー]をクリックし、プレビュー画面を開く


  2. 表示させたいエリアの左上に表示される[表示項目の設定一覧]をクリック


  3. 「A」で表示させたいエリアかどうかを確認

  4. 「B」で[+ホームページパーツ追加]をクリック


  5. 作成した「LINE@」をクリック


  6. 「表示設定」の左側「表示要素」は「本文」のみにチェックを入れ、他にチェックがあれば外す

  7. 「表示設定」の右側「表示方法」は「このパーツへのリンクのみ表示」に設定

  8. ページ最下部の[保存]をクリック

  9. 「トップページ以外のエリア○○のレイアウトも同様に設定しますか?」は「はい」をクリック



ホームページに「LINE@」の友だち追加ボタンが表示されました!!



上記は2016/07/22時点の「LINE@」の機能をご紹介するもので、その動作を弊社が保証するものではないことを予めご了承ください。

機能詳細は「LINE@」のヘルプを御覧ください。



のーちゃん(曽谷) 

webデザイナー

お客様が納得でき、+効果のあるデザインを制作していけるように頑張っています!

バレーボール、水泳、ボルダリングなど、とにかく体を動かすことが好き。

最近、ゴルフ(まだ打ちっぱなしだけです)とロードバイクにも手出し中。