【WordPress】ポップアップ作成プラグインBoxzilla【簡単設置】

WordPressサイトにポップアップウィンドウを設置する方法をお探しの方向け。

Webサイトを訪問すると、以下のようなポップアップが表示されるサイトを見たことありませんか？

このようなポップアップは通常、プログラムを用意する必要があり、初心者の方が設置するのはハードルが高いですが、プラグインを使うと簡単に設置できます。

この記事では、WordPressサイトにポップアップ表示を簡単に設置できるプラグイン、「Boxzilla」を使ってポップアップを設置する手順や使い方を解説します。

好きなところから読めます

WordPressプラグインBoxzillaでポップアップを設置する手順

WordPressプラグイン、Boxzillaでポップアップを設置する手順を解説します。

上記のとおりです。

まずは「boxzilla」をインストールします。

ダッシュボード＞プラグイン＞新規追加 を選択します。

プラグイン検索窓に「boxzilla」と入力するとプラグインが表示されますので、「今すぐインストール」をクリックします。インストール終了後「有効化」をクリックして、プラグインを有効化します。

左側メニューの「設定」を確認すると、「boxzilla」という項目が追加されたことが確認できます。

プラグインをインストールしたら、ポップアップを作成します。

ダッシュボード＞Boxzilla＞Add New を選択します。

ポップアップ作成画面が表示されますので、①タイトルを入力し、②ポップアップでアピールしたい内容を入力します。

「MailChimp for WordPress」のショートコードを貼り付ければ、メールフォームを簡単に設置できます。

ポップアップ表示の外観を設定します。

各項目の詳細は次のとおりです。

①	Background color	背景色を自由に変更できます。
②	Text color	文字色を自由に変更できます。
③	Box width	ポップアップ画面の幅を px 単位で指定できます。
④	Border color	枠線の色を自由に変更できます。
⑤	Border width	枠線の幅を px 単位で指定できます。
⑥	Border style	枠線のスタイルをDefault、Solid（線）、Dashed（破線）、Dotted（点線）、Double（二重線）の５種類の中から選択できます。

ポップアップの動作設定を行います。

各項目の詳細は次のとおりです。

①	Load this box if	ポップアップ画面を読み込む条件を「any（指定のページ）」、「All（全てのページ）」で設定できます。初期設定では「any」の「everywhere（どこでも）」となっていますが、投稿ページや、固定ページだけに表示させたい場合、if page、if postなどを選択すると選択したページのみ表示できます。
②	Box Position	ポップアップ画面の表示位置を指定します。
③	Animation	ポップアップ画面を表示する際のアニメーションタイプを指定します。「Fade In（フェードイン）」か「Slide In（スライドイン）」のいずれかを選択します。
④	Auto-show box?	ポップアップ画面を表示させるタイミングを指定します。訪問後すぐに表示させたり、指定した秒数が経過したら表示させたり（例「３秒後に表示など」）、ページを〇％スクロールしたら表示させるなど、設定できます。

⑤	Cookie expiration	このポップアップ画面を表示もしくは非表示にされた後に再表示可能にするまでの時間を指定できます。例えば、「Dismissed」を３hoursに設定すると、3時間以内に再アクセスした場合は表示されません（3時間を経過しないと表示されない）。
⑥	Screen width	ポップアップ画面を表示しても良い端末の画面の幅を指定できます。
⑦	Auto-hide?	スクロールをもとに戻した際にポップアップ画面を隠すかどうかを選択できます。
⑧	Show close icon?	ポップアップ画面の「閉じるボタン」を表示させるかどうかを選択します。
⑨	Enable test mode?	テストモードを有効にするかどうか。有効にすると cookie による制御を無効化し全てのポップアップ画面を表示します。