【ベーシックモード廃止】デザインの切り替えに関するよくある質問まとめ – makeshop よくある質問

2027/3/31（水）15時以降に、旧デザインモード（ベーシックモード）を廃止します。
「ノーコードデザイン」「クリエイターモード」への切り替えにあたって、よくある質問をまとめました。

Q. 切り替えたら、今のデザインや商品は消えますか？

A. 消えません。
商品・カテゴリー・受注・会員などのショップデータや各種設定は、デザインのモードとは別に管理されているため、切り替えても影響はありません。

また、ベーシックモードと新しいモードのデザインのデータはそれぞれ独立して保存され、ベーシックモードのデザインは、デザインのモード切り替え後でもそのまま残ります。
新しいモードでデザインを作っている間は、今のショップの表示は変わりません。「ショップに適用」ボタンを押したときに、はじめて表示が切り替わります。

＜ご注意＞
ベーシックモードで直接記述したHTML（バナーの追加、独自のレイアウトなど）は、新しいモードへ自動では引き継がれません。新しいモードで作り直す必要があります。
作業を始める前に、今のデザインのHTMLをテキストファイルなどに保存（バックアップ）しておくことをおすすめします。

◆関連記事
makeshopサポート
ショップデザインバックアップしてますか？！

Q. 合わなかった場合、元のベーシックモードに戻せますか？

A. 現状は戻すことができます。
ベーシックモードのデザインは残っているため、次の手順で元の表示に戻すことができます。

1. 管理画面の［ショップデザイン］＞［テンプレート選択・編集］を開きます。
2. クリエイターモードの編集画面にすすみ、右下にある「（旧デザイン）ベーシックモード編集画面へ」をクリックし、確認メッセージで「OK」を選択します。
　※ノーコードデザインをご利用中の場合は、画面上部のリンクからいったんクリエイターモード編集画面へ移動してください。
3. ベーシックモード編集画面で「この画面のデザインをショップに反映する」をクリックします。

＜ご注意＞
ベーシックモードに戻した場合も、廃止日までにあらためて切り替えが必要です。

Q. ベーシックモードとの違い（メリット）は何ですか？

A. スマホでの見やすさ・買いやすさ、検索対策、新機能への対応が大きく変わります。
ベーシックモードは古い仕組み（文字コードEUC-JP・テーブルレイアウト）で作られており、現在のWeb標準から離れてきています。その結果、ベーシックモードの購入率は、クリエイターモードと比べて平均10.5%低い結果となっています（2026年1月〜4月・makeshop実績）。

	旧デザインモード（ベーシックモード）	ノーコードデザイン	クリエイターモード
こんな方に	―	コードを書かずに、画面操作で整えたい方	HTML・CSSで自由に作り込みたい方
編集方法	HTML	お手本デザインを選び、色・文字・配置をクリックで調整	HTML・CSS・JavaScriptを自由に記述
スマホ対応	PC・スマホを別々に作成（URLも別）	レスポンシブ（1つのデザインで両対応）	レスポンシブ（PC・スマホ別々の作成も可）
新機能	対象外	随時追加	随時追加

■切り替えで得られる主なメリット
・スマホで見やすく、買いやすく：テンプレートはすべてレスポンシブデザインです。PC・スマホの二重管理も不要になります。
・検索対策（SEO）に強く：PCとスマホのURLが統一され、構造化データにも対応しています。
・新機能が使える：追従型購入バー、バリエーション専用画像、デザインセットタイマー（予約切り替え）、フリーページ最大1,000ページなど、新しい機能はベーシックモードでは使えません。
・制作会社やAIに頼みやすく：現在の標準的な作りのため、制作の依頼やAIを使ったデザイン作成がしやすくなります。

Q. ノーコードデザインとクリエイターモード、どちらを選べばいいですか？

A. 今のショップの状況に合わせて、次の4つのルートからお選びください。
「初期デザインのまま使っているか」「HTMLをカスタマイズしているか」「独自ページがあるか」などによって、合う進め方が変わります。「3分診断」に答えると、どのルートが合うかがわかります。

