運用サポート平日10:00~17:0006-6485-6485目次プレビューの表示方法とプレビュー機能についてコマースクリエイター利用時(コマースクリエイター有効化・切替後)でのプレビュー方法と仕様についてご説明します。(upgrade版)」リリースに伴い、「従来版」「upgrade版」のいずれにてECサイトをプレビューするかを、選択できるようになります。「upgrade版」を選択すると、「従来版」をご利用のまま、「upgrade版」での画面表示やデザイン表示を確認できます。プレビューの際には、どちらを選択しているかご注意ください。選択は、管理画面右上のアカウント情報表示内の、「プレビュー項目設定」にて行います。詳しい操作方法は、アカウント情報表示-プレビュー項目設定をご覧ください。「従来版」の配送・送料設定から「upgrade版」へ設定の変更(移設)をしている間に限ります。「upgrade版」を切替え後(アップグレード完了後)は、「プレビュー項目設定」は非表示となり、選択できません。アップグレード方法について詳しくは、ご利用開始のための手順(アップグレード手順)についてをご覧ください。プレビューに必要なhosts設定について(ショップの引っ越しや移行中(有効化済み)店舗様のみ)同じドメインで稼働中のECサイトがある場合や、コマースクリエイター有効化の状態では、店舗ドメインは稼働中のECサイトに適用されています。店舗ドメインでコマースクリエイター側のECサイトを閲覧するには、hosts設定が必要となります。host設定に必要なIPアドレスは、フューチャーショップサポートからのご案内に記載されています。hosts設定の手順については以下をご参照ください。DNS切り替え前に利用予定のドメインで構築や表示確認をすることはできますか?(hosts設定)をご覧ください。スマートフォン(Android/iPhoneなど)には、標準ではhosts設定機能がないため、閲覧できません。プレビューでも同様となります。PCブラウザなどでシミュレータにてご確認ください。コマースクリエイター利用時(コマースクリエイター有効化・切替後)の説明です。プレビュー方法コマースクリエイター有効後に以下の画面上の[プレビュー]ボタンを押下すると、該当のグループや商品詳細のプレビューページを表示できます。プレビューモード選択モーダル(コマースクリエイター)が開きます。「モード」を選択するいずれかの動作モードを選んでプレビューを表示できます。管理画面の設定にかかわらず、ECサイトで各オプション機能を利用する設定として表示されます。オプション機能のデザイン調整にご利用いただけます。設定にしたがって、ECサイトが表示されます。非公開の商品や商品グループは表示されません。「テーマ」を選択する選択したテーマでプレビューを表示できます。デバイス設定で選択されていないテーマでもプレビューを表示できます。押下し、表示したい順にテーマを複製してください。その後、コピー元のテーマを削除してください。削除する場合、コマースクリエイター>テーマ一覧>テーマ設定内の[テーマを削除する]ボタンを押下します。[プレビューを表示する]ボタン「モード」、「テーマ」を選択後、押下してください。別タブで、コマースクリエイターのユーザー画面のプレビューが表示されます。プレビュー用URLとQRコードスマートフォンからテーマをプレビューする場合に利用してください。表示されたQRコードをQRコード読取機能があるアプリで読み取るか、併記されたURLをメールなどで共有してください。商品グループや商品が登録されていれば、商品ページをプレビューでご覧いただけます。プレビューモードでも、カートに商品を入れて、購入を行えますが、受注データは作成されません。商品・商品グループは、それぞれ別のレイアウトを適用できます。(レイアウト割当機能利用)運用>商品管理>レイアウト・SEO設定-レイアウトにて割当されたレイアウトで表示されます。割当されていなければ、デフォルトレイアウトで表示されます。プレビュー機能については、商品グループ・商品詳細ページのプレビューもご覧ください。creator]メニューからの、各画面のプレビュー方法と機能についてWebスキミング防止対策のため、2021.4.26以降、対象画面ではfutureshopシステムおよび一部の許可されたドメイン以外からの外部読み込みの<script>タグ、<iframe>タグの記述は削除されます。2021.4.13以降、プレビュー表示においても削除されていますのでご注意ください。‐iframeタグを利用している場合をご覧ください。プレビュー可能な画面とプレビュー機能について下記の画面にて、プレビューできます。各画面ごとにプレビューの機能が違います。creator)コマースクリエイター>テーマのプレビューボタンを押下します。押下すると、プレビューモード選択モーダル(コマースクリエイター)が開きます。プレビュー機能については、コマースクリエイター>テーマ-プレビューもご覧ください。creator)コマースクリエイター>テーマ>レイアウト一覧のプレビューボタンを押下します。押下すると、プレビューモード選択モーダル(コマースクリエイター)が開きます。商品レイアウトであれば、すべての商品がプレビュー中レイアウトで表示されます。未保存の作業内容がある場合は、未保存の作業内容を適用してプレビュー表示をできます。レイアウトによりプレビューボタンを押下時の表示画面が異なります。詳しくは、「レイアウト一覧」からのプレビューで表示されるページについてをご覧ください。「レイアウト一覧」からのプレビューで表示されるページコマースクリエイター>テーマ>レイアウト一覧からのプレビューで表示されるページは、下記のようになります。プレビューボタンを押下したレイアウトがプレビューできます。ECサイトで利用していないレイアウトもプレビューできます。未保存の作業状態がプレビューに反映されます。商品・商品グループに関するページ(レビューやお問い合わせ含む)について(★インデント待ち★)いったんトップページのプレビュー表示に遷移します。任意の商品を表示してプレビューを確認してください。マイページに含まれるページについて(★インデント待ち★)プレビューモードで表示されたECサイトにて、ログインしてください。ショッピングカートから注文完了までの間のページ/「完了」ページについて(★インデント待ち★)実際にお買い物を行い、ページを遷移して確認してください。その他(★インデント待ち★)受注情報は登録されません。会員やメールマガジン会員、レビューは実際に登録されます。「メールアドレス認証画面(会員登録・メールマガジン登録)」は、「メールアドレス認証機能(会員登録・メールマガジン登録)」の設定チェックをONにしている場合に限り、確認できます。(upgrade版)」の機能を指しています。一部の店舗様は、「プレビュー項目設定」における選択が必要ですので、2024.01.24「配送・送料機能(upgrade版)」リリースに伴うプレビュー方法の一部変更についてをご覧ください。あれば該当商品ページをプレビューできます。あれば該当商品ページをプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカート(定期)から画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。ショッピングカートから画面を遷移してプレビューできます。※各連携サービスのメールアドレスと同一のメールアドレスで会員登録していると表示されません。プレビューモードで会員登録するとプレビューできます。会員は実際に登録されます。メールマガジンを登録すれば、プレビューできます。プレビューモードで任意の商品ページから、レビューを書くページをプレビューできます。プレビューモードで任意の商品ページから、商品のレビューページをプレビューできます。プレビューモードで任意の商品レビューから選択すれば、会員のレビューページをプレビューできます。プレビューモードで任意の商品ページから、レビュー投稿すればページをプレビューできます。レビューは実際に投稿されます。在庫連携している商品の商品詳細画面から画面遷移してプレビューできます。在庫連携している商品の商品詳細画面から画面遷移してプレビューできます。ログイン済みの場合は「マイページトップ」画面が表示されます。プレビューモードで店舗カード情報を登録するとプレビューできます。creator)コマースクリエイター>テーマ>カラー・サイズ一覧のプレビューボタンを押下します。押下すると、プレビューモード選択モーダル(コマースクリエイター)が開きます。選択したカラー・サイズを適用したECサイトをプレビュー表示できます。プレビュー機能については、コマースクリエイター>カラー・サイズ一覧-プレビューもご覧ください。creator)コマースクリエイター>ページ一覧のプレビューボタンを押下します。押下すると、プレビューモード選択モーダル(コマースクリエイター)が開きます。該当ページを閲覧デバイス(デバイス設定)に従ってプレビュー表示します。デフォルトレイアウトで表示されます。プレビュー機能については、コマースクリエイター>ページ一覧-プレビューもご覧ください。creator)コマースクリエイター>フリーページ一覧のプレビューボタンを押下します。押下すると、プレビューモード選択モーダル(コマースクリエイター)が開きます。該当ページを閲覧デバイス(デバイス設定)に従ってプレビュー表示します。フリーページはページごとにレイアウトを割当できます。プレビューでは、割当されたレイアウトで表示されます。割当がなければ、有効なレイアウトで表示されます。プレビュー機能については、コマースクリエイター>ページ一覧-プレビューもご覧ください。プレビューモード選択モーダル(コマースクリエイター)プレビュー可能な画面にてプレビューボタンを押下すると、プレビューモードを選択するモーダルが開きます。デザイン確認モード管理画面の設定にかかわらず、ECサイトで各オプション機能を利用する設定として表示されます。オプション機能のデザイン調整にご利用いただけます。非公開の商品や商品グループが表示されます。プレビューモードでは非公開商品をカートに入れることはできません。動作確認モード管理画面の設定にしたがって、ECサイトが表示されます。非公開の商品や商品グループは表示されません。プレビュー用URL・QRコードスマートフォンからテーマをプレビューする場合に、表示されたQRコードを、QRコード読取機能があるアプリで読み取ってください。併記されたURLをメールなどで共有してください。プレビューを表示するボタンを押下すると、別タブで表示されます。押下すると、URLをクリップボードにコピーできます。プレビューモードの機能別動作について各機能ごとに動作確認モード・デザイン確認モードのそれぞれでの表示は以下となります。(upgrade版)」の機能を指しています。一部の店舗様は、「プレビュー項目設定」における選択が必要ですので、2024.01.24「配送・送料機能(upgrade版)」リリースに伴うプレビュー方法の一部変更についてをご覧ください。(★)以下の機能を含みます。設定に準拠しない(出力する)※SBPS側の決済画面表示はできません。詳しくはPayPay画面遷移と対応機能-プレビューについてをご覧ください。設定に準拠しない(出力する)※SBPS側の決済画面表示はできません。PAY(ネット支払い)画面遷移と対応機能-プレビューについてをご覧ください。設定に準拠しない(出力する)※SBPS側の決済画面表示はできません。詳しくはコンビニ決済(SBPS)画面遷移と対応機能-プレビューについてをご覧ください。設定に準拠しない(出力する)※楽天側の決済画面表示はできません。詳しくは楽天ペイ(オンライン決済)について-プレビューについてをご覧ください。設定に準拠しない(出力する)※キャリア側の決済画面表示はできません。画面遷移と対応機能-プレビューをご覧ください。設定に準拠しない(出力する)※キャリア側の決済画面表示はできません。画面遷移と対応機能-プレビューをご覧ください。設定に準拠しない(出力する)※キャリア側の決済画面表示はできません。画面遷移と対応機能-プレビューをご覧ください。設定に準拠する※店舗受取オプションを併用されている場合は以下にご注意ください。ONの状態のプレビューがされます。「複数お届け先機能」のみでの画面遷移などを確認するには、「動作確認」モード側で表示してください。設定に準拠する※併用不可である店舗受取オプションをご利用の場合は、以下にご注意ください。「デザイン確認」モードでのプレビューにおいては、店舗受取設定-利用設定チェックON/OFFにかかわらず、出力されません。(店舗受け取り側がプレビューされます。)「複数お届け先機能」の画面遷移などを確認するには、「動作確認」モード側で表示してください。設定に準拠しない(出力する)※注意事項がございます。Recommendの概要と基本仕様-プレビュー機能についてをご覧ください。設定に準拠しない(出力する)※reCAPTCHAバッジ表示と共にスコア判定も行われます。動作確認モードの場合は、コマクリ切替済み店舗:omni-channel設定-利用設定/コマクリ未切替え店舗:運用>ポイント管理>omni-channel設定-基本設定-公開ステータスのチェックONの場合のみ出力プレビューヘッダを非表示にするCSS記述についてプレビュー表示をすると、下図(赤枠)のようにプレビューヘッダーが表示されます。非表示にするには、下記の記述をご利用のテーマのオリジナルCSSに記述してください。}プレビューの解除方法プレビューモードでECサイトを閲覧後、再度ECサイトを開くと、キャッシュの影響によりプレビューモードがそのまま表示されることがあります。その場合は、以下の方法でプレビューを解除してください。reserved.コマースクリエイターでのショップ開店がはじめての方ご利用状況コマースクリエイタ。