Wix Studio エディタ：ライトボックスを使用する

読了時間：7分

ライトボックスは、ニーズに合わせてカスタマイズできるポップアップです。ポップアップウィンドウをデザインし、必要な要素を追加したら、サイト訪問者に表示されるタイミングを選択します。

テキスト、ボタン、画像などの要素をリンクして、クリックするとライトボックスを開くこともできます。これは、時間的制約のある情報、セールやプロモーションを露出する機会を増やすのに最適な方法です。

この記事では、以下の項目について説明します：

サイトにライトボックスポップアップを追加して、訪問者に魅力的な告知を表示できるようにしましょう。

サイトに合わせてライトボックスをカスタマイズします。必要な要素を追加し、背景色を変更して不透明度を設定します。

要素を追加する

背景をデザインする

ライトボックス内をスクロールするオプションを追加する

ライトボックスの周りのオーバーレイを設定する

5. 準備ができたら、下部の「完了」をクリックして編集モードを終了します。

次のステップ：

サイトをプレビューして、ライトボックスの動作を確認しましょう。

ライトボックスが表示される方法とタイミングを選択します。特定のサイトページに自動的に表示されるように設定したり、要素（例：テキスト、画像）にリンクすることができます。また、訪問者がライトボックスを閲覧した後にどのように閉じるかを決めることもできます。

注意：

ライトボックスは、訪問者 1人につき 1回、最初に開いた関連するページに表示されます（複数のページに表示するように設定されている場合）。

エディタ左側で「ページ」をクリックします。
「ライトボックス」下で該当するライトボックスを選択します。
キャンバス上のライトボックスをクリックします。
「表示設定」をクリックします。
「ライトボックスの自動表示」下で該当するオプションを選択します：
- オン：訪問者が関連するページを開いた際に、ライトボックスが自動的に表示されます。
  1. 「表示するページ」下でページをクリックします。
  2. 「待機時間（秒）」スライダーをドラッグして、ページが読み込まれてからライトボックスが表示されるまでの時間を秒単位で設定します。
- オフ：訪問者がページを開いてもライトボックスは表示されません。代わりに、選択したボタンまたはリンクによってトリガーされます。
「ボックスを閉じる方法」下で該当するトグルを有効にします。
注意：「X」アイコンと「閉じる」ボタンの両方を無効にすると、サイト訪問者はライトボックスの外側をクリックすることで、ライトボックスを閉じることができます。
準備ができたら、「完了」をクリックして編集モードを終了します。