スマホのみ右上にカスタマイズボタンを表示させる方法

スマホ表示したとき、右上にボタンを設置することができます。
ここ、非常に成約率の高いボタンでもあるので、設置して損はないですね！！
こんなイメージです。

カスタムボタンの設置方法

外観＞カスタマイズ＞ヘッダー を開きます。
こんな感じで、設定項目がいくつかありますね。

アイコンクラス名とは

アイコンクラス名とは、例えば次の一覧にある icon-home を指定すると家のアイコンが適用されます。
詳しくはこちらのリンクに記載があります。
https://swell-theme.com/icon-demo/

アイコンクラスを設定しないと虫眼鏡アイコンが自動的に割り当てられます。検索機能っぽいですね。

今回は美容系サイトということもあり、次の内容を入力しました。
アイコンクラス名：icon-quill
アイコン下に表示するテキスト：WEB予約
カスタムボタン背景色：ff6b3c
リンク先URL：/booking-sumaho-menu

結果は冒頭でも紹介した通り、このようになります。
スマホの時だけこのボタンが表示されます。いい感じですね！

PCのカスタムボタン設置方法はこちらの記事を参考にしてください。

あわせて読みたい

PCのみメニューにカスタマイズボタンを表示させる方法 PCのメニューに目立たせたいボタンがあれば、このように色を付けて設定することができます！人間の心理的に右上のボタンは成約率が高いと言われているので、ここに設置...