まるごとスマホマニュアル

(1)

マニュアル

(2)

まるごとスマホマニュアル rev003

ご利用の流れについて

基本設定

画面名称

2

ページ作成のステップ・・・・・・・・・・・・・・・・・ 5 ログイン方法・・・・・・・・・・・・・・・・・ 7 ECステーションシリーズお試し方法・・・・・・・・・・・・・・・・・ 9 店舗情報設定・・・・・・・・・・・・・・・・・ 11 FTP転送設定（楽天市場）・・・・・・・・・・・・・・・・・ 12 作成画面・・・・・・・・・・・・・・・・・ 18 PC商品ページからページを作成・・・・・・・・・・・・・・・・・ 23 カテゴリでページを管理する・・・・・・・・・・・・・・・・・ 24 商品を追加する・・・・・・・・・・・・・・・・・ 29 素材の取り込み・・・・・・・・・・・・・・・・・ 15 本システムの基本的な仕組み・・・・・・・・・・・・・・・・・ 6 ページ設定・・・・・・・・・・・・・・・・・ 19 カラーパターンの設定・・・・・・・・・・・・・・・・・ 20 ページの作成・・・・・・・・・・・・・・・・・ 22 商品の詳細検索・・・・・・・・・・・・・・・・・ 30 ブロックの追加・削除・・・・・・・・・・・・・・・・・ 28

ページの作成・管理

商品一覧ブロック設定・・・・・・・・・・・・・・・・・ 34 [商品一覧]一括デコレーション・・・・・・・・・・・・・・・・・ 35 素材画像ブロック設定・・・・・・・・・・・・・・・・・ 39 商品情報の一括編集・・・・・・・・・・・・・・・・・ 32 素材画像の追加・・・・・・・・・・・・・・・・・ 38 テキストの追加・・・・・・・・・・・・・・・・・ 40 ページ一覧画面・・・・・・・・・・・・・・・・・ 17

ブロックの追加・管理

FTP転送設定（Yahoo!ショッピング）・・・・・・・・・・・・・・・・・ 14

(3)

もくじ（2）

HTML出力

商品ページのHTMLソース出力・・・・・・・・・・・・・・・・・ 52 トップページに設定するには・・・・・・・・・・・・・・・・・ 54 カスタムページのHTMLソース出力・・・・・・・・・・・・・・・・・ 53

お問い合わせ・お手続きについて

その他の設定・機能一覧表

お問い合わせ・・・・・・・・・・・・・・・・・ 61 ログインIDについて・・・・・・・・・・・・・・・・・ 56 共通設定画面について・・・・・・・・・・・・・・・・・ 58 お試し・正式申込について・・・・・・・・・・・・・・・・・ 62 パスワードを忘れた場合・・・・・・・・・・・・・・・・・ 57 表記について／推奨動作環境・・・・・・・・・・・・・・・・・ 63 横並びブロックの設定・・・・・・・・・・・・・・・・・ 42 メニューテーブルの追加・・・・・・・・・・・・・・・・・ 43 テキストの詳細設定・・・・・・・・・・・・・・・・・ 41 HTML直接入力と設定・・・・・・・・・・・・・・・・・ 45 スライダーの追加と設定・・・・・・・・・・・・・・・・・ 46 ショップ検索の追加と設定・・・・・・・・・・・・・・・・・ 48 画像テーブルの追加・・・・・・・・・・・・・・・・・ 44 水平線の追加と設定・・・・・・・・・・・・・・・・・ 49 「TOPに戻る」ボタンの追加と設定・・・・・・・・・・・・・・・・・ 47 スペースの追加と設定 _{・・・・・・・・・・・・・・・・・ 50} FTPアップロード先・・・・・・・・・・・・・・・・・ 55

(4)

●ご利用の流れについて

(5)

ページ作成のステップ

FTP設定をします。

スマホページ作成が完了したら、

画像アップロード、HTML出力し

そのページに移動できるように

リンク、もしくはバナーを貼り付けます。

ページ作成完了までは大きく下記3ステップで行っていただけます。

【ステップ①】

スマホページを作成します。

商品情報やテキスト、バナー、

「素材アルバム」の素材も追加できます。

初期設定

【ステップ③】

スマホページ

作成

【ステップ④】

HTML出力

(6)

本システムの基本的な仕組み

本システムの基本的な仕組み（概要）は下記の通りです。

ご参考としてご確認ください。

6 基本の仕組み

[モール] 検索APIから商品情報取り込み素材アルバムから画像取り込み

HTML出力

画像アップロード

ドラッグでスマホページ作成

まるごとスマホ

商品ページ：

画像やテキストを挿入して作成します。 PC用ページをキャプチャできます。にぎわいランキングR3からランキング商品情報取り込みにぎわいRMIXから新着商品情報取り込みおまかせマイデザイナーからレイアウトを取り込み

カスタムページ：

画像、テキスト、スライダー、商品情報等のブロックを組み立てて作成します。 商品ページ： スマホ用商品ページに貼り付けます。 カスタムページ： 別のページからリンクさせたり、トップページの場合はリダイレクトさせます。

(7)

ログイン方法（１）

