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

Wix エディタ:ライトボックスを追加・設定する

5分
ポップアップライトボックスを追加して、訪問者の注意を引き付け、重要なお知らせや情報を紹介しましょう。ポップアップメッセージにパーツを追加したり、いつ表示させるかを決定したり、訪問者がポップアップメッセージを閉じる方法を選択したりすることができます。
Wix ライブサイトでライトボックスが表示されている GIF。

ステップ 1 | ライトボックスを追加する

ライトボックスを追加して、インタラクティブかつ訪問者にとって有益なページ・ポップアップを作成しましょう。「ようこそ」や「お問い合わせ」など、さまざまなテンプレートやタイプからお選びいただけます。

ライトボックスを追加する方法:

  1. エディタ左側で「パーツを追加 をクリックします。
  2. インタラクティブ」をクリックします。
  3. ライトボックス」下でカテゴリーを選択します。
  4. 選択したライトボックスをクリックまたはドラッグして、サイトに追加します。
エディタの「パーツを追加」パネル。ライトボックスタブが開いています。

ステップ 2 | ライトボックスをカスタマイズする

次に、ライトボックスの作成とデザインを開始します。既存のパーツをカスタマイズし、テキスト、ボタン、フォーム、画像などのパーツを追加できます。追加するパーツがライトボックス内に収まるよう、ライトボックスよりも小さいサイズであることを確認してください。

ライトボックスにパーツを追加する方法:

  1. エディタ左側で「ページ・メニュー をクリックします。
  2. ライトボックス」クリックします。
  3. 該当するライトボックスを選択して、表示します。
  4. キャンバス上のライトボックスをクリックします。
  5. ライトボックスをカスタマイズします:
    • さらにパーツを追加します。
      ヒント:「パーツを追加」パネルからパーツをドラッグする際、「ライトボックスに移動」のメッセージが表示されたら、パーツをドロップしてください。
    • 既存のパーツをクリックして編集します。
    • ライトボックス背景とその周りのオーバーレイを変更します。
注意:
ライトボックスを追加すると、ライトボックスモードに入ります。これにより、ライトボックスを設定および編集できます。通常のエディタに戻るには、トップバーの「モードを終了」をクリックしてください。
エディタ内の「パーツを追加」パネル。エディタはライトボックスモードになっていて、カーソルがテキストパーツにマウスオーバーしています。

ステップ 3 | ライトボックス設定を調整する

ポップアップメッセージをデザインしたら、ポップアップメッセージを表示するタイミング、場所、方法を選択します。ページが読み込まれた後にライトボックスを自動的に表示するように設定したり、訪問者がクリックする必要があるパーツにリンクするように設定したりできます。
また、特定の時間帯(例:特定のホリデーシーズンなど)にライトボックスが表示されるようにスケジュールし、訪問者がライトボックスを閉じる方法を決めることもできます。

ライトボックス設定を調整する方法:

  1. エディタ左側で「ページ・メニュー をクリックします。
  2. ライトボックス」クリックします。
  3. 該当するライトボックスを選択して、表示します。
  4. キャンバス上のライトボックスをクリックします。
  5. 表示設定」クリックします。
  6. ライトボックス設定を調整します:
「ライトボックス設定」パネルで、待機時間のオプションにマウスオーバーしている様子を示したスクリーンショット。
次のステップ:
ライトボックスのデザインと位置をカスタマイズして、サイトの告知をさらに編集します。ライトボックスをカスタマイズする方法はこちら

よくある質問

以下をクリックして、ライトボックスに関するよくある質問とその回答をご覧ください: