2020年01月28日
417 view

【おてがるツール】Yahoo!ショッピングSALEバナーを活用しよう!

Yahoo!ショッピング独自イベントのバナー設置がお手軽にできるツールを作成しました!

画像URLとリンク先URLを入力して「HTMLコードを生成する」をクリックするだけの簡単ツールです!

もちろん自社ECなどに使用するバナーのコード生成にもご利用いただけます。

▼バナー生成ツールはこちら

バナーHTMLコードジェネレーター

それでは、ツールの詳しい使い方をご紹介していきます。

 

キャンペーンページURLを取得

Yahoo!ショッピングの、ストア様向けキャンペーン案内ページへアクセスし、キャンペーンページURLを取得します。

例えば、5のつく日キャンペーンの場合は、案内ページ中ほどに下記のように促進用バナーがあります。
https://store-info.yahoo.co.jp/shopping/topics/sp2019/c01/191223-2.html

※ストアクリエイターProへログインできる方だけがアクセスできるリンクです。
※URLが古い場合があります。ストアクリエイターProのトピックスに掲載される最新のバナーをご利用ください

赤枠内の「お客様向けご案内ページURL」を右クリックでコピーします。

ツールの「キャンペーンページURL」欄に、右クリックで貼り付けます。

 

バナー画像URLを取得

使いたいバナーをクリックすると新しいタブでバナー画像が開きますので、下記のように、アドレスバーに記載されているURLを右クリックでコピーします。

ツールの「バナー画像URL」欄に、右クリックで貼り付けを行います。

 

HTMLコードを生成する

そして「HTMLコードを生成する」をクリックすると…

下の欄にHTMLコードが生成されました。
これを右クリックでコピーして、ストアクリエイターProのお好きな箇所にコードを貼り付けるだけで、簡単にバナーが設置できます!

※コードの余白が一部大きく見えることがありますが、そのままご利用いただいて問題ありません。

 

貼り付ける場所につきましては、下記ブログ記事をご確認ください。
おすすめは「①共通領域」の「 ヘッダー・看板 」です。

ストアクリエイターProへのタグ設置箇所 記事一覧
ストアクリエイターProへのタグ設置箇所①共通領域
ストアクリエイターProへのタグ設置箇所②トップページとカテゴリページ
ストアクリエイターProへのタグ設置箇所③商品ページ

▼バナー生成ツールはこちら

バナーHTMLコードジェネレーター

  

B-Spaceを使えばスライドバナー作成も楽々!

「キャンペーンバナーを1枚だけ貼り付けるよりも、複数のバナーと一緒にスライドにしたり、固定表示のフローティングにしたいなぁ…」
というストア様はB-Space「にぎわいバナー」を活用いただくと、簡単にスライドバナーが作成できます!

詳しい使い方はこちらの記事をご覧ください!

「バナー画像がそもそも作れない…」
「忙しくて手をかけられない…」

という方には、テンプレート豊富でお手軽にバナーが作成できる「GAZN(ガゾーン)」をご用意しています!

詳しい使い方はこちらをご覧ください!

バナーを豊富にして出面を増やし、売上アップにつなげましょう!

ますます便利に進化するB-Spaceを、何卒よろしくお願いいたします。

b-space

※B-Spaceに関するお問い合わせは、当ブログ右上「B-Spaceのお問い合わせ」より、ストアアカウントを添えてご連絡ください。

こちらの記事もどうぞ