お試し申込後に弊社からお送りする「【重要】ECステーションアカウント登録完了のご案内」に 記載されている「ログインID（お申込み時メールアドレス）」「パスワード」にてログインします。 パスワードを忘れた場合は「パスワードを忘れたら」をクリックし、再発行を行うことができます。 ※本システムではブラウザの戻るボタンは使用しないようにお願い致します。

①「ログインID（お申込み時メールアドレス）」「パスワード」を入力します

②「ログイン」ボタンをクリックします

① ②

ECステーションログインページにアクセスします

ログインページ：

https://ecstation.jp/

1

2 ログイン情報を入力し、ログインボタンをクリックします

(8)

ログイン方法（２）

8

ログインすると、下記のスタート（ホーム）画面が表示されます。お試し中/ご利用中のショップが表示されます。まるごとスマホで使用する画像の管理、圧縮ができます。パスワード変更、休業日等の設定ができます。各サービスの残りのお試し期間や申し込み状況が確認できます。メールでのお問い合わせします。各種マニュアルを表示します。ログアウトします。メニューの表示/表示切り替えボタン

(9)

ECステーションシリーズお試し方法

左上メニュー（≡マーク）内「サービス申込状況一覧」から、追加で別のサービスをお試し申込することができます。貴店のパワーアップ化に是非ともお役立てください。 ステータスは以下の通りです。 利用中：正式利用中のサービスです。 お試し受付中：まだお試し利用してないサービスです。「お試し利用する」の文字が表示されます。 お試し中：お試し利用中のサービスです。お試し期間と「正式利用する」の文字が表示されます。 お試し期限切れ：お試し期間が終わったサービスです。「正式利用する」の文字が表示されます。解約：解約済みのサービスです。 ECステーションを始めてご利用の場合には、初回はFAXでの正式申込が必要です。 http://www.intecrece.co.jp/ec/doc/contract.pdf ※既にECステーションシリーズで、一つ以上サービスを正式利用開始している場 合には、このスタート画面から『お試し申し込み＆正式申込』を行うことができ るようになります。

(10)

●基本設定

(11)

店舗情報登録

モールでの検索を利用するために店舗情報を登録します。（※初回時は弊社にて登録しております。）左側メニュー内「ショップ情報」から設定するショップを選択してください。

①

①「店舗名」「店舗URL」「店舗URL（モバイル）」

「店舗ID」「ショップ内検索ID」を入力します。

②「保存」ボタンをクリックします。

②

楽天の店舗IDは、店舗URLhttp://www.rakuten.ne.jp/shop-name/ もしくは http://www.rakuten.ne.jp/gold/shop-name/ の「shop-name」の部分です。 （ショップ内検索）SIDは、受注番号の初めの6ケタの数字です。

「店舗情報設定」をクリック

ショップを選択

(12)

FTP転送設定（楽天市場）

12

画像やスマホページをアップロードする為、FTP転送設定を行います。（※楽天GOLDの申込が必要です。）設定をするには左側メニュー内「ショップ情報」から設定するショップを選択してください。

①

FTPパスワードは３ヵ月に一回の変更が必要ですので、パスワード変更の際は 本システムに登録したFTPパスワードも忘れずに変更をお願い致します。 ※アップロードができなくなりますのでご注意ください。

①「FTPアカウント」を入力します。※通常はショップIDと同じです。

②「パスワード」を入力します。※FTPパスワードです。

（RMSログインパスワードはありません。）

③「接続テスト」ボタンをクリックします。

（入力したアカウント・パスワードを確認できます。）

④ 確認ダイアログの「OK」ボタンをクリックします。

※ 運用を開始するとGOLDスペース内に「ecstation/spc/」というフォルダが自

動的に作成され、その中に任意のファイル名でHTMLファイルが転送されます。

②

④

楽天GOLDのFTPパスワードと、R-Cabinetへの画像転送パスワードは共通です。 ※なお、FTP接続先ホスト名は本システムにて初期設定されていますので設定は不要です。

「FTP/HTTP接続設定」をクリック

③

ショップを選択

(13)

楽天GOLDについて

※ 画像転送先の容量について 容量不足の場合は画像やページがアップロードできません。容量不足にならないように不要なファイルは削除してください。プランにより GOLDの容量制限が異なりますので、容量等は定期的にチェックしてください。 ※ パスワードについて 楽天市場の仕様により、GOLDパスワードの使用期限が決まっております。パスワードを変更した際には、ECステーションに設定しているパスワードの変更もお忘れないようお願い致します。

楽天GOLD申込方法：

［1］ R-Storefront ＞［1-3］関連機能＞楽天GOLDの申込とマニュアル ※申込が完了している場合はマニュアルが表示されます。

FTP転送パスワードの変更方法：

［5］ R-Cabinet ＞［5-3］画像一括登録／一括削除＞ FTPサーバーパスワード変更本システムを楽天市場のショップでご利用いただくには楽天GOLDの申込が必要です。お申込みが完了されてない場合にはRMSにログインして申込をお願い致します。

(14)

FTP転送設定（Yahoo!ショッピング）

14

ヤフーショッピングのショップでは、「画像管理」と「トリプル」（有料）がございます。 スマホ用商品情報では「画像管理」のみでご利用可能ですが、カスタムページをアップロードする場合はトリプル契約が必要です。

①

③

FTP接続設定

