全ページ共通で表示する「お問い合せボタン」の設置方法
お客様から『デジタルブックに「申込みフォームはこちら」や「お問い合せはこちら」などのお問い合せボタン(リンクボタン)を設置したい』との声を聞くことがあります。
特定のページにリンクボタンを設置する場合には「コンテンツ設定」や「リンク設定」機能を利用した方法をご案内していますが、どのページを見ていても表示したいとなると、これらの機能では手間がかかってしまいます。
また、リンクボタンを任意の位置に表示するとなると、カスタマイズが必要となってきたりしますので、コスト的にも手が出しづらくなるかもしれません。
もし、リンクボタンの位置が全ページ共通で固定の箇所でも問題ないということでしたら、HTMLタグ埋め込みの「SNSボタン設置」を利用することで簡単に設置できますので、ぜひご利用ください。
ではご紹介いたします。
「SNSボタン設置」とは
HTMLタグ埋め込みの「SNSボタン設置」とは、meclibをご契約の方ならどなたでもご利用いただける機能です。
主にTwitterのツイートボタンやFacebookのシェアボタンなど、各SNSが提供している埋め込み用コードを登録することで、ソーシャルボタンをデジタルブックに表示することができます。
※PCではヘッダーの左側に表示され、スマートフォンやタブレットではグローバルメニューに表示されます。
全ページ共通で表示できるボタンの設置手順
1.ボタンの画像を用意します
1-1.ファイル名:button.png
※縦:20ピクセル、横:120ピクセル程度の大きさにするとヘッダーに収まるのできれいに表示されます。
↓
2.画像をアップロードします
2-1.ブックの編集 > コンテンツ設定をクリック
2-2.【手順1】で用意した画像を「コンテンツアップロード」よりアップロードします。
3.埋め込みコードを登録します
3-1.ブックの編集 > SNSボタン設置の「ボタンコード登録」をクリック
3-2.出現したウィンドウ内に、デジタルブックに埋め込むコードを登録します。
▼以下は登録例になります。(フォームボタンを押したときにフォームを別画面で表示)
————————————————————————————–
●連携用コード:<a href="[フォームのURL]" target="_blank"><img src="./embed/button.png" width="120" height="20" alt="フォームボタン"></a>
●コメント:フォームボタン
————————————————————————————–
以上の操作で設定は完了です。
これで、以下のようにデジタルブックにお問い合せボタンが表示されます。
もしボタンが不要になったら、SNSボタン設置の設定画面に表示されている連携用コード一覧から「無効にする」ボタンを押して無効にするか、「削除」ボタンで削除してください。
上記の3つの手順を行うことで簡単に設置いただけますので、設置してデジタルブックを閲覧されているユーザー様からのコンバージョン向上につながれば良いですね。