ビデオポップアップの作成方法

動画ポップアップとは、訪問者がボタン、画像、またはアイコンをクリックした際にページ上部に表示される小さなウィンドウです。動画をレイアウトに直接埋め込むのではなく、ポップアップで表示することで、煩雑さを避け、ユーザーの集中力を維持することができます。

GemPagesでビデオポップアップを作成する方法

ステップ1: ページにポップアップ要素を追加する

1.ページを開く GemPages エディター.

2。 の中に 左側のサイドバースクロールするか検索してください ポップアップ要素.

3。 ドラッグする ポップアップ 素子 それを自分のページにドロップします。

4. ドロップした後、 ポップアップボックス領域 それを選択する。

ステップ2: ポップアップ内にビデオ要素を追加する

1. ポップアップを選択したまま、 左側のサイドバー 再び。
2. 見つけてドラッグ ビデオ 素子 ポップアップエリアに
3. ポップアップ レイアウト内の任意の場所にビデオを配置します。

 さらにカスタマイズしたい場合は、ポップアップ内に見出し、テキスト、間隔、または閉じるボタンを追加することもできます。

ステップ3: ビデオ設定を構成する

1. クリック ビデオ 要素をクリックすると、左側に設定パネルが開きます。
2. ビデオ源 フィールドに貼り付けます YouTubeまたはVimeoの埋め込みリンク.
3. 追加オプションを調整します。ビデオ要素の設定に関する詳細なガイドについては、こちらの記事をご覧ください。  ビデオ要素の使い方

ステップ4: ポップアップ設定をカスタマイズする

1. 以下を行うには、 ポップアップ 要素をクリックして、メイン設定を開きます。
2. いくつかのカスタマイズ オプションが表示されます。

ポップアップ設定の詳細については、以下をご覧ください。 ポップアップ要素の設定

ボタンでポップアップを再度開く方法

ユーザーがボタンをクリックしてビデオポップアップを再度開くようにするには、次の手順に従います。

ステップ1：ボタンを選択する

1. 以下を行うには、 (Comma Separated Values) ボタンをクリックして、各々のジョブ実行の詳細（開始/停止時間、変数値など）のCSVファイルをダウンロードします。 トリガーとして使用する要素。
2. まだ持っていない場合は、 ボタン ページに要素を追加します。

ステップ2: ボタンをポップアップにリンクする

1. ボタンを選択した状態で、 設定タブ 左のパネルに表示されます。
2. クリック リンクを選択

ステップ3: 開くポップアップを選択する

1. リンク オプションを含むポップアップ ウィンドウが表示されます。
2. に移動します ポップアップ タブには何も表示されないことに注意してください。
3. 先ほど作成したポップアップを選択します。
4. 詳しくはこちら Save.