①「FTPアカウント」を入力します。 ※ store-**** (****には貴社のストアアカウントを入力) ②「パスワード」を入力します。 ※ ＦＴＰアップロード機能申請後、Yahoo!ショッピングからお知らせされます。 ③「接続テスト」ボタンをクリックします。成功すると保存されます。

②

「FTP/HTTP接続設定」

をクリック

FTPアップロード機能申し込み方法： ストアマネージャー＞その他の情報＞各種申請＞ FTPアップロード機能＞ Yahoo!ショッピングストア－各種申請フォーム

※申請後１週間前後の時間が掛りますので、事前に申し込みをしておいてください。

申請されてなかった場合には、お試し期間延長等対応させていただきますので弊社までご連絡をお願い致します。

①

_②

③

トリプル接続設定

①「FTP用Yahoo! JAPAN ID」を入力します。 ※ トリプル申し込み時のYahoo! JAPAN ID

②「 FTP用Yahoo! JAPAN IDのパスワード」を入力します。 ③「接続テスト」ボタンをクリックします。成功すると保存されます。 Yahoo!トリプル機能申し込み方法： ストアマネージャー＞ストアを作る＞トリプルお申し込み

※申し込み後最大1時間掛りますのでご了承ください。

トリプル：お申し込み http://storedoc.ec.yahoo.co.jp/s/shopping/manual/appendix/i/370.html

ショップを選択

FTP接続

トリプル接続

(15)

素材の取り込み

画像編集に使う素材は予め素材アルバムから取り込んでおいてください。ここでは簡単に説明しますが、詳しくは素材アルバムマニュアルをご確認ください。左側メニューから「素材アルバム」をクリックします。

１

２

① 「WEBから追加」ボタンをクリック ② 取り込みたい画像があるページのURLを入力 ③ 画像を取得ボタンをクリック ④ 取得された画像をクリックして選択 ※Ctrlキーで複数選択できます。 ⑤ 「OK」ボタンをクリック ① 「ファイルから追加」ボタンをクリック ② コンピューター内の追加したいファイルを選択し「開く」ボタンをクリック ※複数追加する場合は続いて「ファイルを追加ボタン」をクリックして追加します。 ③ 追加ボタンをクリック

(16)

●画面名称

(17)

ページ一覧画面

画面の名称、各機能について説明します。一括削除と一括カテゴリ移動ボタンは選択しないと表示されません。カテゴリ一覧「新しいページを作成」ボタン「ＰＣ商品ページから作成」ボタン _{表示方法「リスト表示」} 「サムネイル」表示表示順の変更チェックボックス一括削除ボタン一括カテゴリ移動ページを編集 ※ページ名をダブルクリックしても開きますページをコピーページを削除

(18)

作成画面

18

画面の名称、各機能について説明します。作成画面ページ一覧へ戻る操作ボタンページ設定バー設定タブ

(19)

ページ設定

「カスタムページ」と「商品ページ」で設定できる内容が異なります。配置した画像がオリジナルより縮小されている場合、縮小したサイズにリサイズして容量を小さくできます。ページ名入力欄全体の幅を設定作成しているページに移動するためのバナーを設定背景画像を設定背景色を設定現在の容量/モールの容量制限カラーパターンを設定ファイル名入力欄ショップ切替

商品ページ：

カスタムページ：

(20)

カラーパターンの設定

20

カラーパターンを設定することでページの色をまとめて設定することができます。

設定例：

設定バーからカラーパターンを設定します。

１

各ブロック設定でカラーのどのパターンを使用するのか設定します。背景、枠線、テキストなど個別に設定できます。 ※画面はショップ検索ブロックです。

２

(21)

(22)

ページの作成

22

ページ一覧画面からページを作成します。白紙の商品ページ、トップページや特集などの カスタムページをテンプレート、 もしくは白紙から作成できます。 PC商品ページをキャプチャし 画像にして商品ページを作成します。

(23)

PC商品ページからページを作成

PC商品ページからページを作成します。

１

２

３

ページ一覧から「PC商品ページから作成」をクリック商品管理番号とキャプチャする範囲、表示幅を選択 OKをクリック ※キャプチャ完了まで時間がかかることがあります。編集画面で不要な部分を切り抜けます。

(24)

PC商品ページからページを作成（2）

24

キャプチャされた画像の切り抜き方法です。選択された範囲以外が切り取られます。選択された範囲の横幅分が切り取られます。選択された範囲の縦幅分が切り取られます。

(25)

PC商品ページからページを作成（3）

キャプチャされたがうまくできない場合は以下をご確認ください。 ※ 高さ8000px以上はキャプチャできません。それ以上は切り取られます。 ※ 1ページに複数商品がある場合は、販売説明文や商品説明文は キャプチャできません。 ページ全体のキャプチャをお試しください。8000px以上はキャプチャできません。 ※ 販売説明文や商品説明文のHTMLに画像やCSSが相対パスに なっている場合は、ページが正しくキャプチャできません。画像が表示されな かったり、崩れたりします。ページ全体のキャプチャをお試しください。 ※ HTMLに誤りがある場合は、販売説明文や商品説明文が 正しくキャプチャできません。画像が表示されなかったり、崩れたりします。 ページ全体のキャプチャをお試しください。 ※ CSSの表記が「<style type=“text/css”>」以外になっている場合は販 売説明文や商品説明文が正しくキャプチャできません。画像が表示されなかっ たり、崩れたりします。ページ全体のキャプチャをお試しください。 ※販売説明文や商品説明文のみを取得する際にページを再構成を行って表示し ている為、モール側で「直接表示ではない」と警告が表示されることがあるよ うです。その場合はキャプチャ範囲を「商品ページ全体」を選択して必要な部 分を切り抜いてご利用ください。

