ネットショップ運営担当者のブログ

【Yahooトリプル】Yahooショッピングで使える検索窓の作り方![テンプレート]

新米店長
博士~!Yahooショッピング用のページを作成中ですが、
検索窓の作成が難しくって、、
EC博士
検索窓は店舗ごとにURL等が違うので難しいですね、、

こんにちは!楽しいECです
私は10年以上、アパレルジャンルのネットショップの運営に携わる仕事をしています

今回は
初心者の方向けに
Yahooトリプルで使えるYahooショッピング用の検索窓(検索機能)の作り方について
解説させていただます

初心者の方じゃなくても
Yahooショッピング内の検索機能になるので
「これってどうなるんだろう?」
ってなりそうですね

そもそもYahooトリプルとは何?

まずYahooトリプルがよく分からない方のために
簡単に説明しますと

トリプルとは店舗のトップページやカスタムページ作成するために
店舗ごとにアップロードできるサーバースペースを提供するサービスです

楽天で言う「楽天GOLD」と同じようなサービスです

トリプルなしでも店舗トップページを作ることはできますがその店舗も同じようなページになってしまいます。
トリプルを利用するとそのネット上のスペースの中で自由にページを作ることができますので、
制限なく作りたいページを作ることが可能になるのです!

ちなみにトリプルは有料(3,000円~)になりますのでご注意ください

Yahooショッピング用の検索窓の作り方!

ここからYahooショッピング用の検索窓の作り方
を解説します

このページでは初心者用に
HTMLタグをテンプレートとしてコピペで簡単に実装できるものをご紹介します

HTMLタグをコピペする!

まず、検索窓を表示させたい場所に以下のHTMLタグをコピペして貼り付けます

<center><form action="https://store.shopping.yahoo.co.jp/ストアアカウント/search.html" method="get" name="form1">
<div><input type="text" value="" class="text" name="p"></div>
<div><input type="hidden" name="ei" value="UTF-8"></div>
<div><input width="90" type="image" height="20" alt="ストア内検索" src="https://s.yimg.jp/images/store/shp/bt/str_search.gif"></div>
</form>
</center>

*Yahooショッピングが公式に紹介しているHTMLタグになります

貼り付けた後、この中の

https://store.shopping.yahoo.co.jp/ストアアカウント/search.html

「ストアアカウント」部分を、自ストアのストアアカウントへ置き換えてください。
以上でHTMLファイルは完成です

トリプルへアップロードして完成!

次に完成したHTMLファイルをトリプルへアップロードします
上手くいけば下のような検索窓ができるはずです

ちゃんと検索してみて
自社の商品が出てくるか確認してみて下さいね

このページではコピペで実装できる簡単な検索窓を紹介してみました
すこし知識がいると思いますが
これを基本に装飾など色々カスタマイズしてみて下さいね!

以上、
今回はコピぺで使えるYahooショッピング用の検索窓のテンプレートについて書かせていただきました!

何かの参考になれば、幸いです!