サービス利用案内

当サイトは、Internet explorer 11以上、Chrome, Safari, Firefoxの最新ブラウザに最適化されています。
ご利用のブラウザバージョンをご確認のうえ、最新のものにアップデートしていただきますようお願いします。
各ブラウザの「インストール」ボタンをクリックすると、ブラウザの最新版をインストールできます。


ネットショップの全要素を自由に編集できるスマートデザイン編集ウィンドウ

ネットショップ構築

cafe24を通じて、ショップを構築する方法についてご案内します。

01ネットショップのデザインテーマを選ぶ

cafe24では、多彩なネットショップのデザインテーマを無料で提供しています。
ネットショップのコンセプトに合わせて、希望のテーマを選んでください。
提供されている基本デザインテーマは、パソコン向けショップだけでなく、スマホ向けショップにも提供されます。

デザインテーマを見る

基本として提供されているショップデザインまたはデザインモジュールの全体的な色合いを修正するなど、希望のスタイルに修正することができます。

02デザインテーマの構造をつかむ

テーマが違っても、ショップのデザインには共通した要素があります。

デザイン構造は、大きく4種類に分けることができます。

構造の概念
ヘッダー (Header)

ページ上段に表示される領域です。
ヘッダーには一般的に、ショップのロゴ、マイショッピングに飛ぶアイコン、カートアイコンなどが置かれます。

ボディ (Body)

ヘッダーとフッターを除く、ショップの全領域です。
ヘッダーとフッターは固定要素ですが、ボディは管理者の好みの形で構成することができます。

フッター (Footer)

ページ下段に表示される領域です。
一般的に、ショップの連絡先と基本情報を表示させます。

ナビゲーション (Navigation)

ヘッダー、またはショップ左側の領域に置かれます。
ショップを一覧表示したり、希望するページに移動したりできるようするメニュー形態です。

では、ショップの基本を構成するヘッダー、ボディ、フッター、ナビゲーションを設定してみましょう。

1. ヘッダー (Header) 設定

ヘッダー領域には、基本としてマイショッピング、カートアイコン、ロゴなどが設定されています。
ロゴ領域を除いた残りのアイコンは、変更しなくても問題なく使用できます。

   

ロゴは基本設定として、管理画面側が入力した「ショップ名」が自動表記されます。
ロゴを変更したい場合は、管理画面の「PCデザイン」から「デザイン編集」ボタンをクリックすれば修正することがで

   
2. フッター (Footer) 設定

フッター領域には、管理画面側で入力したショップ情報が表示されます。
表示される情報を変更したい場合は、管理画面の「ショップ管理 > 基本情報設定 > マイショップ情報」で修正することができます。

   
3. ナビゲーション (Navigation) 設定

販売する商品が決まったら、商品分類情報を入力します。
分類情報は、管理画面の「商品管理 > 商品カテゴリ管理 > カテゴリ設定」で設定できます。

管理画面に分類情報が入力されると、ショップナビゲーション領域に自動的に表示されます。

   
4. メイン画面ボディ (Body) 設定

メイン画面は ショップの中心です。ショップを宣伝し、売上を伸ばすために、さまざまな領域をご活用ください。

メイン画面上段には、通常はバナーを表示します。バナーは、ショップのイメージを伝えたり、プロモーションや宣伝を行ったりするなど、顧客の関心を惹きつけるためのお知らせ領域として活用します。バナーを表示する時は、ショップのコンセプトに合わせてデザインしたバナーを使用する必要があります。

   

メインには、販売を目的として、新商品、ベスト商品など、多彩なコンセプトの商品を表示させることができます。

メイン商品を陳列するには、まず商品を登録して、管理画面の「商品管理 > 商品管理 > メインページ商品の入替え」で陳列を設定します。

   
03デザイン追加、デザインプレビュー

ショップデザインは、最大12個まで作成して管理することができ、その中からご希望のデザインを代表デザインとして設定することができます。
代表デザインに設定してからショップURL(ドメイン)にアクセスすると、そのデザインが表示されます。

代表デザインに設定したもの以外のデザインは、別途保管しておくことができます。
また、プロモーションやシーズンなどに合わせて定期的にデザインを変更したり、入れ替えることができます。

1. デザイン追加

デザインは、管理画面の「PCデザイン > Myデザイン」から[新規デザイン追加] ボタンを押してご確認ください。
詳しいご利用方法は、ウェブマニュアルをご覧ください。

デザインのウェブマニュアル
2. デザインプレビュー

制作したデザインは、管理画面の上部にあるデバイスアイコン(PC/Mobile)をクリックし、ご確認ください。
マルチショップを作成した場合、各国別のデザインも確認することができます。

また、「Myデザインリスト」において、デザイン名の下のURLをクリックして確認することもできます。

   
ショップデザインが全て完了したら、
次は販売したい商品を登録・表示(陳列)・管理する方法について確認しましょう。



TOP