テーマ / OMOTASE

OMOTASEおもたせ

写真が主役。原材料も日持ちも、贈る前に分かる食品ギフトのテーマ。

9,800円(税込)

バージョン 1.0.0(BASE の審査中)

OMOTASE のデモショップ。パソコンのトップページと、スマホの商品ページ

焼き菓子・チョコレート・ジャム・精肉や海産など、食品の贈り物を扱うショップのためのテーマです。写真を大きく見せる構成と、食品の販売に欠かせない「表記」「のし」「季節」の3つの仕組みを、HTML を触らずに設定画面だけで整えられます。

デモショップ「月影菓子店」は架空のお店です。商品は購入できません。

紹介動画(約25秒・音なし。説明の文字入り): パソコンのトップページ、商品一覧の絞り込み、商品ページの表、スマホの表示を順に見せています。

向いているお店

  • 焼き菓子・チョコレート・和菓子などのお菓子
  • ジャム・瓶詰め・調味料
  • 精肉・海産・冷凍のお取り寄せ
  • のし・包装・メッセージカードを受け付けるギフトのお店

商品説明を表に整える仕組みは、項目の名前を自由に決められます。化粧品の成分や雑貨のサイズ表など、食品以外の「仕様の表」にも使えます。

できること

原材料・アレルゲン・日持ちが表になる

商品ページの『商品の表記』。原材料・アレルゲン・内容量・賞味期限・保存方法・配送温度帯が表に並ぶ
商品ページの『商品の表記』。原材料・アレルゲン・内容量・賞味期限・保存方法・配送温度帯が表に並ぶ

商品説明の最後に、決まった書き方(例: 原材料 / 小麦粉、バター)で書くと、商品ページで表に整います。アレルゲンは語ごとの印に、配送温度帯(冷蔵・冷凍)は色つきの印になります。BASE には商品ごとに項目を足す仕組みがありませんが、この書き方なら商品説明だけで表記をそろえられます。目印や区切りの記号は設定で変えられます。

書き方は マニュアルの「商品説明の書き方」 にまとめています。

のし・包装・カードの案内

商品ページの『贈り物として』。のし、包装、メッセージカードの3つの段取りが並ぶ
商品ページの『贈り物として』。のし、包装、メッセージカードの3つの段取りが並ぶ

商品ページに「贈り物として」の案内を置き、のし・包装・メッセージカードの3つの段取りを見せます。名入れは商品オプション App の文字入れで受け付けられます。トップページには「贈る場面から選ぶ」(お歳暮・内祝い・手土産・自分へ など)を置けます。

季節の案内と営業日カレンダー

トップページの『贈る場面から』。お歳暮・内祝い・手土産・自分への写真が横に並ぶ
トップページの『贈る場面から』。お歳暮・内祝い・手土産・自分への写真が横に並ぶ

「お歳暮の受付は12月20日まで」のような季節の案内を設定で出せます。受付の開始日と終了日を入れれば、期間の進み具合が線で出ます。販売開始までの残り時間は、販売期間設定 App と組み合わせて出せます。曜日ごとの定休日と臨時のお休みを入れると、営業日カレンダーにもなります。

実際の価格で並べ替え・絞り込み

商品一覧の上の『並び順』『価格帯』『在庫ありだけ』の切り替え
商品一覧の上の『並び順』『価格帯』『在庫ありだけ』の切り替え

商品一覧の上に「並び順」(おすすめ順・新しい順・価格の安い順・高い順)、「価格帯」、「在庫ありだけ」の切り替えを置けます。セール中の商品はセール後の価格で並べます。選んだ条件は、商品を見て戻っても残ります。

お客様が使いやすい機能

画面の右から開く、お気に入りと最近見た商品の一覧
画面の右から開く、お気に入りと最近見た商品の一覧
  • お気に入り(商品のハートを押すと保存。ログイン不要)
  • 最近見た商品
  • 発送日の目安(「今日ご注文いただくと、10月12日(月)ごろの発送です」)
  • この商品を送る(スマホは端末の共有、パソコンは LINE・X・リンクのコピー)
  • 商品写真の拡大
  • ページの上へ戻るボタン
  • 写真つきのカテゴリ
  • トップページのブログ欄
  • ページ下部の送料の案内とお支払い方法のロゴ
  • ABOUT ページの「お買い物の案内」と「よくある質問」

どれも設定でオン・オフできます。

季節の配色を切り替えて見る

設定の「季節の配色」を選ぶと、ボタン・価格・囲み枠の色がまとめて切り替わります。下の色を押すと、同じ商品ページがその配色でどう見えるかを確かめられます。

季節の配色「初期・冬」の商品ページ。カートに入れるボタン・価格・囲み枠の色季節の配色「春」の商品ページ。カートに入れるボタン・価格・囲み枠の色季節の配色「夏」の商品ページ。カートに入れるボタン・価格・囲み枠の色季節の配色「秋」の商品ページ。カートに入れるボタン・価格・囲み枠の色季節の配色「和」の商品ページ。カートに入れるボタン・価格・囲み枠の色

