FROM CACHE - jp_header

モバイル表示でAPPのアイコンを綺麗に表示させたい

shop-beginner12
Shopify Partner
5 0 0

現在ShopifyのチャットアプリINBOXを設定しています。

スマホだと”問い合わせはこちら”のようにアイコンが右下に表示されています。

 

新しくポイントAPPもインストールしたいと考えています。

この場合もポイントAPPのアイコンが右下もしくは左に表示されます。

 

スマホの下部に2つもアイコンがあるのは正直邪魔ではないかと感じました。

どちらもCSSコード等でのカスタマイズは不可と言われております。

INBOXはCSSコードを編集して多少ボタンとチャットの大きさ、位置は変えられそうです。

 

どちらも利用したいのですが、下記の方法くらいしか思い浮かびません。

 

1.INBOXはお問い合わせページのみに表示させて他のページでは読み込みしないカスタマイズを行い、ポイントAPPをは常に表示させる

2.スマホのフッターに、ナビゲーションバー(アイコン)的なものを導入して、ポイント、INBOXをフッターアイコンに入れる(実装可否は不明)

 

他に何かいい案があればぜひご教示ください。

 

もしカスタマイズしても良いというエキスパートナー様がいらっしゃれば有料で依頼したいと思いますので、ぜひお知らせください。よろしくお願い致します。

2件の返信2

Qcoltd
Shopify Partner
1051 429 417

興味があり調査してみました。

 

フッターにアイコンが2つあってもそれほど不自然ではないかもしれません。

下記のストア様はそうされているようです。

https://shop.circles-jp.com/

 

しかし、

やはり「不自然」と感じられるかもしれませんね。

 

ポイントアプリ側の仕様が分からないので言い切れませんが、

InBoxに限って言えば、

質問者様がお考えになっている案の1も2も実現可能に思えました。

しかし、CSSではなくJavaScriptも使ってDOMを組み替えた方が綺麗にカスタマイズできそうです。

(ShopifyがInBoxのアイコンに付与しているCSS IDを変更すると破綻してしまいますが。)

 

他の案としては、

逆にポイントアプリの方の自由度が高いようでしたら、

ポイントアプリの方は常に表示させず、

会員向けには、マイページの目立つ場所に情報を表示させ、

非会員向けには、(Dawnであれば)ヘッダー上のお知らせバーを使用して情報を周知する、

で良いかもしれません。

 

お問い合わせは、疑問に思った時にすぐ使用できた方が良いと思いますが、

ポイントは常に見えている必要が薄いようにも思えるからです。

 

大した情報がなく恐縮ですが、

何か参考になれば幸いです。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
shop-beginner12
Shopify Partner
5 0 0

キュー田辺様

ご返信誠にありがとうございます。

ポイントアイコンの形が横長バージョンのAPPもあるのだと参考になります!

ポイントアプリを逆に会員ページのみで周知する案も素晴らしいですね。

可能なのかちょっと調べてみたいと思います。

 

ちなみにポイントAPPは高額だとカスタマイズ出来そうですが、やはり月額費用がリーズナブルだとカスタマイズは不可なところが多いようです。

 

そもそも英語圏APPだとポイント換算のレートが変更不可のAPPが多く(1ドル1ポイントが基本のため、日本だと10,000円で10,000ポイント溜まっちゃう)なので国内利用では選択肢がかなり限られているように思いました。

 

貴重なご意見誠にありがとうございます。