Top Banner
for スタートガイド Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製
8

for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

Jun 17, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

Page 2: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

2

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

1. パスワードを設定する

Smartpageネットショップにお申込いただくと、2営業日以内にアカウントを作成し、ログインURL、ログインID(ご登録いただいたメールアドレス)、初期パスワードをお送りします。メール記載のURLにアクセスいただき、初期パスワードでログインをしてパスワードの設定を行います。

●●● ●●●

ログイン画面 パスワード設定画面

半角英数字記号 (半角空白除く)

8文字以上 50文字以下

で設定ください

2. バナー画像の保存用フォルダを作成する

●●● ●●● クリック

入力

クリック

パスワードを設定後、トップページからライブラリをクリックして移動してください。 (バナー作成コースにお申し込みいただいたお客様はパスワード設定後にライブラリ画面に遷移します。) + ボタンをクリックして作成いただくバナーを保存するフォルダを作成してください。

クリック

Page 3: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

3

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

画像保存先URLを設定する ※HTML作成コースのお客様のみ

HTML作成コースにお申し込みいただいたお客様はデザインしたページ内の画像を出力してストアにアップロードする際の保存先フォルダのURLを設定します。 ボタンをクリックしてURLを入力してください。 ●●● ●●●

クリック

入力して「設定」

クリック

よくある ご質問 画像保存先URLに何を入れたらいいかわかりません

■ ストアクリエイターProにアップロードする場合 Smartpageで作成したページをストアに反映する場合、ページ内の画像は、すべて「追加画像」にアップロードしてご利用いただきます。商品画像ではありませんのでご注意ください。ご入力いただくURLは以下となります。 ※最後のスラッシュまで必ずご入力ください。 ※追加画像フォルダに下層フォルダを作成いただいても入力していただくURLに変更はありません。

https://shopping.c.yimg.jp/lib/ストアアカウント/

■「トリプル」のサーバースペースにアップロードする場合 「トリプル」をご利用中のお客様は、「トリプル」のサーバースペースにアップロードいただくことも可能です。 ご入力いただくURLは以下となります。 ※最後のスラッシュまで必ずご入力ください。 ※下層フォルダを作成した場合はその下層フォルダのURLを入力いただく必要があります。

https://shopping.geocities.jp/ストアアカウント/

Page 4: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

4

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

バナーを作成する Smartpageネットショップのバナーエディタはサイズ・カテゴリ別に1,500種類以上のテンプレートから画像やテキスト、スタンプを入れ替えるだけで、誰でもかんたんにバナー画像が作成できるツールです。 無地から作成することはもちろん、サイズや用途からテンプレートを選択して起動したり、キャンパスサイズを変更することも可能です。 バナーエディタの操作方法については、サポートサイト をご覧ください。

●●● ●●●

クリック カテゴリを選択

サイズを選択

よくある ご質問 バナーをアップロードしたらサイズエラーとなります

ストアクリエイターProにアップロードできる商品画像と追加画像のサイズ/容量は以下の通りです。 ※幅と高さが超える画像はアップロード時にリサイズされます。 サイズエラーとなる場合は、元の画像サイズを縮小するか、バナー保存時に画質を落とすなどして上記の容量内に保存し直してアップロードしてください。

■ サイズ/容量 商品画像 : 幅1,200px × 高さ1,200px / 2MBまで 追加画像 : 幅1,250px × 高さ1,250px / 500KBまで

バナーエディタ保存画面

Page 5: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

Smartpageネットショップのページ編集機能は実際のホームページ画面から編集したい箇所をクリックして、画像の変更、文章の書き換え・加工などが可能です。 ストアクリエイターProのHTML入力可能なフリースペースではSmartpageの文章・画像・文章+画像・見出し・表組みのコンテンツに対応しています。上記コンテンツを自由に組み合わせてストアをデザインしましょう。 ページ編集機能の操作方法については、サポートサイト をご覧ください。

