tilda ヘルプセンター

ポップアップ

ポップアップの追加方法
訪問者の行動（リンクをクリックした時、スクロールした 時、 一定時間滞在した時、ページを離れた時）に応じて、ページやウェブサイトにポップアップを追加する方法をご紹介します。
1
クリックでポップアップ
Example of a newsletter subscription pop-up with an email field and a "Subscribe" button on a published page.
1.単語またはテキストの一部をハイライトします。クリックするとポップアップが表示されます。
Page editor: the "Insert link" icon on the top text editing panel when text is selected in a block.
2.テキスト編集パネルで、「リンク」→「リンクの挿入」をクリックし、「#」と任意の単語を入力する。
The "Enter a link" field in the link settings pop-up of the text editing toolbar on the page.
3.ブロックライブラリ → フォーム と進み、ポップアップブロックを追加する：BF501、BF502、またはBF503。
Block Library, the "Form" section: block "BF501N Pop-up: Subscription form".
4.ブロックの「コンテンツ」パネルを開き、「ポップアップリンク」フィールドにリンク（#anyword）を貼り付ける。
In the block Content panel: the "POPUP LINK" field.
ページを公開するか、プレビューをクリックしてポップアップの動作を確認してください。ハイライトされた単語をクリックすると表示されます。
Example of a pop-up window with an email subscription form and a "Subscribe" button displayed over a webpage.
2
スクロール時のポップアップ
1.

ブロックのコンテンツパネルに、次のようなリンクを追加します：#popup:subscribe（ハッシュタグの後に任意の単語を入力できます）。
In the block Content panel: the "POPUP LINK" field.
2.ページのスクロール時にポップアップブロックを表示させるトリガーを作成する。これを行うには、ブロックライブラリーに行き、「その他」カテゴリーからトリガーブロックをページに追加します。
In the Block Library under the "Other" category: block "T183 Trigger: Show pop-up on scroll".
トリガーブロックのコンテンツパネルを開き、ポップアップブロックに指定したリンクを入力します。例えば、#popup:subscribe.
Pop-up trigger block Content panel: the "POPUP LINK" field.
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーを持続させる時間（日数）を指定します。

ポップアップメッセージを10日に1回表示させたい場合は、"10 "と入力してください。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示させたい場合は、フィールドを空白のままにします。
3.ページを公開する。あなたのウェブサイトやページを訪れたユーザーがポップアップブロックのある場所に到達すると、ポップアップが表示されます。
Example of a pop-up subscription form over a darkened web page, featuring an image, an email input field, and the "Subscribe" button.
3
時限ポップアップ
1.サインアップフォームやソーシャルメディアプラグイン（例えばFacebookプラグイン）のような、一定時間後にウェブサイトを訪問したユーザーに表示されるタイムドポップアップを追加します。

ブロックのコンテンツパネルを開き、#popup:subscribeのようなリンクを入力します（ハッシュタグの後に付ける単語は何でも構いません）。
In the block Content panel: the "POPUP LINK" field.
2.時限ポップアップトリガーを追加する。ブロックライブラリの "Other "カテゴリに、Т188ブロックなどがあります。
Block library, "Other" category: block T188 "Trigger: Show pop-up on timer".
ブロックのコンテンツパネルに、ポップアップブロックで指定したリンクを入力します。例えば、#subscribepopup。
Pop-up block Content panel: the "POPUP LINK" field.
ブロックの設定パネルで、ポップアップを表示する時間（秒）を指定します。
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーの有効期間（日数）を指定します。

ポップアップメッセージを10日に1回表示させたい場合は、「10」と入力します。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示したい場合は、フィールドを空白のままにします。
3.ページを公開する。設定した時間が経過するとポップアップが表示されます。
Example of a pop-up window with an image, the "Email address" field, and the "Subscribe" button displayed over a webpage.
4
終了時のポップアップ
1.

ブロックのコンテンツパネルに、次のようなリンクを入力します：#subscribepopup（ハッシュタグの後に付ける単語は何でも構いません）。
In the block Content panel: the "POPUP LINK" field.
2.終了時のポップアップのトリガーを追加します。ブロックライブラリの "Other "カテゴリにT723ブロックなどがあります。
Block library, the "Other" category: block "T723 Trigger: Show pop-up on tab close".
ブロックのコンテンツパネルに、ポップアップブロックで指定したリンクを入力します。例えば、#subscribepopup。
In the block Content panel: the "POPUP LINK" input field.
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーの有効期間（日数）を指定します。

ポップアップメッセージを10日に1回表示させたい場合は、「10」と入力します。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示したい場合は、フィールドを空白のままにします。
3.ページを公開する。訪問者がページを去ろうとすると、のポップアップが表示されます。
Example of a newsletter subscription pop-up window displayed over a published webpage with an email field and a "Subscribe" button.
このようなポップアップを使用する際には注意が必要です。ユーザーは非常に迷惑に感じる傾向があります。
A donut chart showing survey responses to "Question: How do you feel about Exit Intent popups?", with the majority answering negatively.
ソース出口ポップアップについてどう思うか913人に聞いてみた
製造元
Tilda