(26)

カテゴリでページを管理する

26

たくさんあるページをカテゴリ毎に管理する方法です。

１

「+」ボタンからカテゴリを作成します

２

ページを直接任意のカテゴリにドラッグするか、複数ページの場合は、リストでチェックボックスを選択して「移動する」ボタンからまとめて移動できます。

(27)

(28)

ブロックの追加・削除

28

右側パネルの「ブロック選択」からブロックをドラッグアンドドロップして追加できます。ブロックの右上にはブロック操作を行うボタンがあります。ブロックを上下に入れ替えられます。ブロックのお気に入り保存ブロックを下に複製ブロック内のデータを削除ブロック自体の削除

(29)

商品を追加する

商品を追加する方法です。

①

②

③

１

「ブロック選択」から「商品一覧」ブロックを_{ページ上にドラッグアンドドロップします。}

２

「商品選択」から商品を検索してドラッグします。

④

・詳細表示と画像表示から表示方法が切り替えられます。 ・にぎわいランキングR3をご利用の場合はランキングの商品を追加すること ができます。 ・にぎわいRMIXをご利用の場合は新着商品から追加することができます。 ① 商品選択タブをクリックします。 ② 「店舗から検索」を選択します。 ③ カテゴリやキーワードで絞り込んで検索します。詳細検索もできます。（次ページ参照） ④ 商品を商品一覧にドラッグします。

(30)

楽天商品検索について

30

楽天店舗から検索内の「詳細検索」の画面です。 • 楽天APIの仕様でキーワードは必須です。英数字、ひらがな、カタカナの場合、検索には2文字以上が必要です。すべての商品を対象に含めたい場合は、すべての商品説明文や商品名などに共通するキーワードを入れていただくなど運用の工夫をお願い致します。 • 検索欄ではスペースをあけて複数のキーワードで検索できます。 キャリアを変更すると、キーワードのキャッチコピー及び商品説明文の検索対象が 変わります。 PC情報:PC用商品説明文、PC用キャッチコピー モバイル情報:モバイル用商品説明文、モバイル用キャッチコピー スマートフォン情報:スマートフォン用商品説明文、モバイル用キャッチコピー

キーワードの検索対象：

（楽天APIの仕様で変わる場合がございます。）

商品番号

商品名

キャッチコピー※

商品説明文※

販売説明文

※キャリア選択で対象が変わります。上記吹き出し参照。

(31)

Yahoo!商品検索について

Yahoo!ショッピングモールで検索できる項目の画面です。

検索するキーワード、商品番号等を入れます。任意で価格帯や検索オプションを

指定します。

「検索」ボタンをクリックします。

• Yahoo!APIの仕様でキーワードは必須です。検索には1文字以上が必要です。すべての商品を対象に含めたい場合は、すべての商品情報や商品名などに共通するキーワードを入れていただくなど運用の工夫をお願い致します。 • 検索欄ではスペースをあけて複数のキーワードで検索できます。 • 検索する画像サイズが選択できますので、配置する大きさを考慮して設定してください。

1

2

1

2 キーワードの検索対象：

（Yahoo!APIの仕様で変わる場合がございます。）

商品コード

商品名

キャッチコピー

商品情報

(32)

32 商品情報一括編集(1)

商品名共通キーワードやイベントタグを一括で削除したり、商品名や価格を並べて直接編集することができます。 1.商品の一括更新]画面でイベントタグを 削除したい商品にチェックをつけます。すべての商品からイベントタグを削除したい場合は、一番上のチェックボックスをチェックしますと一括ですべての商品が選択されます。 2.左上の「イベントタグの削除」をクリックします。 3.イベントタグの削画面で[対象]の「商品名」か 「キャッチコピー」選択します。以下どちらか削除方法を選択してください。 (次ページヘ) イベントタグの【】隅括弧を一括で外すことができます。この一覧で直接価格や商品名など、情報の変更できます。後からでも表示して変更可能です。

(33)

商品情報一括編集(2)

[イベントタグをすべて削除する]

選択した商品から

複数あるイベントタグを一括削除

します。

例：『オニキスマーカサイト【天然石】【現品限り】【送料無料】』 → 『オニキスマーカサイト』

イベントタグで残したいものがあった場合は削除しない「除外キーワード」欄に入力します。

例：除外キーワード：天然石の場合 『オニキスマーカサイト【天然石】【現品限り】【送料無料】』 → 『オニキスマーカサイト【天然石】』

[キーワードを指定して削除する]

選択した商品から

削除したいキーワードを指定

して削除します。

例：キーワード：マーカサイトの場合 『オニキスマーカサイト【天然石】』 → 『オニキス【天然石】』 4. 「実行」ボタンを押します。

(34)

商品一覧ブロック設定

34