そのほか

  • 在庫が少ない商品に「残り3点」のような表示
  • 購入ボタンが見えなくなったときに、画面の下に出る購入ボタン
  • トップページのパーツの表示と順番を設定で変更
  • 配色・季節の配色(春・夏・秋・冬・和)・書体・角の丸み・商品写真の形(正方形・縦長・横長)を設定で変更
  • 英語・外貨対応 App に対応(テーマの決まった文言は翻訳されます)
  • 幅 320px のスマホから表示を確認。長い商品名や8桁の価格でも崩れない作り

ページごとの見た目

デモショップ「月影菓子店」の画面です。デモショップ で実際に動かして確かめられます。

パソコン。左上からトップ、商品、カテゴリ、ABOUT、ブログ一覧、ブログ記事
パソコン。左上からトップ、商品、カテゴリ、ABOUT、ブログ一覧、ブログ記事
スマホ。左からトップ、商品、カテゴリ、ブログ一覧、ABOUT
スマホ。左からトップ、商品、カテゴリ、ブログ一覧、ABOUT

対応 App(24)

入れると、OMOTASE の画面のどこがどう変わるかをまとめました。App を入れていなくても表示は崩れません。くわしくは マニュアルの「App ごとの表示」 にあります。

売り方を広げる

AppOMOTASE での表示
商品オプション購入ボタンの上に選択肢。のしの名入れの受付にも使えます
予約販売商品ページと一覧に「予約」の印。購入ボタンの文字が変わります
販売期間設定販売開始までの残り時間を商品ページに出せます
定期便初回と2回目以降の価格を両方出します
抽選販売一覧と商品ページに「抽選」の印
テイクアウト一覧と商品ページに「テイクアウト」の印
デジタルコンテンツ商品ページにファイル名の枠
年齢制限購入ボタンの近くに、価格より大きな文字で注意書き

商品を見せる・探す

AppOMOTASE での表示
カテゴリ管理メニュー、トップページの写真つきカテゴリ、カテゴリページの道しるべ
商品検索パソコンは画面右上、スマホはメニューの中
ラベル一覧と商品ページの写真の左上に印
セール元の価格・割引率・セール価格の順。並べ替えはセール後の価格で
レビュー商品説明のすぐ下か、ページの一番下(設定で選べます)
商品説明カスタム原材料などの表のすぐ下に、App の内容
Blogトップページのブログの新着(写真の無い記事にも対応)

お客様とつながる

AppOMOTASE での表示
メールマガジントップページに登録欄
再入荷自動通知売り切れの商品で、購入ボタンが通知の受付に変わります
メッセージ画面の右下にアイコン。画面下の購入ボタンと重なりません
お知らせバナー画面の一番上に細い帯
コミュニティ一覧と商品ページに会員限定の印
メンバーシップメニューとページ下部にリンク

配送・表示

AppOMOTASE での表示
送料詳細設定価格のすぐ下に送料。クール便・地域別の料金も開いて見られます
英語・外貨対応ページ下部に切り替え。テーマの決まった文言は翻訳されます
BASEロゴ非表示テーマ側の作業はいりません
  • ここに無い App でも、ショップの画面に何も出さない App(注文や発送の管理など)はそのまま使えます。
  • 「ページ追加 App」と「デザインパーツ」は、BASE の決まりで無料のテーマでだけ使えます。かわりに、トップページの「自由記入エリア」に文や画像を足せます。

価格と購入

価格9,800円(税込)。買い切りで、月額料金はありません
購入BASE デザインマーケットから
使えるショップ購入した BASE アカウントのショップ
更新BASE の審査を通った更新は、テーマを使っているショップに届きます(HTML編集 App で書き換えたテーマを除く)

デザインマーケットでの販売は、BASE の審査のあとに始まります

購入から使い始めるまで

  1. デザインマーケットの OMOTASE のページで「プレビュー」を押し、ご自分のショップの商品写真で見え方を確かめます。
  2. デザインマーケットで購入します。
  3. BASE の管理画面の「デザイン」で OMOTASE を選び、保存します。
  4. マニュアルの「最初にやること」 の順に、ショップ名の画像・大きな画像・色を設定します。

購入の前に

  • 購入したテーマは、購入した方の都合では取り消しができません(BASE デザインマーケットの決まり)。デモショップで、パソコンとスマホの両方の見た目を確かめてください。
  • テーマ別設定の項目と画像の推奨サイズは、購入前でも マニュアル で読めます。
  • 分からないことは、購入前でも お問い合わせ で受け付けます。

導入のお手伝い

OMOTASE の導入・初期設定や、BASE のショップの見た目に関わる基本設定のお手伝いのご相談を受け付けています。ご自分で進められる方は、無料の マニュアル で足ります。お受けできること・できないこと、進め方は 導入のお手伝い をご覧ください。