簡単な手順で、リンククリック時にポップアップをトリガーする方法を学びましょう。ポップアップトリガーとは何か、そしてアンカーリンクを使ってポップアップにリンクする方法を学びましょう。
ポップアップトリガーとは何ですか?
A ポップアップトリガー ウェブサイト上でポップアップウィンドウを開くあらゆるインタラクションを指します。GemPagesでは、一般的なトリガーとして以下が挙げられます。
- をクリックすると (Comma Separated Values) ボタンをクリックして、各々のジョブ実行の詳細(開始/停止時間、変数値など)のCSVファイルをダウンロードします。
- をクリックすると テキストハイパーリンク
- 遅延後にページを読み込む
- セクションまでスクロールする
このチュートリアルでは、 ハイパーリンク経由でポップアップをトリガーするは、ブラウジングの邪魔をすることなくオファー、フォーム、ビデオを表示する最も簡単な方法の 1 つです。
GemPagesでポップアップウィンドウに移動するハイパーリンクを作成する方法
任意のテキストをポップアップにリンクするには、次の手順に従ってください。
ステップ1: ポップアップを選択する
まず、GemPages でトリガーするポップアップを作成または選択します。
- GemPagesエディタから、 ポップアップ 左のパネルに表示されます。
- どちらでも 新しいポップアップを作成する or 既存のものを選択.
ポップアップに ビデオ、こちらの記事を参照してください: GemPagesでビデオポップアップを作成する方法.
ステップ2: ポップアップIDをコピーする
- ポップアップの トリガーボタン (通常ポップアップを開く要素)。
- 選択する コピークラス.

ステップ3: リンクテキストを準備する
- クリック可能なリンクに変換したいテキストを強調表示します。
- クリック ハイパーリンク アイコン GemPages エディター ツールバーで。

ステップ4: リンクURLを編集する
コピーしたクラスを貼り付けます。
注意: 先頭のドットを削除し、 #.
具体的な例を挙げますと、以下の通りです。
.popup12345 になります:
#ポップアップ12345
具体的な例を挙げますと、以下の通りです。
.popup12345 になります:
#ポップアップ12345

ステップ 5: 保存してテストする
- 変更を保存します。
- ページをプレビューします。
- ハイパーリンクをクリックして、ポップアップが正しく表示されることを確認します。

より高度なインタラクションについては、GemPages の公式ガイドをご覧ください。 インタラクションでポップアップを表示する.
コメントしてくださってありがとうございます