ポップアップ作成ガイド

PopupLeadでポップアップを作成する手順を、初心者の方でも分かりやすくステップバイステップで解説します。

はじめに

ポップアップの作成は以下の3つのステップで進めます：

1. 基本設定 - タイトルやステータスの設定
2. 画像とリンクの設定 - ポップアップの見た目と動作を設定
3. 表示条件の選択 - どこで・いつポップアップを表示するか設定

ポップアップ作成の手順

ステップ1: 基本設定

1-1. ポップアップのタイトルを設定

"

💡 ポイント: タイトルは管理画面でのみ使用され、訪問者には表示されません。後で見つけやすい名前を付けましょう。

1-2. ステータスの選択

• 公開: ポップアップが訪問者に表示されます
• 非公開: 作成・編集中で訪問者には表示されません

"

💡 おすすめ: まずは「非公開」で作成し、設定が完了してから「公開」に変更しましょう。

1-3. 表示デバイスの選択

以下の3つから選択できます：

• PC・スマートフォン両方 - すべてのデバイスで表示
• PCのみ - デスクトップ・ノートPCのみで表示
• スマートフォンのみ - スマートフォン・タブレットのみで表示

ステップ2: 画像の設定

2-1. 画像登録方法の選択

A. 共通画像URL（推奨）

• PC・スマートフォンで同じ画像を使用
• 1つの画像URLを入力するだけで設定完了

B. デバイス別画像

• PC用とスマートフォン用で異なる画像を設定
• デバイスに最適化された画像を表示したい場合に使用

2-2. 画像の登録

画像は2つの方法で登録できます：

方法1: URL指定

方法2: ファイルアップロード

• 「ファイルを選択」ボタンをクリック
• お使いのPCから画像ファイルを選択
• 自動的にアップロードされ、URLが生成されます

"

💡 推奨画像サイズ:

• 横500px × 縦500px程度
• ファイル形式: JPG、PNG対応

ステップ3: リンクの設定

3-1. リンク先URLの入力

ポップアップをクリックした時の遷移先を設定します。

"

💡 ヒント: URLは必ず「https://」または「http://」から始まる完全なURLを入力してください。

3-2. リンクの開き方

• 現在のタブで開く - 同じタブでページが切り替わります
• 新しいタブで開く - 新しいタブでページが開きます

3-3. URLパラメータの引き継ぎ（プロプラン以上）

現在のページのURLパラメータをリンク先に引き継ぐことができます。

例:

"

📌 注意: この機能はプロプラン以上でご利用いただけます。

ステップ4: 閉じるボタンの設定

ポップアップの閉じるボタン（×ボタン）は自動的に表示されます。

閉じるボタンの仕様：

• 画面右上に自動配置
• 半透明の背景で視認性を確保
• クリックでポップアップを閉じる
• スマートフォンでもタップしやすいサイズ

"

💡 ポイント: 閉じるボタンは訪問者のユーザー体験を損なわないために重要です。押しやすい位置に配置されているので、安心してご利用いただけます。

ステップ5: 表示条件の選択

作成済みの表示条件（トリガー）から選択して追加します。

1. 「表示条件を追加」ボタンをクリック
2. 一覧から使用したい条件を選択
3. 複数の条件を組み合わせることも可能

"

💡 ヒント: 表示条件の詳しい設定方法は条件設定ガイドをご覧ください。

ステップ6: プレビューと保存

プレビュー機能

画面右側にリアルタイムでプレビューが表示されます：

• PC表示: デスクトップでの見え方を確認
• スマートフォン表示: モバイルでの見え方を確認

保存

すべての設定が完了したら「保存」ボタンをクリックして完了です。

デザインのベストプラクティス

効果的なポップアップを作成するためのポイントをご紹介します。

📐 画像サイズとアスペクト比

🎨 効果的なデザイン要素

1. コントラストを意識

   • 背景と文字のコントラストを高くする
   • CTAボタンは目立つ色を使用

2. シンプルなメッセージ

   • 1つのポップアップに1つのメッセージ
   • 情報を詰め込みすぎない

3. 行動を促す文言（CTA）

   • 「今すぐ登録」「限定オファーを見る」など具体的な行動を促す
   • 緊急性を演出（「本日限り」「残り○名」など）

📱 モバイルファースト設計

• スマートフォンでの表示を優先して確認
• 読みやすいフォントサイズ（最低14px）

🚫 避けるべきこと

• 文字を詰め込みすぎて、視認性を悪化させるデザイン
• 伝えたい事をたくさん書きすぎてしまう事
• ページ読み込み直後の即時表示（3秒以上待つことを推奨）
• 頻繁に表示される設定（1日1回程度が適切）

よくある質問

Q: 画像がアップロードできません

A: 以下をご確認ください：

• ファイルサイズが10MB以下か
• ファイル形式がJPG、PNGのいずれか
• インターネット接続が安定しているか

Q: プレビューと実際の表示が異なります

A: ブラウザのキャッシュが原因の可能性があります。以下をお試しください：

1. ブラウザのキャッシュをクリア
2. シークレットモード/プライベートモードで確認
3. 別のブラウザで確認

Q: ポップアップが表示されません

A: 以下を確認してください：

1. ステータスが「公開」になっているか
2. 表示条件が正しく設定されているか
3. PV上限に達していないか（無料プラン: 1,000PV/月）

次のステップ

ポップアップの作成が完了したら、さらに効果を高めるために：

1. 条件設定で最適な表示タイミングを設定
2. 分析機能で効果を測定
3. A/Bテストでより良いパターンを見つける（プロプラン以上）

ご不明な点がございましたら、お問い合わせよりお気軽にご連絡ください。