5

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

ページを作成する

●●● ●●●

クリックで編集画面へ

よくある ご質問 ストアページをどこまでデザインできますか?

SmartpageネットショップでデザインいただくHTMLは、ストアクリエイターPro内のHTMLが入力可能なスペース全てのデザインが可能です。 HTML入力スペースに横幅100%で表示されるように出力しますので、商品ページやカスタムページのフリースペースだけでなく、看板やサイドナビ内のフリースペースなどもSmartpageネットショップでデザインできます。 HTMLを貼り付ける前に、ストアクリエイターProのストアデザイン > 「共通設定」または「ページレイアウト」でフリースペースをパーツに追加ください。また、看板については、パターンを「タイプ3」のHTMLに選択いただくとご利用いただけます。 ストア内のデザインする箇所ごとにSmartpage内のページを作成するとデザインしやすくなります。

ボタンをクリ ックしてメニュー非表示などのレイアウト変更もでき

ます。

リンク設定 も可能

Page 6: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

デザインしたページを出力してストアクリエイターProで表示させるためのHTMLと画像ファイルを出力しましょう。なお、編集したページの画像ファイル名が出力する度に変更されます。 テキストの編集をしただけの場合においても、画像のダウンロードが必要となりますのでご注意ください。

6

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

ページを出力する

●●● ●●● クリック

出力先を選択

よくある ご質問

ストアにHTMLを貼り付けたら文字数エラーとなります

ストアクリエイターProのフリースペースに入力できるHTMLソースコードの文字数は10,000バイト(全角5,000文字)までとなります。 長いページコンテンツや、 HTML文字数を使用してしまう複雑なページ構成や、表組みや見出しの多用などを行うと、せっかくデザインしても、ストアクリエイターに貼り付けることができません。 出力完了画面で現在の文字数が表示されますので、文字数を確認しながら作成しましょう。 フリーペースごとにSmartpage内でページを分けて作成すると、コンテンツの充実したカスタムページなども作成することができます。

クリック

出力完了画面

チェック

Page 7: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

for スタートガイド

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

7

初めてのログイン 画像保存先URL設定 バナーを作成する ページを作成する ページを出力する ストアに反映する

ストアに反映する HTMLと画像を出力したら、「画像管理 > 追加画像」から画像を出力されたzipファイルのままアップロードし、 クリップボードにHTMLをコピーして表示させたいページのHTML入力欄にペーストしましょう。 アップロード、貼り付けが終了して、「反映処理」を行うとデザインしたページが表示されます。

●●● ●●●

よくある ご質問

画像アップロード・HTML貼り付けしたのに表示されない

画像などが表示されない場合は、お手数ですが、以下をご確認ください。

1.画像保存先URLに入力したURLが間違っていないか 2.出力された画像ファイルとHTMLの「HTML出力」ボタン押下が同じであること(HTML貼り付けだけ を行っていないこと) 3.ストアクリエイターProにアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること 上記をご確認いただいてもなお、Yahoo!ショッピングのストアサイトに画像等が表示されない場合はサポートセンターまでお問合せください。

貼り付け

アップ ロード

Page 8: for スタートガイド...3.ストアクリエイター Pro にアップロードした際にサイズエラーなどが起きていないこと 4.反映処理が完了していること

Copyright(C)2015 iMobile,Inc. All rights reserved. Strictly Confidential 禁無断転載 不許複製

Smartpageネットショップに関するお問合せ

アイ・モバイル株式会社 ホームページサービスサポートセンター (対応時間:9:00~18:00(土・日・祝日および、弊社休業日を除く)

お電話でのお問合せ:0120-171-060 メールでのお問合せ:[email protected] ■Yahoo!ショッピングおよびストアクリエイターProの仕様・操作方法等ご質問内容によってはお応えできない場合がございます。 ■お時間によってはお問合せが多く、繋がりにくい時間帯がございます。