・ルート0：初期デザインのまま使っている（いちばん早い）
　クリエイターモードで「デザインセット【Complete】」を追加して適用するだけです。
　手順：①デザインセット【Complete】を追加 → ②プレビューで確認 → ③「ショップに適用」 → ④ロゴ・バナー・カテゴリーの表示を確認

・ルートA：今のデザインを活かしたい → クリエイターモード
　今のHTMLをクリエイターモードへコピーし、変数タグを置き換えて引き継ぎます。

・ルートB：コードを書かずに作り直したい → ノーコードデザイン
　お手本デザインを選び、色・文字・配置を画面操作で調整して作り直します。

・ルートC：こだわりたい・時間がない → AI・プロに任せる
　AIを使ったデザイン作成、またはプロによる有料の制作代行を利用します。

Q. 何から始めて、どれくらいの期間で終わりますか？

A. 1週ごとにやることを決めた「4週間移行プラン」をご用意しています。
11月〜12月は年末商戦、年明けは駆け込みでご相談が集中します。落ち着いて作業できる時期のうちに始めていただくのがおすすめです。

	ルートA （クリエイターモード）	ルートB （ノーコードデザイン）	ルートC （AI・プロ）
1週目：準備	チェックリストの確認、バックアップ、デザインセットの追加	チェックリストの確認、素材集め、お手本デザインの選定	イメージの整理、AIスキルの試用、代行サービスへの相談
2週目：共通パーツ・トップページ	ヘッダー・フッター・トップページのHTMLを移植	トップページのセクション作成（スライド・バナー・カテゴリーナビなど）	AIでの作成・調整、構成の確定
3週目：個別ページ	商品一覧・商品詳細・独自ページの移植、変数タグの置き換え	商品一覧・商品詳細の表示設定	各ページの作成・修正依頼
4週目：確認・適用	PC・スマホのプレビュー確認 → 購入の流れをテスト → 「ショップに適用」 → 適用後の確認

Q. 切り替え前に準備しておくことはありますか？

A. 次のチェックリストを確認してください。
□ 今のデザインのバックアップを取る
□ ショップ内のページを洗い出す（トップ・商品一覧・商品詳細・独自ページ・ヘッダー・フッター）
□ 追加しているバナー・画像・外部タグ（アクセス解析・広告タグなど）を書き出す
□ ベーシックモードで書いたHTMLは自動で引き継がれないことを確認する
□ ロゴ・画像・バナーなどの素材を1か所にまとめる
□ 作業の締め切りを決める

Q. 作業中、今のショップの表示はどうなりますか？

A. 「ショップに適用」を押すまで、今のショップはそのまま表示されます。
管理画面でモードを切り替えても、編集画面が移動するだけで、ショップの表示は変わりません。作業中のデザインは、編集画面の「プレビュー」でPC・スマホそれぞれの見え方を確認できます。

＜ご注意＞
ノーコードデザインで、すでに「適用中」のテンプレートを編集すると、変更が即時にショップへ反映されます。作業中は、適用中ではないテンプレートで編集してください。

◆関連記事
makeshopマニュアル
ノーコードデザイン：テンプレート選択・編集

Q. 今のデザインを、そのまま新しいモードに引き継げますか？

A. 自動で引き継ぐ機能はありません。
それぞれのモードで利用する「変数タグ」が異なるため、新しいモードでデザインを作り直す必要があります。今のデザインを活かしたい場合は、次の方法をご活用ください。

・クリエイターモードへ引き継ぐ：ベーシックモードのHTMLをクリエイターモードに貼り付け、変数タグを置き換えます。置き換えには「変数タグ変換ツール」をご利用いただけます（すべてのタグが自動変換されるわけではありません）。
・デザインセット【Complete】を使う：すべての機能に対応したテンプレートをベースに、今のショップに近い見た目へ整えられます。

makeshopサポート
ベーシックモードからクリエイターモードに移行する方法！
ステップバイステップで不安を解消！【Complete】クリエイターモード移行ガイド

Q. 「ショップに適用」した後、確認することは？

