futureshop FAQ

本サイトは、弊社サービス「futureshop」ご契約店舗様用のFAQサイトです。
お困り事やご不明点等ございましたら、お気軽にフューチャーショップサポートまでご連絡ください。

  • 電話でのお問合せ番号(平日10:00~17:00)
  • メールでのお問合せ
  • 文字サイズ変更
  • S
  • M
  • L
  • No : 2150
  • 公開日時 : 2017/10/08 18:26
  • 更新日時 : 2019/12/27 19:58
  • 印刷

「LINEで送る」ボタンを設置したい

回答

コマースクリエイター未利用店舗様専用の記事です

商品詳細ページに「LINEで送る」ボタンを設置する



1: タグの取得

LINE Social Plugins設置方法
https://media.line.me/ja/how_to_install

上記サイトにアクセスしてボタンのデザインを選び、リンク先箇所を下記のように入力します。

$ITEM_ENCODE_URL$

「プレビューを確認してコードをコピー」箇所のコードをコピーしてください。

 

2:タグの設置

<PCの場合>
構築メニュー>ページ設定>商品ページ設定 の「ツイートボタン(HTMLタグ)設定」
(「いいねボタン(HTMLタグ)設定」でも可能)

<スマートフォンの場合>
モバイル>ページ設定>基本設定 のソーシャルボタン設定
 

上記の欄に1で取得したコードを貼り付け、data-url箇所の記述を一部修正して登録してください。

 

修正箇所

data-url="http://$ITEM_ENCODE_URL$"

data-url="$ITEM_ENCODE_URL$"

 

例:

<div class="line-it-button" data-lang="ja" data-type="share-b" data-url="http://$ITEM_ENCODE_URL$" style="display: none;"></div>
 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

<div class="line-it-button" data-lang="ja" data-type="share-b" data-url="$ITEM_ENCODE_URL$" style="display: none;"></div>
 <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

 

注文完了ページに「LINEで送る」ボタンを設置する

1:画像の取得

■LINE Social Plugins
https://media.line.me/ja/how_to_install

上記サイトにアクセスして、LINEで送るボタン欄末尾の「ボタン画像をダウンロード」ボタンをクリックし、
ボタン画像をダウンロードします。

構築メニュー>デザイン設定>画像ファイル管理 に、注文完了ページで表示したいボタン画像をアップロードします。

2:注文完了ページに設定

<PCの場合>
構築メニュー>ページ設定>購入画面設定

<スマートフォンの場合>
モバイル>ページ設定>基本設定

 

「注文完了ページ」の「注文完了ページに表示する文言」欄、
「HTMLタグを使用する 」にチェックを入れ、「繰り返し中」に下記HTMLを記述して登録してください。

<a href="https://line.naver.jp/R/msg/text/【店舗名】で$GOODS_NAME$を買ったよー!$GOODS_DETAIL_URL$ ">

 $GOODS_NAME$をラインで送る

<img src="【画像パス】" width="88" height="20" alt="LINEで送る" /></a></br/>

  • 文言は適宜ご変更ください。
    なお、「【店舗名】で$GOODS_NAME$を買ったよー!$GOODS_DETAIL_URL$ 」箇所は
    テキストリンクをタップした際に、エンドユーザー様で編集できない文言となります。
    管理者様にて文言をご調整をお願いいたします。
     
  • 「繰り返し中」以外に記述した場合、置換文字が変換されませんのでご注意ください。
  • 【店舗名】の部分は変換されませんので店舗名をご記入ください。
  • 【画像パス】には画像ファイル管理にアップロードした画像のパスをご記入ください。
    画像ファイル管理の画像一覧箇所の画像名の右側の「コピー」で画像のパスをコピーできます。
  • 「width="88" height="20"」には表示したい画像のサイズをご記入ください。

 

繰り返し中にHTMLタグを記述することにより、注文完了ページに購入した商品の数だけ、
「商品名をラインで送る(ラインで送る画像)」というテキストリンクが表示されます。

テキストリンクをタップした際にはLINEアプリが起動し、メッセージの送り先選択画面が表示され、
送り先を確定すると、管理者様で設定した上記文言が送信されます。

 

スムーズに解決できなかった場合、記事改善のため解決できなかった理由をお聞かせください。

ご意見・ご感想をお寄せください お問い合わせを入力されましてもご返信はいたしかねます

フューチャーショップサポート

「虎の巻」でお悩みが解決できない場合や、ご不明点等がございましたらお気軽にご連絡ください。

  • お電話でのお問い合わせ(平日10:00~17:00)お電話でのお問い合わせ(平日10:00~17:30)
  • メールフォームをご利用くださいお問い合わせフォーム

※弊社サービスと類似した名称の通販サイトとの問い合わせ先間違いが増えております。
 弊社では通販サイトの運営は一切行っておりません。

ページ
トップへ