5. スマホ版導入マニュアル 5-1. はじめに これまでスマートフォンでアクセスした場合 PC 版 が表示されておりましたが スマートフォン版 ( 以下スマホ版 ) が表示されます 基本的には PC 用に登録いただいている情報を流用してスマホ版でも表示されるようになりますが 一部スマホ用に登録いただく必要があります スマホ用の情報登録方法と開店までの流れをマニュアルにてご説明いたします 以前 携帯用 に入力いただいている方へ 携帯版 を廃止して スマートフォン版 に変更しますので 表示される商品情報は携帯用に登録されたデータが表示されます 新たに スマートフォン版 用にデータ登録いただく必要はありませんが 携帯用にご登録いただいているデータを再度ご確認ください
登録時のワンポイントアドバイス スマートフォンでは 縦向き 横向きに切り替えられたり 画面の大きさも各社様々であるため 表示領域が変更されても対応できるようにする必要があります そのため 表組み (table タグ ) や改行を出来るだけ使用せずに入力するのがおすすめです 画像や表組み (table タグ ) をどうしても使用されたい場合は 縦幅は指定せず 横幅を 100% で指定しましょう 2 列以上の列に分けて文字や図などを配列するレイアウトはおすすめできません 画像と文字を一列に配列することになるため どうしても縦長になりますが スマートフォンでは指先操作 ( スワイプ ) にてスクロールが可能なため 閲覧操作にさほど支障はありません 画面の大きさはスマートフォン各社バラバラですが 幅 :320px の画面サイズを基準にて最適化を行うと大抵のスマートフォンではキレイに表示されます 320px
5-2. スマホ用の商品説明を登録する 店舗管理システム 商品管理 > 登録済商品一覧 > 商品編集 スマホ版の商品詳細ページに表示される商品説明情報は商品登録画面の 商品説明 ( スマホ用 ) 項目に登録されているデータが表示されます 表示領域が可変であるため 表組み (table タグ ) や改行を出来るだけ使用せずに入力するのがおすすめです 画像や表組み (table タグ ) をどうしても使用されたい場合は 縦幅は指定せず 横幅を 100% で指定しましょう エディター機能は搭載されていませんが HTML タグを使用することが可能です ただし 改行すると自動で改行タグ (<br>) が挿入されるようになっています 改行タグは基本的に使用しないようにしましょう 公開画面 商品説明は商品詳細ページの下部に表示されます
PC 用の商品説明をスマホ用に移行する 1 PC 用に登録している商品説明をスマホにもコピー & 貼付けで登録する場合 以下を注意する必要があります 横幅が PC 版よりも狭くなり 表示領域が可変になるため 横幅が固定となる画像や表組み (table タグ ) を調整する必要がある 自動で改行タグ (<br>) が挿入されるため 改行タグを除去する必要がある PC 用の商品説明をスマホ用に移行登録する場合に便利な機能 ツールをご紹介 商品情報一括編集 & 一括登録店舗管理システム 商品管理 > 登録済商品一括編集 店舗管理システムには 商品情報を一括で CSV ダウンロードすることができます ダウンロードした CSV ファイルをエクセルで開いて編集すれば 簡単にコピーしてスマホ用説明を入力することができます アップロードすれば 複数件の商品データを一括して登録することができます 商品数が多い場合はカテゴリで絞り込んでご利用ください 件数が多い場合 ダウンロードできない場合があります HTML タグを全除去ツール PC 用の商品説明に HTML タグがたくさんあり スマホ用に登録したいが HTML タグを除去するのがたいへんという方におすすめなのが HTML タグ全除去ツール です PC 用の商品説明を全部コピーしてツールに貼り付けて実行すれば HTML を全て除去してくれます HTML タグ全除去ツール : http://gugenark.com/tool/html_tag_del.php
PC 用の商品説明をスマホ用に移行する 2 エクセルの置換機能で特定タグだけ除去して登録する エクセルの置換機能を使用すれば 特定のタグだけ除去することができます 1. 登録済商品一括編集 の画面でダウンロードした CSV ファイルをエクセルで開きます 2. Excel 97-2003 ブック (*.xls) 形式にて 名前を付けて保存 をします 3. 商品説明 (PC 用 ) の列を 商品説明 ( スマホ用 ) の列にコピーします 4. 商品説明 ( スマホ用 ) の列を選択します 5. キーボードの [Ctrl]+[F] を押すと 検索と置換 ウィンドウが開きます 6. 検索と置換 ウィンドウの 置換 (P) タブを開きます 7. 検索する文字列 (N) には除去したいタグを入力します ( 例 :<table>) 置換後の文字列 (E) は空 ( 何も入力しない ) にします 8. すべて置換 (A) ボタンを押下します 9. (7)~(8) の手順を 除去したいタグの数だけ繰り返し実行します 10. ファイルを上書き保存し 登録済商品一括編集 画面でアップロードします
5-3. スマホ用の 特定商取引法に基づく表示 の登録する 店舗管理システム スマホサイト管理 > 特定商取引法に基づく表示設定 インターネット通信販売は インターネットに限らず カタログやテレビなどでの通信販売も含め 特定商取引に関する法律 という法律の適用を受けます この法律では 通信販売によって商品やサービスを提供する業者は 表示しなければならない項目が規制されています きょうとウェルカムでは 表示しなければならない項目の入力欄を設けていますので 項目に従って必ず入力してください スマホ版の特定商取引法表示ページに表示される情報は スマホサイト管理 > 特定商取引法に基づく表示設定 に登録されているデータが表示されます 未登録の場合は PC 用に登録されているデータをコピー貼付けにて登録してください 公開画面
5-4. スマホ用の お支払い の登録する 店舗管理システム スマホサイト管理 > お支払 送料 お知らせページ設定 スマホ版のお支払方法についての説明情報は スマホサイト管理 > お支払 送料 お知らせページ設定 に登録されているデータが表示されます 各決済方法で登録した内容は店舗サイトのお支払い送料ページに表示されます また ショッピングカートのお支払い方法を選択する画面にも表示されますので お支払い方法選択時にもお客さまに確認いただくことができます 支払い方法が 有効 になっている項目には必ず入力するようにしてください 公開画面 改行しても自動で改行タグ (<br>) が挿入されませんので 改行する場合は改行タグ (<br>) を入力しましょう
5-5. スマホ用の 送料 配送 返品 の登録する 店舗管理システム スマホサイト管理 > お支払 送料 お知らせページ設定 スマホ版の送料 配送 返品についての説明情報は スマホサイト管理 > お支払 送料 お知らせページ設定 に登録されているデータが表示されます 送料について 配送について 返品について が未入力の場合は メニュー自体が非表示になります 送料表の表示方法について送料表は PC 版と同様に 送料について に自動的に挿入され表示されますが 未入力の場合はメニュー自体が非表示となり 表示されませんので ご注意ください 公開画面 改行しても自動で改行タグ (<br>) が挿入されませんので 改行する場合は改行タグ (<br>) を入力しましょう
5-6. スマホ用の店舗基本情報を登録する 店舗管理システム スマホサイト管理 > お支払 送料 お知らせページ設定 店舗管理システム スマホサイト管理 > お支払 送料 お知らせページ設定 の お知らせ を登録します お知らせ スマホ版店舗サイト TOP の商品検索の下に表示されます 所在地 TEL FAX 営業時間 定休日といったお店の基本情報を掲載するのに便利です 例 ) 所在地 604-8331 京都市中京区四条通りあああ町 1 番地 TEL FAX 075(999)9999 営業時間 10 時 ~20 時 定休日水曜日 公開画面 改行しても自動で改行タグ (<br>) が挿入されませんので 改行する場合は改行タグ (<br>) を入力しましょう
5-7. スマホ用の店舗紹介文を登録する 店舗管理システム スマホサイト管理 > サイトデザイン設定 店舗管理システム スマホサイト管理 > サイトデザイン設定 の TOP メッセージ を登録します TOP メッセージ はスマホ版店舗サイト TOP の上部に表示されます お店の紹介やウェルカムメッセージ 緊急のお知らせを掲載するのに便利です 例 ) 〇〇店 へようこそ おこしやす当店は京都の 商店街にある 屋さんです どうぞ ごゆっくりとご覧くださいませ 公開画面
5-8. スマホ版を開店しよう 店舗管理システム 基本情報管理 > 基本情報設定 閉店時の設定にある 開店状況 ( スマホ用 ) の 開店中 にチェックを入れると スマホ版 を開店することができます
5-9. スマートフォンからの注文を確認する 店舗管理システム 受注管理 > 受注処理 スマホ版からの注文かどうかは受注 ID で判別することができます PC 端末にて PC 版から注文した場合 受注 ID( 例 ): S00000-20130415-00001 スマートフォン端末にてスマホ版 または PC 版から注文した場合 受注 ID( 例 ): S00000-29130415-00001 スマホ版では PC 版への切り替えが可能になっているため スマートフォン端末での PC 版の閲覧購入が行えます PC 版で購入された場合も同様にスマートフォン用の受注 ID になります (PC 端末かスマートフォン端末かで判別しています )