ナレッジベース

Page Builder Sandwich のポップアップ、スライドイン、バー

ブロックを使ってポップアップ、スライドイン、バーのデザインを作成し、ページ読み込み時、遅延後、スクロール時、離脱意図の検知時、またはクリック時に、お好みの頻度で表示できます。

Page Builder Sandwich Pro は、ページと同じブロックを使用してポップアップ、スライドイン、バーを作成し、選択した日時や場所に表示します。

ポップアップの作成

  1. Page Builder Sandwich → ポップアップ → ポップアップを追加を開き、ブロックを使用してデザインします。
  2. ポップアップ設定パネルで種類を選択します。画面中央のポップアップ(背景のページは暗くなります)、隅のスライドイン、または上部または下部のバーのいずれかを選択します。
  3. 表示タイミングを選択します:ページ読み込み時、遅延後、訪問者がページを一定量スクロールした後、離脱しようとしたとき(スマートフォンでは、読み進めた後に素早く上へスクロールし直したとき)、または指定したCSSセレクターを持つ要素がクリックされたとき。
  4. 表示頻度を選択します:すべてのページビュー、訪問につき1回、数日に1回、または訪問者がコンバージョンを達成するまで。
  5. 表示場所を選択します:すべてのページ、フロントページ、特定のページ、または特定のコンテンツタイプ、および対象デバイス。
  6. ポップアップを公開します。

ポップアップ内のボタン

  • #popup-closeへのボタンまたはリンクは、ポップアップを閉じます。
  • #popup-convertへのボタンまたはリンクは、コンバージョンとしてカウントし(したがって、「訪問者がコンバージョンを達成するまで」に設定されたポップアップの表示が停止します)、ポップアップを閉じます。コンバージョン追跡が有効な場合、popup_conversionとしてもアナリティクスに送信されます。

アクセシブルで軽量

ポップアップはブラウザ独自のダイアログを使用します。キーボードフォーカスは開いているポップアップ内に留まり、Escキーで閉じることができ、閉じるまで背面のページにはアクセスできません。ポップアップがターゲットになっていないページではポップアップコードが一切読み込まれず、デバイスの設定でモーションの削減を求めている訪問者にはアニメーションが表示されません。

ブログの新着情報

ホスティング、SEO、大規模サイトの運営に関するこれまでの執筆記事をご紹介します。

ホスティングレイヤーからのSEOとリンク構築:2026年運用者の視点

2026年におけるホスティングがインデックス作成とリンクエクイティに与える影響:ページのインデックス維持、構築前の中古ドメインの審査、フットプリントを残さないリンク構築、そしてSEOに対してインフラができること・できないことの率直な解説。

投稿を読む →

WordPressを高速かつセキュアにする:パフォーマンスとプラグインのチェックリスト

高速でセキュアな WordPress のための実践的なチェックリスト:サーバーレベルのキャッシュ、サイトごとのオブジェクトキャッシュ、導入する価値のある少数のプラグイン、スタックの最新化、そして絶対にキャッシュしてはならない WooCommerce のページ。

投稿を読む →

2026年版:マネージドWebホスティングの選び方:購入者ガイド

優れたマネージドホスティングとコントロールパネル付きの安価なサーバーを実際に隔てるもの(移行、バックアップ、アイソレーション、真のキャッシュ、誠実なスケーリング)と、契約する前にそれを見極める方法。

投稿を読む →

ブログを読む →

まだ解決しませんか?

サポートはすべてのプランに含まれており、対応時間は1日 24 時間、対応言語は 58 ヵ国語の中から自由にお書きいただけます。お客様の言語で回答いたします。

サポートに連絡 → すべての記事 →