平素よりmakeshopをご利用いただき、誠にありがとうございます。
コーディングやデザインの知識がなくても画面操作だけでショップデザインを編集できる新機能「ノーコードデザイン」をリリースいたします。
※2026年6月末以降、リリース予定
これまで、ショップ様より下記のようなお問い合わせを多くいただいておりました。
- 専門的なことはわからないけれど、お店のデザインを新しくしたい
- お店をリニューアルしたいけれど、時間もお金もかけられない
- スマホでお店がどう見えるか、確認しながら整えたい
- セールやキャンペーンに合わせて、バナーや見せ方をすぐに変えたい
「ノーコードデザイン」は、このようなお声にお応えするための新機能です。
また、makeshopでは今後「ベーシックモード」を廃止する予定があるため、現在ベーシックモードをご利用中のショップ様には、今後の運営方法をご検討いただく必要が生じます。詳しい終了日や移行の詳細につきましては、後日あらためてご案内いたします。
「ノーコードデザイン」は、専門的な知識がなくても「選択するだけ」「操作するだけ」でプロ品質のECショップを運営できるため、現在ベーシックモードをご利用中のショップ様にも、安心してご利用いただける後継のサービスとしてご提供いたします。
ノーコードデザインとは
ひとことで言うと、「コードを書かずに、ショップのデザインを自由に編集できる機能」です。
| 「コード」「ノーコード」ってなに？
「コード」とは、HTMLやCSSといったショップページを作るための専門の言葉（プログラミング言語）のことです。通常、ショップのデザインを細かく変えるにはこの「コード」を書く必要があり、専門知識がないと難しい作業でした。 「ノーコード」は、その名の通り「コードを書かなくてもOK」という意味です。マウスでクリックしたり、文字を入力したりするだけで、コードを書くのと同じことができるようになります。 |
ノーコードデザインでは、あらかじめ用意された「お手本デザイン（プリセットテンプレート）」を選び、色や文字、配置などを画面上で調整するだけ。「売れやすいショップの型」はシステム側でしっかり用意してあるので、誰でもプロのような仕上がりにできます。
ショップを「イチから作る」のではなく、出来上がったテンプレートを「使いながら育てていく」、スマホアプリを使う感覚で、ショップ運営を楽しんでいただけます。
冒頭のとおり、「ベーシックモード」は今後廃止予定です。
▼ 廃止の背景
ベーシックモードは、HTML/CSSの知識がなくてもショップを開設できる編集モードとして長年ご提供してきました。
しかし、2019年にレスポンシブ対応のクリエイターモードをリリースして以降、新機能・アップデートは原則クリエイターモードを対象に開発しており、両モード間で機能差が生じつつあります。
また、ベーシックモードはEUC-JPや古いテーブルレイアウトをベースとした設計であり、現代のWeb開発標準とは乖離が大きく、AIO（AIでの検索機能）にも対応できず、外部の制作会社様や開発者様との連携においても課題が生じやすい状況です。
今後はリソースをクリエイターモードに集中させることで、より多くの新機能や改善をすべてのショップ様にお届けできる体制を整えるため、このたび廃止を決定いたしました。
▼「ノーコードデザイン」のご案内
移行にあたり「コードを書く必要があるのでは」とご不安な方もご安心ください。
今回リリースする「ノーコードデザイン」は、画面操作だけでショップを構築・運営できる機能です。
廃止までの間に、以下のいずれかをご検討ください。
- 【推奨】ノーコードデザインを活用する
ベーシックモードと比較して編集の自由度が向上し、デザインの選択肢も広がります。 - クリエイターモードへ本格移行する
HTML/CSSの知識をお持ちの方や、より細やかなデザイン表現をご希望の方におすすめです。
いずれの場合も現在のショップ運営を大きく変えることなく継続いただけますので、ショップ様に合った方法をお選びください。
なお、「ベーシックモード」のコンバージョン率は、「クリエイターモード」と比較して約10％以上低い実績となっております。（平均-10.5％・2026年1月～4月実績）
そのため、より高い成果が見込める「クリエイターモード」や「ノーコードデザイン」への切り替えを推奨いたします。
主な機能
▼ テンプレート管理
複数のデザインテンプレートを作成・管理できます。テンプレートを「ショップに適用」せず、編集を繰り返すことが可能です。
▼ ページ別セクション編集
トップページ・商品詳細・カテゴリなどそれぞれのページについて、セクション（パーツ）の追加・並べ替え・表示／非表示・複製・削除をドラッグ＆ドロップで自由に編集できます。
▼ テンプレート全体のデザイン設定
背景色・文字色・ボタン色などのカラー設定を含め、見出し／本文フォントの選択、余白・角丸の調整など、テンプレート全体のデザインを統一的に設定できます。
▼ リアルタイムプレビュー
編集内容は画面右側のプレビューにリアルタイムで反映されます。PC表示／スマホ表示の切替も可能で、完成形を確認しながら直感的に編集を進められます。
メリット
- 専門知識がなくてもプロ品質のデザインに
難しいコードは一切不要。マウス操作だけで「売れるデザイン」のショップが作れます。 - リニューアル費用を節約できる
外部委託で発生していた数十万円〜数百万円のコストと、数ヶ月の制作期間を圧縮できます。 - 季節やキャンペーンに合わせて素早く切替
バレンタイン、母の日、クリスマスなど、季節やキャンペーンに合わせて、バナーやランキングの差し替えがその場で完結します。 - 「放置しても古くならない」運営
システムが継続的にデザインをアップデートするため、メンテナンスに追われることなく、商品・価格・ブランドストーリーといった本来の強みに集中いただけます。 - スマホでの見え方もすぐ確認
最近はスマホからのお買い物がほとんど。スマホ表示をプレビューで確認しながら編集できます。
■ 注意事項
・現在クリエイターモードをご利用されている場合でも、ノーコードデザインをご利用いただけます。
・初回リリース時は、プリセットテンプレートは3種類のご提供となります。今後、業種・デザインテイスト別にプリセットを順次拡充してまいります。
・作成可能なテンプレート数は最大5件です。上限に達した場合は、使わないテンプレートを削除してからご利用ください。
・「ご利用ガイド」「特定商取引法に基づく表記」「プライバシーポリシー」の3ページは、セクションの追加や並べ替えなどの編集はできません（法的に必要な情報のため、構成を固定しています）。
・HTML／CSSを直接編集する高度なカスタマイズはノーコードデザインでは対応しておりません。詳細なデザイン調整をご希望の場合は、クリエイターモードをご利用ください。
・「ショップに適用」操作を行うまで、編集内容は本番に反映されません。
■対象画面
管理画面
ショップデザイン / テンプレート一覧
※現在の「テンプレート選択・編集」が変更になります。
今後も、ショップオーナー様のご要望を実現してまいります。
引き続き、makeshopをどうぞよろしくお願いいたします。