商品一覧のブロック設定です。 サイズを指定できます（単位はピクセル） 背景色の変更、背景画像の指定ができます。 ブロックに枠線を付けられます。 ブロックのセル数を変更できます。 商品画像のサイズを横の比率、 余白を設定できます。 おまかせマイデザイナーの機能を使って 商品画像にスタンプなど一括適用できます。 販売価格の文字を編集できます。 価格の前後に任意の文字を入れることもできます。 チェックで表示/非表示が切り替えられます。 キャッチコピーの文字を編集できます。 商品名の文字を編集できます。

(35)

[商品一覧]一括デコレーション（1）

『商品一覧』の商品画像に一括でデコレーションすることが可能です。レイアウト編集にて『ワンポイント素材』及び、『数字画像』『商品名』を一括で画像内に反映させることが可能です。

適用されているレイアウトを削除します。

共用レイアウト、保存したレイアウトを選択できます。

デコレーションのレイアウトを作成できます。

① 画像合成処理を行いたい[商品一覧]ブロックをクリックして選択

② 「ブロック設定」をクリック

③ 「レイアウトを編集する」をクリック

レイアウト編集

①

②

③

(36)

[商品一覧]一括デコレーション（2）

36 『レイアウトを編集する』をクリックすると下記の画面がポップアップされます。

ここでレイアウトを作成して、ＯＫすると商品一覧内の画像全てに同じレイアウトを一括

で反映させることができます。レイアウトは保存されますので

同じレイアウトを他のブロックでも使えます。

ドラッグアンドドロッ

プ

使い方の詳細はおまかせ

マイデザイナーマニュアル

をご確認ください。

各タイトルや

アイコンをドラッグして合成してください。

アイテムの詳細設定は「アイテム設定」タブから可能です。

主な機能説明：

商品：

商品名や価格など商品情報を合成できます。

タイトル：

タイトル画像を合成できます。

スタンプ：

スタンプを合成できます。

演出：

枠線、キラキラ等の演出を合成できます。

テキスト：

任意のテキストを合成できます。

図形：

四角形等を合成できます。

素材：

予め素材アルバムに取り込んでいる素材を合成できます。

(37)

[商品一覧]一括デコレーション（3）

●修正したい場合再度商品一覧選択＞レイアウト編集をクリックし、修正後ＯＫをすると何度でも編集し直しができます。 ●商品を入れ替えたいレイアウト編集が適用されている商品一覧へ従来通り商品選択から商品をドラッグ＆ドロップすると新しい商品でも自動的にレイアウトが適用されます。 ●他のブロックでも使いたい OKボタンをクリックするとレイアウトに名前をつけて保存しますので、次回より「レイアウト選択」ボタンより保存したレイアウトを呼び出すことができます。

合成例

商品ブロック適用例

(38)

素材画像の追加

38

右側パネルの「ブロック選択」から画像素材ブロックをドラッグして追加します。素材を直接ドラッグしても追加できます。標準の素材と「素材アルバム」で追加した素材が使用できます。

①

②

③

④

① 素材選択タブをクリックします。おまかせマイデザイナーの保存されているレイアウトを挿入することも可能です。 ② 「標準」（システム付属素材）か「素材アルバム」を選択します。 ③ 表示ボタンをクリックします。カテゴリやファイル名で絞り込んで検索も可能です。 ④ 素材画像をブロックにドラッグします。素材アルバムの画像は左側メニュー「素材アルバム」から追加できます。素材アルバムマニュアル

１

「ブロック選択」から「素材画像」ブロックを_{ページ上にドラッグアンドドロップします。}

２

素材選択タブ内から素材画像をドラッグします。

(39)

素材画像ブロック設定

素材画像のブロック設定です。 幅の比率と高さ（ピクセル）を指定できます。 画像にリンクをつけられます。 ブロックに枠線を付けられます。 画像周りの8箇所のハンドラーをドラッグすると変形できます。 PC商品ページをキャプチャできます。 キャプチャするには「商品管理番号」を 入れて取得をクリックします。 画像をおまかせマイデザイナーで編集できます。

(40)

テキストの追加

40

テキストの追加をします。テキストブロックのブロック設定です。

１

「ブロック選択」から「テキスト」ブロックを_{ページ上にドラッグアンドドロップします。}

２

テキストを入力します。 幅の比率と高さ（ピクセル）を指定できます。 ブロックに枠線を付けられます。 背景色の変更、背景画像の指定ができます。

(41)

テキストの詳細設定

テキストブロックはワープロソフトのような使い方で自由に文字を作成画面に直接入力できます。ブロックの大きさは、ブロックを選択して、四隅を左クリックしながらマウスで動かすか、ブロック設定で大きさを変更することができます。 リンク先URLはリン クにしたい部分を反転選択し、ここに URLを入力します。テキストブロック内では「ctrl＋z」でやり直しが出来ます。＊但しテキストブロック編集状態から一度外に出た場合にはやり直しはできません。 反転させた文字に対して左右中央寄 せ・フォントサイズ・太字・斜体・下 線・文字色を設定できます。 テキストブロックを選択し、文字装飾したい部分を反転させます。

(42)

横並びブロックの設定

42 画像とテキストを横並びに並べることができます。

「画像・テキスト」「テキスト・画像」の2種類の組合せがあります。

横並びの中の「素材ブロック」「テキストブロック」をそれぞれ選択すると、対応した

メニューに切り替わります。使い方、設定は素材ブロック、テキストブロックと同じで

