フローティングバナー設置方法

Question

お世話になります
wowamにフローティングバナーを張付ける方法は
ございますか？
よろしくお願いします。

Answer

ECマスターズの伊藤です。

> wowamにフローティングバナーを張付ける方法は
> ございますか？

フローティングバナーを貼り付けるには
CSSを使用することとなりますが

Wowma！では、CSSを宣言する
STYLEタグが利用できないため
CSSをご利用いただくには
Wowma！Plusのご契約が必要となります。

商品ページで使用できないHTMLタグ
https://manager.wowma.jp/wmshopclient/guide/manual/item/regist/item01.html

こちらご契約中であれば
改めて、設置方法をご案内させていただきますので
まずは、wowma!Plusをご契約かどうか、
ご連絡をお願いいたします。

Answer

お世話になっております
wowma!Plus契約しております
スマホ・PC両方よろしくお願い申し上げます

Answer

ECマスターズの伊藤です。

> wowma!Plus契約しております

ご確認いただきまして、ありがとうございます。

フローティングバナーの設定ですが
下記の手順にて行ってください。

Wowma!は、スマホ、PCで使えるタグがおなじです
タグは共通で問題ございません。

画面サイズが違いますので
表示させる位置が異なる等の場合は
別々のタグをご用意頂ますよう
お願いいたします。

(1)バナー設置君にて、設置されたいバナーの設定
https://tool.ec-masters.net/home.php?

(2)テキストエディタに、以下を編集して貼り付け

==== 以下を貼り付け ====


/* 結果のからの間の内容 */
==== 以上を貼り付け ====

例＝＝＝

略


#fixedBanner1 {
略
}
#fixedBanner1 img {
略
}

＝＝＝
の場合

＝＝＝

#fixedBanner1 {
略
}
#fixedBanner1 img {
略
}
＝＝＝

(3)お好きな名称半角英字.css(例：sample.css)としていただき
文字コード（エンコード）で UTF-8 を指定して保存してください。
※sample.css.txt　のように、最後に.txtがつかないよう、ご注意ください。

(4)(3)をwowma!Plusにアップロード

(5)設置されたいページに、以下を編集して登録

==== 以下を貼り付け ====


==== 以上を貼り付け ====

例＝＝＝

略


#fixedBanner1 {
略
}
#fixedBanner1 img {
略
}

＝＝＝
の場合

＝＝＝

略

＝＝＝