Mikawaya Upsellヘルプページ|ご利用ガイド
/
応用編について
Search
応用編について
カスタマイズ/活用方法
Search
Mikawaya Upsellは、CSSの知識がある方であれば、カラー変更などのカスタマイズが可能です
コード編集>>assets>>base.cssからアップセルのポップアップ内のclass名を指定してCSSカスタマイズすることができます。
※別で新しいファイルを作成して記述いただいても問題ございません
カスタマイズコードのサンプル例
UpsellデフォルトのCSSが優位になっているため、上書きするにはセレクタ記述を工夫して点数を上げる必要があります。
下記サンプルコードをファイルに貼り付けてご利用ください。
※ストアの独自カスタマイズやテーマによっては表示崩れが起きる場合があります。CSSカスタマイズ後は必ず自ストアでのテストを行なってください。
「こちらもおすすめ」のテキスト変更
ポップアップ内の「こちらもおすすめ」のテキストを変更したい場合は下記コードを、header.liquid、footer.liquid、main-product.liquidなどに貼り付けてください。
CSSカスタマイズ
Mikawaya Upsellでは、 商品ページでカートに追加する瞬間にアップセル画面(ポップアップ)を表示することができます。
例えば、下記のような提案を実現することも可能です。
その他にも、アップセル画面にて
『この商品を追加すると、次回使えるクーポンを配布!』
や
『このバナー経由で商品を追加した方限定!◯◯をプレゼント!』
といったテキストを追加いただくことで、顧客の購買意欲をより引き出すことができます。
Upsell活用方法
アップセル画面で「送料無料」の部分などをカラーコードにしたい場合など、HTMLで設定できます。また、 {order_left} は達成までの残り金額です。
HTML例は下記をご参照ください。
アップセル内表示テキストのHTML編集