す。

横並びブロックは素材画像ブロックとテキストブロックが並んだ状態です。

(43)

メニューテーブルの追加

テキストを並べてメニューを作成することができます。

１

「ブロック選択」から「メニューテーブル」ブロックをページ上にドラッグアンドドロップします。

２

鉛筆マークよりテキストとリンクをそれぞれ設定します。「テキストメニュー」ブロックのブロック設定 幅の比率と高さ（ピクセル）を指定できます。 ブロックに枠線を付けられます。 背景色の変更、背景画像の指定ができます。 文字を編集できます。 メニューのセル数を設定できます。 メニューの右側にナビ画像を設定できます。

(44)

画像テーブルの追加

44 画像を並べてメニューを作成することができます。

１

「ブロック選択」から「画像テーブル」ブロックをページ上にドラッグアンドドロップします。

２

素材選択タブ内から素材画像をドラッグします。「画像メニュー」ブロックのブロック設定 幅の比率と高さ（ピクセル）を指定できます。 メニューに枠線を設定できます。 背景色の変更、背景画像の指定ができます。 メニューのセル数を設定できます。 おまかせマイデザイナーのレイアウトは挿入できません。

３

よりリンクをそれぞれ設定します。

(45)

HTMLの直接入力と設定

HTMLを直接入力することができます。HTMLの知識のある中級・上級者向けの機能になります。なお、作成画面上では実際の表示はされません。（プレビューでは表示されます。） ※タグの入力に誤りがあってもそのまま出力されますのでご注意ください。 HTML直接入力ブロックのブロック設定幅の比率と高さ（ピクセル）を指定できます

１

「ブロック選択」から「HTML直接入力ブロック」を_{ページ上にドラッグアンドドロップします。}

２

HTMLを入力します。

(46)

スライダーの追加と設定

46

画像を複数挿入してスライドで並べられます。 ※自動スライドはしません。スライダーブロックのブロック設定幅の比率と高さ（ピクセル）を指定できます

１

「ブロック選択」から「スライダー」ブロックを_{ページ上にドラッグアンドドロップします。}

①

②

③

④

① 素材選択タブをクリックします。 ② 「標準」（システム付属素材）か「素材アルバム」を選択します。 ※おまかせマイデザイナーのレイアウトは挿入できません。 ③ 表示ボタンをクリックします。カテゴリやファイル名で絞り込んで検索も可能です。 ④ 素材画像をブロックにドラッグします。

２

素材選択タブ内から素材画像をドラッグします。

３

各画像をクリックし、からリンクを設定します。×ボタンから不要な画像も消せます。順番を変えるには画像を一度消してから再度入れなおします。動作はプレビューで確認してください。

(47)

「TOPに戻る」ボタンの追加と設定

ページの一番上に簡単に戻れるように「TOPに戻る」ボタンを挿入できます。「TOPに戻る」ブロックのブロック設定

１

「ブロック選択」から「TOPに戻る」ブロックを_{ページ上にドラッグアンドドロップします。}

２

鉛筆マークから「TOPに戻る」の文字を編集できます。 幅の比率と高さ（ピクセル）を指定できます。 ブロックに枠線を付けられます。 背景色の変更、背景画像の指定ができます。 文字を編集できます。

(48)

ショップ検索の追加と設定

48

ページにショップ検索バーを追加できます。「ショップ検索」ブロックのブロック設定

１

「ブロック選択」から「ショップ検索」ブロック_{をページ上にドラッグアンドドロップします。}

２

ブロック設定で色やサイズなど設定します。 幅の比率と高さ（ピクセル）を指定できます。 検索窓の枠線を設定できます。 検索ボタンのスタイル （文字・アイコン）が選択できます。 文字選択時には、書式を編集できます。 文字アイコン検索が動作するには、メインメニューからショップ情報＞店舗情報設定内の「（ショップ検索）SID」設定が必要です。（ショップ内検索）SIDは、受注番号の初めの6ケタの数字です。

(49)

水平線の追加と設定

ブロックの間に水平線を挿入できます。「水平線」ブロックのブロック設定

１

「ブロック選択」から「水平線」ブロックを_{ページ上にドラッグアンドドロップします。}

２

ブロック設定で色やサイズなど設定します。 幅の比率と高さ（ピクセル）を指定できます。 線の色を設定できます。 ※仕様上2ピクセル以下にはできません。

(50)

スペースの追加と設定

50

ブロックの間にスペースを挿入できます。「水平線」ブロックのブロック設定

１

「ブロック選択」から「スペース」ブロックを_{ページ上にドラッグアンドドロップします。}

２

ブロック設定でスペースの高さなど設定します。 幅の比率と高さ（ピクセル）を指定できます。 線の色を設定できます。 ※仕様上2ピクセル以下にはできません。

(51)

(52)

商品ページ用のHTMLソースを出力します。

商品ページのHTMLソース出力

52

１

出力をクリックします

２

ショップを選択して「画像をアップロードする」をクリックします

３

転送される画像を確認し「転送」をクリックします。

４

「HTMLソースを出力」をクリックします

５

「コピー」ボタンをクリックします

６

