ショップできすぎくんカスタマイズ

ショップできすぎくんは簡単に
お店を作ることが出来ますが、
致命的な問題が有るんですよね。

皆さんも薄々感じてるとは
思いますが、”ダサい”です^^;

そこで今回はショップできすぎくん
の簡単なカスタマイズを
ご紹介したいと思います。

今回はCSSを触ると言った高度な
事ではなく、初心者さんでも簡単に
見た目をよくすることが出来る方法を
ご紹介します。

ショップできすぎくんの現実

もしもは小型カメラが主力商品
なのにそれに適したヘッダー
画像が無いんですよね。

とりあえず商品を10個登録し
公開したものが下記になります

ショップできすぎくん

ダサい・・・(;´∀`)
これじゃ誰も買ってくれませんよね。

特にヘッダーはサイトの顔に
なりますので、素人感丸出しの
画像はそれだけでお客さんを
逃してしまう可能性があります。

こんな状態でPPC広告なんて
出せませんよね?
え?出したこと有る?(;・∀・)
絶対ダメですよ!
PPC広告の絶対条件は
お客さんに信用してもらう事
が大切で、素人が作ったような
サイトでは購入率はガクンと
落ちてしまいます。

しっかりとライバルと戦える
商品ページにしてから広告を
出すようにしてください。

初心者さんがPPC広告で
失敗する原因の一つがそこなんです。

ちょっと話が脱線してしまいましたが
とにかく簡単に作れるできすぎくんは
信頼度が低いと思ってください。

ほんのちょっとだけイジってみる

初心者さんでも簡単にカスタマイズ
出来る方法をご紹介します。

サイドバーの編集

サイドバーはカートに入れる
ボタンや検索窓、メニューなど
文字ばかりなので寂しい感じ。

そこで商品画像を並べて
賑やかにすることで
ショップ感が出てきます。

やり方

編集メニュー

サイドバーの編集画面で
自由ボックスをドラッグ&ドロップ
して追加します。

自由ボックスにポインタを合わせて
編集メニューのHTMLを開いて
ください。

※自由ボックスにHTMLを
打ち込んでも反映されません。
必ずHTML編集画面を開いてください。

ソースは以下

<a href=”httpから始まる商品ページのアドレス”><img src=”画像のURL” width=”190″></a><br><br>

widthは横幅を指定する時に使うものです。
今回は190pxにしてみました。

最後の<br>は改行で
2個入れることで画像間に
空白を入れています。

このHTMLを繰り返すことで
こんな感じになります

カスタマイズ後のできすぎくん

画像間に空白が空いてスッキリしています。これだけでも賑やかになりますよね。

後は上記のようにヘッダー画像も変えたい
ところですが、無料ホームページFC2など
アップしたものは表示されないとのこと。ちなみに忍者で試してみましたが
ダメでした。
今回は有料サーバーにアップしました。

トップページに大きな商品画像を!

ショップできすぎくんの機能で
トップページに新着、売れ筋などを
簡単に並べることが出来ますが
今ひとつ訴求力に掛けますよね。

そこで簡単ではありますが

大きな画像を

上記のように300px位の商品画像で
オススメしたいものをトップに
載せてあげればある程度
インパクトの有るショップに見えてきます。

やり方

要領としては先ほどと同じような
やり方になります。
トップの編集画面を開き、
自由ボックスをドラッグ&ドロップ
して、HTML編集画面を開きます。

そこに下記のソースを入れます

<img src=”画像URL” align=”left” width=”300″>

align=”left”は画像を左に
回り込ませますよ、という意味。

画像URLは

まるで囲んだ画像を

商品ページのこの画像を
右クリックしてURLコピーしましょう。
間違っても画像のコピーじゃないですよ。

そして商品ページの
この部分をコピーして↓

テキストのコピー

HTML編集画面に貼り付けます

編集画面に貼り付け

これで下にある”HTMLを挿入する”
ボタンを押します。

後はビジュアル画面で視覚的に
編集すれば出来上がるでしょう。
商品名を大きく
販売価格を赤く

最後に”商品ページはコチラ”
という文を付け足して、
商品ページのリンクを貼ることを
忘れないで下さい。

とても間違いやすいのが
HTML編集画面でなく、
自由ボックスに直接HTMLを
打ち込んでしまう失敗が多いです。

間違いないようにしましょう!

まあ、そこそこなショップに
見れますよね?

カスタマイズ後のできすぎくん

以上、ほんのちょっとだけ
ショップできすぎくんを
カスタマイズする方法でした。