Fixed Footer Bar(twp001)バナー固定フッター Ver1.2

Fixed Footer Bar(twp001)

スマホで“逃さない導線”。画面下に固定バナーを設置し、電話・LINE・フォーム等へ確実に誘導。

「Fixed Footer Bar」は、スマートフォンでの離脱を防ぎ、
コンバージョン率を底上げするための強力な導線ツールです。

v1.2では、
  ・3つの画像リンク対応
  ・メディアライブラリから直接画像選択
  ・高さ(px)指定
  ・onclick計測
などマーケティング機能を強化しています。

導入後すぐに、見込み客を「お問い合わせ」や「予約・購入」へと自然に誘導できます。

価格:3,300円(税込)

※1サイトあたりのライセンス費用になります

※複数サイトで利用される方はサイト数分ご購入ください

※当サイトでご購入頂いた際の個人情報は厳重に管理し、第三者への提示・公開は一切致しません

Fixed Footer Bar サンプル

導入するメリット

  • スマホ画面下部に常時表示 → スクロールしてもリンクが視界から消えない
  • 電話・LINE・予約フォーム・特典ページなど、目的別に3つまで配置可能
  • リンククリック数を計測できるため効果検証が可能
  • ブランドに合わせた画像デザインで違和感なく設置

主な特徴

1) 最大3個のバナーを登録

  • バナー1〜3 をタブで設定。
  • バナーを表示するかどうかを制御
  • 画像URLはメディアライブラリから選択可

設定画面イメージ(LINK1~3の表示設定、バナー設定)

Fixed Footer Bar 設定画面(v1.2)

※初期設定としてサンプルバナー画像(3種)を同梱しています

※購入後はご自身でバナーを作成しご設定ください

2)リンクURLとonclickの設定

  • リンク種別は URL / 電話番号(tel:
  • クリック時に onclick で任意のJS(GA4 gtag 等)を実行

設定画面イメージ(リンク先URL、クリック時のJSを指定)

Fixed Footer Bar 設定画面(v1.2)

3)スマホ前提の表示制御

  • バナー出力条件幅(px)以下の画面幅で表示
    (※0で常時表示可能ですが、適したバナーのご用意が難しいため非推奨です)
  • バナーの領域の高さ でバーの高さを指定(px)
  • 画像は object-fit: cover で比率不一致時に自動トリミング

設定画面イメージ(表示条件/高さ指定)

Fixed Footer Bar 設定画面(v1.2)

4)レイアウト崩れ防止&速度

  • 表示中は body の下余白を自動調整し、コンテンツとの重なりを回避
  • 画像は loading="lazy" / decoding="async" のパフォーマンス配慮
Fixed Footer Bar サンプル

使い方(3ステップ)

  1. プラグインを有効化し、設定 > Fixed Footer Barの設定 を開く
  2. バナーを作成し、タブ1〜3 の画像とリンクを登録
  3. 必要に応じ onclick に計測コード(gtag() 等)を記述して保存

仕様・動作環境

  • WordPress:5.x 以上
  • PHP:5.6 / 7.x / 8.x

FAQ

1)画像が切れて見えます

幅いっぱいに表示するため、比率が合わない部分は自動トリミングされます。重要要素は端に寄せすぎないデザインにしてください。

2)クリック計測はできますか?

onclickgtag() などを記述してください(サイト側に計測タグが設置されていることが前提)。

プライバシーポリシー・利用規約

Fixed Footer Bar サンプル

購入

価格:3,300円(税込)

※1サイトあたりのライセンス費用になります

※複数サイトで利用される方はサイト数分ご購入ください

※当サイトでご購入頂いた際の個人情報は厳重に管理し、第三者への提示・公開は一切致しません

  • このエントリーをはてなブックマークに追加

ページ上部へ戻る