楽天：RMSから商品情報内「スマートフォン用商品説明文」に貼り付けます_{Yahoo!：商品ページ編集の「スマートフォン用情報」に貼り付けます} Yahoo!はアップロード先を「画像管理」か「トリプル」のどちらか選択できます

(53)

カスタムページ用のHTMLソースを出力します。

カスタムページのHTMLソース出力

１

出力をクリックします

２

ショップを選択して「画像をアップロードする」をクリックして画像一覧画面で「転送」をクリックします

３

「ページをアップロード」をクリックします。ファイル名は必須です。使える文字は半角英数字、-（ハイフン）と _（アンダーバー）のみです。 ※1 ※2 ※3 ※1 アップロードしたページに誘導するためのリンクです。 ※2 アップロードしたページに誘導するためのリンクバナーです。 ※3 PC用トップページがGOLDの場合、スマートフォンのトップページにリダイレクト （自動転送）する為のコードです。トップページ内のコード</head>前に貼り付けてください。 作成したページの移行方法によってソースコードをコピーしてください。

２

３

(54)

作成したカスタムページをトップページとして設定する方法です。

PC用トップページによって設定方法が異なります。

トップページに設定するには

54 PC用トップページを

GOLD(楽天)もしくは

トリプル（Yahoo!）で作ってますか？

はい

いいえ

スマートフォンでトップページをアクセスした時

にスマートフォン用トップページに自動移動さ

れる「リダイレクト」ができます。

手順：

1）前ページ出力画面の「リダイレクトソース」

をコピーします。

2）PC用トップページのHTML内</head>前に

貼り付けます。

併せてスマートフォン用トップをアクセスした場

合に「新しいトップページはこちら」誘導バナー

も設置をお願いします。（手順は右側参照）

モールの既存PC用トップページにはリダイレ

クトソースが貼り付けられないので、

スマートフォン用トップページに自動移動はで

きません。リンクやバナーと貼り付けてお客様

を作成したトップページに誘導します。

手順：

1）前ページ出力画面の「リンクURL」もしくは

「リンクバナーソース」をコピーします。

2）モールのスマートフォン用トップページに

リンクを貼り付けます。

モールの既存トップページを編集する方法（ログインが必要です）：楽天市場： https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=rms/rs/smart phone/02.html&s=&param2=0 Yahoo!ショッピング： http://storedoc.ec.yahoo.co.jp/s/shopping/toolmanual/editor/b/401.html

リダイレクトとは：

リダイレクトとは、サイトにアクセスしようとしたユーザーを、最初にアクセスされたURL とは

別の URL に移動させることです。

PC用トップページ

スマートフォン用

トップページ

(55)

アップロードされた画像やファイルは以下ディレクトリに保存されます。

FTPアップロード先

GOLDトップ

ecstation

spc

楽天市場 GOLD

トリプルトップ

ecstation

spc

Yahoo! トリプル

※ 画像転送先の容量について 容量不足の場合は画像やページがアップロードできません。容量不足にならないようにFTPクライアントソフトにて不要なファイルは削除してください。空き容量等は定期的に確認してください。

画像管理

追加画像

パーツ

Yahoo! 画像管理

(56)

●その他の設定・その他の画面

(57)

ログインIDについて

下記画面は共通設定画面です。ログインIDの変更を行っていただけます。

①

②

③

①「ホーム画面」＞「共通設定」

② 契約基本情報になります。（会社情報）

③ ダブルクリックして「パスワード」「名前」の変更ができます。

ログインID（メールアドレス）を忘れた場合や、変更したい場合には弊社までお問い合わせをお願い致します。お問い合わせに関しては34ページをご参照ください。 ログインIDは常にご利用中のメールアドレスでご登録願います。 弊社からの各種重要なご案内（サーバーメンテナンス、各種ご案内）等はログイン IDのメールアドレス宛てに送信致しております。（店長権限・スタッフ登録共）就きましてはログイン ID は常に利用しているメールアドレスをご登録いただけますようお願い申し上げます。

(58)

パスワードを忘れた場合

58

パスワードを忘れた場合は、ログイン画面の「パスワードを忘れたら」から再発行を行うことができます。

①「パスワードを忘れたら」をクリック

②「ログインID（メールアドレス）」を確認

③「ＯＫ」をクリック

④「受信したメール」に従って再設定を行ってください。

①

②

③

④

ログインID（メールアドレス）を忘れた場合や、変更したい場合には弊社までお問い合わせをお願い致します。

(59)

下記画面はシステム操作ログ参照画面です。「期間」「業務範囲」「ユーザー」を絞り込んで操作ログを表示することができます。

共通設定画面について

①

④

③

②

①「システム操作ログ参照」をクリック

②「ログ出力期間」を選択し、「ログ参照」ボタンをクリック

③「業務範囲」を絞り込みして表示が可能です。

④「利用ユーザー」を絞り込みして表示が可能です。

(60)

●その他の設定・その他の画面

(61)

お問い合わせ

電話サポート

株式会社インテ・クレッセ

ECステーションサポート担当

TEL： 03-6420-0620

営業時間：平日 9：00～17：30

※土・日・祝及び弊社所定の休業日は電話対応お休みとなっております。予めご了承ください。

（お問い合わせ無料）

はじめに

メールサポート

mail：

[email protected]

もしくは弊社WEBお問い合わせフォーム

http://www.intecrece.co.jp/ec/formmail/inquiry.html

