【IBISE活用のコツ】問い合わせボタンのカスタマイズ
見出し画像

【IBISE活用のコツ】問い合わせボタンのカスタマイズ

IBISE (アイビス) | 簡単サポートツール

こんにちは。IBISE note編集部です。
IBISEは、ポータルサイト(FAQサイト)を公開すると、お問い合わせフォームのボタンも自動で表示されます。FAQサイトと問い合わせ窓口を同時に用意できるのが特徴です。

キャプチャ

デフォルトの設定ではメールのアイコンだけですが、もっと分かりやすく表現したいという場合もあると思います。今回は、このボタンのカスタマイズ方法を紹介します。

ポータル管理 > ページテンプレート

にて、下記のテンプレート

・トップページ
・カテゴリー詳細ページ
・記事検索ページ
・記事詳細ページ
・エラーページ

に入っている、下記のコードを

<a class="btn" href="{{pre_request_url}}"><i class="far fa-envelope fa-lg"><span class="sr-only">{{k "portal.request"}}</span></i></a>

↓ これに変更すれば完了です。

<a class="btn btn-sm" href="{{pre_request_url}}"><i class="far fa-envelope"></i>{{k "portal.request"}}</a>

↓ 仕上がりはこちら

キャプチャ


メールアイコンをサイズダウンし、「お問い合わせ」と言う文言が表示されるようバランスを調整するコードになります。

この「お問い合わせ」の文言を変更したい場合は、{{k "portal.request"}} の部分に任意の言語を入力してください。
※サイト全体の視認性やスマホでの表示を考慮した上での設定をお願いいたします。

以上となります。
フォームへの誘導率を高めたい場合は、ぜひ設定してみてください!

【ご案内】
本操作は、IBISEの無料トライアルでも検証できます。気軽にツールを触ることができますので、ご興味がありましたらこちらよりお気軽にお申し込みください!


最後まで読んでいただき、ありがとうございました。Twitterでもシェアしていただけますと、とても嬉しいです!

やったー!また見てくださいね!
IBISE (アイビス) | 簡単サポートツール
株式会社PRAZNAと申します。FAQページや問い合わせフォームを誰でも簡単に作成できるカスタマーサポートツール 「IBISE」(アイビス) を提供しています。 https://ibise.com/