A. 次の3点を確認してください。
・表示と購入の流れ：PC・スマホの両方で、主要ページの表示崩れやリンク切れがないか、カートから注文完了まで進めるか
・外部タグ：アクセス解析や広告のタグが動いているか
・ベーシックモードの独自ページ：新しいページへの転送や、検索結果に表示させない設定など

Q. ショップのURLは変わりますか？SEOへの影響は？

A. URLは変わりますが、ベーシックモードのURLへのアクセスは新しいURLへ自動で転送（301リダイレクト）されます。
※独自ページは自動転送の対象外です。「フリーページへ転送」の設定を利用してください。

Q. 独自ページはどうなりますか？

A. クリエイターモードでは「フリーページ」として作り直してください。
独自ページの内容をフリーページにコピー＆ペーストして作成できます。
独自ページの設定にある「フリーページへリダイレクト」を使えば、今のURLへのアクセスも新しいページへ転送できます。

※ノーコードデザインでの独自ページの扱いについては、現在対応を検討中です。

Q. 「商品説明（スマホ）」に書いた内容はどうなりますか？

A. 別の項目に自動で反映されます。
・「スマホ商品説明」→「商品説明3」
・「スマホ商品説明2」→「商品説明4」

Q. ベーシックモードで使っていた機能で、使えなくなるものはありますか？

A. 次の機能は、新しいモードでは仕様が異なります。
・アクセス統計：makeshopのアクセス統計機能には対応していません。Googleアナリティクスでの解析をおすすめします。
・イントロページ：新しいモードにはありません。閉店設定やセキュリティ設定の内容が反映されます。
・バリエーションの表示：「項目ごとに買い物かごを表示する」「プルダウンで表示する」の2種類になり、表形式には対応していません。
・カテゴリーページでの複数商品一括カート投入：標準機能では対応していません（有償の「ダイレクトイン機能」で実装できます）。

◆関連記事
マニュアル
クリエイターモードへの移行に関するよくある質問

Q. 外部サービスの埋め込みタグや計測タグは移せますか？

A. はい、どちらのモードでも設置できます。
・クリエイターモード：<head>内も含め、HTMLを自由に記述できます。metaタグやアクセス解析・広告のタグもそのまま設置できます。
・ノーコードデザイン：「HTMLセクション」を使って、外部サービスの埋め込みコードなど任意のHTMLをページの好きな位置に設置できます。
切り替え前に、今のショップで使っているタグを書き出しておき、切り替え後に動作を確認してください。

※ご注意点（ノーコードデザイン）
HTMLセクションに書いたCSSはセクションの外側にも影響し、表示が崩れることがあります。
追従型購入バーは、PC・スマホで表示を出し分けることはできず、全商品に一律で反映されます。Amazon Pay対象の商品では表示されません。

◆関連記事
makeshopマガジン
HTMLセクション／Instagramフィード（LEEEP連携）リリース情報

Q. 自分で作業する時間がありません。任せることはできますか？

A. AIを使った方法と、プロに依頼する有料サービスがあります。
・クリエイターモードデザインスキル（無料）：「〇〇のようなデザインにして」と指示するだけで、AIがコードを書いてファイルを作成します。作成例はサンプルショップ「Nuance」でご覧いただけます。
・EC制作代行サービス（有料）：オリジナルデザインでの移行をプロが代行します。
・おてがる更新代行サービス（有料）：一部の更新作業だけを依頼したい場合にご利用ください。

※11月〜12月は年末商戦、年明けは駆け込みでご相談が集中する見込みです。早めのご相談をおすすめします。

◆関連記事
makeshopマガジン
クリエイターモードデザインスキル

makeshopサポート
ベーシックモードからクリエイターモードへ！【makeshop byGMO MCP】デザインスキルで今のデザインを引き継いで移行する方法

サービス案内
EC制作代行サービス
 おてがる更新代行サービス

Q. わからないことは、どこに問い合わせればいいですか？

A. ご利用のモードに合わせて、管理画面の掲示板からお問い合わせください。
・クリエイターモードに関するご質問：デザイン質問掲示板
・ノーコードデザインに関するご質問：質問掲示板
すぐに答えを知りたい場合は、24時間使える「AIサポート（ショップデザイン）」もご利用ください。
AIサポートの利用方法