こちらでは弊社が提供しているポップアップのサンプル画像についてのページです。
画像のご利用に関してのご留意事項
※極端にトラフィックの多いサイトにご利用いただくと表示されないなど、エラーが起こる可能性がございます。その場合は御社サーバーに配置していただき、アイコンを呼び出すようお願い致します。
※本サンプル画像を活用して起こったあらゆる事象につきましては、株式会社空色は免責とさせていただきます。あらかじめご了承の上ご活用ください。
概要
弊社がご用意しているポップアップのサンプル画像は以下のとおりです。
御社画面でご利用いただける、画像URLを用意しておりますので、管理画面の画像URL記入欄にコピー&ペーストでご利用ください。
施策例）初回購入/購入促進/在庫消化 | |||||
|---|---|---|---|---|---|
画像見本 |  |  | |||
ファイル形式 | PNG | PNG | |||
画像URL | https://cdn.shopify.com/s/files/1/0643/5235/4553/files/image_11.png?v=1692166669 | https://cdn.shopify.com/s/files/1/0643/5235/4553/files/image_12.png?v=1692166754 | |||
施策例）リピーター | |||||
|---|---|---|---|---|---|
画像見本 |  |  | |||
ファイル形式 | PNG | PNG | |||
画像URL | https://cdn.shopify.com/s/files/1/0643/5235/4553/files/image_14.png?v=1692166836 | https://cdn.shopify.com/s/files/1/0643/5235/4553/files/image_15.png?v=1692166879 | |||
参考：御社で画像を用意する場合の推奨サイズ
御社にて画像をご用意いただく場合は、以下推奨サイズをご参考に画像作成をお願いいたします。
【WhatYa】Slider、image、Cardの推奨サイズは？
参考：サンプルCSS
閉じるボタンのCSSは以下をご参照ください。
閉じるボタンの背景色と文字色を変更したい場合
/* ポップアップ閉じるボタン 色変更 */
._ChatButton_PopupClose {
background-color: #4d4d4d;
color: #ffffff;
}
※背景色…background-color
※文字色…color
閉じるボタンのサイズを変更したい場合
/* ポップアップ閉じるボタン 色変更 */
._ChatButton_PopupClose {
background-color: #4d4d4d;
color: #ffffff;
}
参考：画像サイズを指定する際の推奨サイズ
スマホ | PC | |
|---|---|---|
画像 | 150px | 180px |