営業時間：平日 9：00～17：30

ECステーションサポート担当宛

※土・日・祝及び弊社所定の休業日はメール対応はお休みとなっておりますので翌営業日にて順次対応致します。予めご了承の程お願い致します。

（お問い合わせ無料）

使い方、料金等分らないことがありましたら、弊社までお気軽にお問合せください。 改善要望や素朴な疑問等もお気軽にご連絡ください。もちろん、お試し中でも電話サポート致しております。お問い合わせの際にお客様の管理番号を弊社にお伝えいただきますとこちらの確認がよりスムーズに行えます。ECステーション画面右上の[ヘルプ]をクリックしていただき、メニュー一番上の「管理番号」をご確認くだい。

(62)

お試し・正式申込について

62 お試し期間の利用範囲

お試し期間の利用範囲の制限は特に設けておりませんので、期間内でご自由にお試しください。

正式申込方法

ECステーションのお試し期間は15日間となっております。期間が終了しますと自動的にログインできなくなります。継続ご利用いただく場合には、正式申込書を印刷いただき、ご記入・捺印の上、弊社までＦＡＸをお願い致します。 http://www.intecrece.co.jp/ec/doc/contract.pdf 「受付」が完了しましたらお申込み時のメールアドレスへ正式申込確認メールをお送り致します。

※ 既にECステーションシリーズを１つ以上ご利用の場合には、システムに

ログインした際の『ホーム画面』から全ての申し込みが可能となります。

(63)

表記について／推奨動作環境

マニュアル表記等について

本システムはASP/SaaSタイプのシステムです。システムの仕様、利用料金、デザイン等は予告なく変更することがありますので、あらかじめご了承ください。 マニュアルの内容ならびに使用されている画面は、実際の製品と異なる場合があります。 このマニュアルの解説画面に使用されている名称、文面、その他画像等は例として記載しています。 本マニュアルの一部、または全部を弊社に無断で、複写、加工、第三者への譲渡、貸与は有償、無償を問わずできません。 マニュアル内で使用しているショップ画像・商品画像は協力店舗様の許可を得て掲載しています。 システムには万全を期しておりますが、万一ご不明点や誤りがありましたら弊社迄ご連絡ください。 本マニュアルに記載されている社名、商品名、ロゴは各社の商標または登録商標です。「ECステーションまるごとスマホ」のご利用推奨環境は以下のとおりです。

推奨動作環境

・インターネット回線：ADSL回線、または光ファイバー相当の速度・OS： WindowsVista以降・CPU： Intel 1.8 GHｚ相当以上・メモリ： 2GB以上・画面解像度： 1024×768以上・ブラウザ： Chrome/FireFox/InternetExplorerの各最新バージョン（AdobeFlashPlayerがインストールされていること）

Adobe Flash Playerがインストールされてない場合は以下よりインストールしてください。 http://get.adobe.com/jp/flashplayer/

まるごとスマホ マニュアル

マニュアル

もくじ

ご利用の流れについて

基本設定

画面名称

2

ページの作成・管理

ブロックの追加・管理

もくじ（2）

HTML出力

お問い合わせ・お手続きについて

その他の設定・機能一覧表

●ご利用の流れについて

ページ作成のステップ

FTP設定をします。

スマホページ作成が完了したら、

画像アップロード、HTML出力し

そのページに移動できるように

リンク、もしくはバナーを貼り付けます。

ページ作成完了までは大きく下記3ステップで行っていただけます。

【ステップ①】

スマホページを作成します。

商品情報やテキスト、バナー、

「素材アルバム」の素材も追加できます。

初期設定

【ステップ③】

スマホページ

作成

【ステップ④】

HTML出力

本システムの基本的な仕組み

本システムの基本的な仕組み（概要）は下記の通りです。

ご参考としてご確認ください。

6

基本の仕組み

HTML出力

画像アップロード

まるごとスマホ

商品ページ：

カスタムページ：

ログイン方法（１）

①「ログインID（お申込み時メールアドレス）」「パスワード」を入力します

②「ログイン」ボタンをクリックします

ECステーションログインページにアクセスします

ログインページ：

https://ecstation.jp/

1

2

ログイン情報を入力し、ログインボタンをクリックします

ログイン方法（２）

8

ECステーションシリーズお試し方法

●基本設定

店舗情報登録

①

①「店舗名」「店舗URL」「店舗URL（モバイル）」

「店舗ID」「ショップ内検索ID」を入力します。

②「保存」ボタンをクリックします。

②

「店舗情報設定」をクリック

ショップを選択

FTP転送設定（楽天市場）

12

①

①「FTPアカウント」を入力します。※通常はショップIDと同じです。

②「パスワード」を入力します。※FTPパスワードです。

③「接続テスト」ボタンをクリックします。

④ 確認ダイアログの「OK」ボタンをクリックします。

※ 運用を開始するとGOLDスペース内に「ecstation/spc/」というフォルダが自

動的に作成され、その中に任意のファイル名でHTMLファイルが転送されます。

②

④

「FTP/HTTP接続設定」をクリック

③

ショップを選択

楽天GOLDについて

楽天GOLD申込方法：

FTP転送パスワードの変更方法：

FTP転送設定（Yahoo!ショッピング）

まるごとスマホマニュアル

_②