header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ステップ 1 | ポップアップを追加する
  • ステップ 2 | ポップアップをカスタマイズする
  • ステップ 3 | ポップアップの設定を調整する
  • よくある質問

Wix エディタ:ポップアップを追加・設定する

5分
この記事内
  • ステップ 1 | ポップアップを追加する
  • ステップ 2 | ポップアップをカスタマイズする
  • ステップ 3 | ポップアップの設定を調整する
  • よくある質問
ポップアップを追加して、訪問者が重要なお知らせや情報などを見逃さないようにします。ポップアップにはパーツを追加したり、表示するタイミングを指定したり、訪問者がポップアップを閉じる方法を選択したりすることができます。
Wix ライブサイトでライトボックスが表示されている GIF。

ステップ 1 | ポップアップを追加する

ポップアップを追加して、サイト訪問者にインタラクティブで有益な情報を表示します。ポップアップには、「ウェルカム」や「お問い合わせ」など、さまざまなテンプレートが用意されています。

ポップアップを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. インタラクティブ」をクリックします。
  3. ポップアップ」下でカテゴリーを選択します。
  4. 選択したポップアップを、クリックまたはドラッグしてサイトに追加します。
「パーツを追加」パネルに、ポップアップのセクションが表示されている様子を示したスクリーンショット。

ステップ 2 | ポップアップをカスタマイズする

次に、ポップアップを作成して外観をデザインします。既存のパーツをカスタマイズしたり、テキスト、ボタン、フォーム、画像など、さまざまなパーツを追加したりすることができます。追加するパーツはポップアップ内に収まるよう、ポップアップよりも小さくするようにしてください。

ポップアップにパーツを追加する方法:

  1. エディタ左側で「ページ・メニュー をクリックします。
  2. ポップアップ」をクリックします。
  3. 該当するポップアップを選択して表示します。
  4. キャンバス上でポップアップをクリックします。
  5. ポップアップのカスタマイズを開始します:
    • さらにパーツを追加します。
      ヒント:「パーツを追加」パネルからパーツをドラッグする際、「ポップアップに添付」のメッセージが表示されたら、パーツをドロップしてください。
    • 既存のパーツをクリックして編集します。
    • ポップアップの背景と周囲のオーバーレイを変更します。
注意:
ポップアップを追加すると、ポップアップモードに入り、ポップアップを設定・編集できるようになります。通常のエディタに戻りたい場合は、トップバーの「モードを終了」をクリックしてください。
エディタがポップアップモードに切り替わっている様子を示したスクリーンショット。

ステップ 3 | ポップアップの設定を調整する

ポップアップを作成して外観をデザインしたら、訪問者にいつ、どこに、どのように表示されるかを設定します。ページの読み込み時に自動的にポップアップが表示されるようにしたり、訪問者が特定のボタンをクリックした際にポップアップが表示されるようにしたりすることができます。
また、ポップアップが特定の期間(例:特定のホリデーシーズンなど)に表示されるようスケジュールしたり、訪問者がポップアップを閉じる方法を選択することもできます。

ポップアップの設定を調整する方法:

  1. エディタ左側で「ページ・メニュー をクリックします。
  2. ポップアップ」をクリックします。
  3. 該当するポップアップを選択して表示します。
  4. キャンバス上でポップアップをクリックします。
  5. 表示設定」クリックします。
  6. ポップアップの設定を調整します:
ポップアップの「オーバーレイ設定」パネルのスクリーンショット。
次のステップ:
ポップアップのデザインと配置をカスタマイズして、サイトのお知らせをさらにパーソナライズしましょう。ポップアップをカスタマイズする方法はこちら

よくある質問

ポップアップに関するよくある質問と回答については、以下をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
この記事の概要
Unlock personalized helpLog in to get the most out of Helpmate.