ヤフーショップを開業したばかりでトップページ作成が上手くいかない、自分で作って見たものの素人っぽさが出てしまいイマイチ。
そんなお悩みをお持ちの方向けにヤフーショップの無料テンプレートをご用意いたしました。
ご自由に使って頂いて構いませんので気になる方はダウンロードしてみてください。
本ページで提供していた無料テンプレートは旧デザインの内容だったため、しばらくの間ダウンロードを中止しておりましたが、この度、ヤフーショップの新デザインに対応した「無料テンプレート」を作成いたしました。
「どなたでも活用できるもの」をコンセプトに、初心者の方でも使用できるようシンプルな作りにしています。
ダウンロードについては、以下ページより詳細をご確認ください。
沢山の方にダウンロード頂いております
たくさんのヤフーショップでご活用いただき、ありがとうございます。
累計300ダウンロード突破いたしました。（2018年6月現在）
テンプレートをご使用いただいているショップ様を拝見すると、それぞれのお店に合わせて活用いただいています。
後半で活用事例を一部ご紹介しておりますので、ご参考にしてください。
Yahoo!ショッピング／トップページ無料テンプレートのデザイン
以下が、無料テンプレートのデザインイメージです。
ヤフーショップ無料テンプレートのコンセプト
ヤフーショップを開業したばかりで「お店のデザインや作成に困っているショップオーナー様に使っていただきたい」
そんな気持ちから無料テンプレートを提供しています。
その為、請負や同業者様（ホームページ作成全般等）はお応えできかねますので予めご了承ください。
テンプレートを活用するとこんなことができます
ヘッダーエリアの作成に役立ちます
メインエリアの作成に役立ちます
サイドエリアの作成に役立ちます
フッターエリアの作成に役立ちます
ヤフーショップ無料テンプレートの仕様（特徴）
- ヤフーショップトップページ（PC用）テンプレート
- サイト横幅：1000px用
- 画像を使わず（商品画像以外）読込が軽い作り
- とにかくシンプル
- トリプルを使用しない作り
トリプルについては「トリプルって何？ヤフーショップを作る上で押さえておきたい制作方法」をご参照ください。
こんな人におすすめです。
- とりあえずショップの形を作りたい
- シンプルなデザインでヤフーショッピングを運営したい
- サイドにカテゴリメニューを複数設置したい
- テンプレートを元にカスタマイズしたい
など
ヤフーショップテンプレートを使用する際のご注意事項
- プロフェッショナル出店用の無料テンプレートです。（ライト出店用ではございません）
- テンプレート編集には基本的なHTMLスキルが必要です。
- 著作権は当方に帰属しています。
- ご自身の責任のもとご利用ください。当方は一切の責任を負いかねます。
- カスタマイズや編集等は自由に行なえますが、再配布などはご遠慮ください。
- 請負や同業者様（ホームページ作成全般等）からのダウンロード申請はご対応できかねますので予めご了承ください。
- 国外からの申請は対応できかねますので、予めご了承ください。
- こちらのテンプレートは無料となっておりますので、その他ご質問はお受けできません。予めご了承下さい。
※当方からの返信に気づかれず、再度申請をされる方が増えています。
再度申請される際は、迷惑メールボックス等含め一度ご確認いただきますようお願いいたします。
ヤフーショップ無料テンプレートのダウンロードはこちら
恐れ入りますが、現在、無料テンプレートのダウンロード申請は中止しております。
※再開に関するお問い合わせはご返信致しかねますので予めご了承ください。
本ページで提供していた無料テンプレートは旧デザインの内容だったため、しばらくの間ダウンロードを中止しておりましたが、この度、ヤフーショップの新デザインに対応した「無料テンプレート」を作成いたしました。
「どなたでも活用できるもの」をコンセプトに、初心者の方でも使用できるようシンプルな作りにしています。
ダウンロードについては、以下ページより詳細をご確認ください。
ヤフーショップ無料テンプレートの反映方法
編集から反映までの簡単な流れ
- ダウンロードしたzipファイルを解凍し、yahooshop-template_ver～.htmlをお使いのエディタやメモ帳などで開く。
- ヘッダーエリア、メインエリア、サイドエリア、フッターエリアのコメントを確認する。
- それぞれのエリア内の画像URLやリンクURLなどを自分のショップ用に適宜編集する。
- 編集が完了したらブラウザなどで確認。
- 問題なければ、ヤフーストアクリエイターにて反映作業を行う。
【注意】
拡張子が出ていない場合、「html」というファイル名が確認できない場合がございますが、ファイル自体は問題ございませんので「yahooshop-template_ver～」というファイルを、エディタやメモ帳などで開いてご使用ください。
※拡張子の表示については、お使いのパソコンの設定が必要です。
※macなどのパソコンをお使いの場合、解凍方法によってはデータが上手く開けない場合がございます。
反映時のご注意事項
- ストア基本設定から編集モードを「通常モード」にしておく必要があります。
- ストアデザイン内のテンプレートをタイプ3に選択してください。
- パーツが設定されていない場合は、「パーツの並べ替え」をおこなう必要があります。 （詳しくは、ヤフーショップで用意されているストアデザインマニュアルをご確認ください）
- フリースペースをすでにお使いの場合、フリースペース内に記述されている内容はバックアップしておくと安心です。
ヘッダーエリアに反映する場合
コピーする場所（テンプレート側）
<!-- ヘッダーエリア -->～<!-- //ヘッダーエリア -->までをコピーします。
貼り付ける場所（ヤフーストアクリエイター側）
ストアデザイン→ヘッダー・看板→フリースペース
サイドエリアに反映する場合
コピーする場所（テンプレート側）
<!-- 一押しアイテム -->～<!-- //カテゴリエリア2 -->までをコピーします。
貼り付ける場所（ヤフーストアクリエイター側）
ストアデザイン→サイドナビ→フリースペース
フッターエリアに反映する場合
コピーする場所（テンプレート側）
<!-- フッターエリア -->～<!-- //フッターエリア -->までをコピーします。
貼り付ける場所（ヤフーストアクリエイター側）
ストアデザイン→フッター→フリースペース
メインエリアに反映する場合
コピーする場所（テンプレート側）
<!-- 商品一覧 -->～<!-- //商品一覧 -->までをコピーします。
貼り付ける場所（ヤフーストアクリエイター側）
ページ編集→ストアトップ（編集）→フリースペース
ヤフーショップ無料テンプレート活用事例
これまでヤフーショップ無料テンプレートをダウンロードいただいた方のお店をピックアップし、実際にどのようにテンプレートを活用されているかの参考例をご紹介しています。
※閲覧いただくタイミング等によっては、情報が異なる場合がございます。ご了承ください。
それでは、各エリアごとに活用事例をご紹介いたします。
ヘッダーエリア
ヘッダーエリアには最低限必要な要素を入れています。
そのため、必要に応じて要素を増やし、カスタマイズしていただくことも比較的簡単に行って頂けます。
メインエリア
商品画像などが並ぶため、様々な色が入りやすいメインエリアですが、シンプルな見出しですので商品を引き立てつつ、見やすい仕様となっております。
また、一部のショップ様では以下のように商品をアピールするエリアとしても、ご活用いただいております。
サイドエリア
サイドエリアは、一押しアイテムとして商品の訴求ができ、カテゴリーエリアを複数設置することで、ユーザーにとってやさしい作りになります。
また、イベントの告知などのエリアとしてもご利用いただいています。
フッターエリア
ショッピングガイドは、比較的そのまま使われているショップ様も多く見られます。
カスタマイズして、画像なども入れておくとお客様に伝わりやすく、安心してお買い物頂けます。
ヤフーショップ無料テンプレートを適用頂いているショップの皆様、誠にありがとうございます。
シンプルなテンプレートだからこそ、様々なジャンルのショップ様にお使い頂いております。
傾向としては、全体に使われるより部分的に使われているショップ様が多く見受けられます。
イメージされているショップの足りない部分や、標準機能では補えない部分などに適用いただくという使い方も可能です。
※上記掲載画像は、実際に適用いただいたショップ様の当時の画像を一部掲載したものです。
そのため「この画像のようにカスタマイズしたい」等のような内容のご質問には、お応え出来かねますのでご了承ください。
最後に
今回、無料で提供しているヤフーショップテンプレートは、シンプルかつ最低限の要素を取り入れ、初心者の方でも使いやすいよう優しい作りとなっております。
これをもとに、一押しアイテムを追加したり、カテゴリエリアを2つ、3つに増やすなど応用が可能です。（文字制限には注意してくださいね）
少しでもお役に立てたら幸いです。
