ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
サイト設定
ドメイン名の購入
ドメイン名の接続
DNSの設定
カスタムドメインのエラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コード輸出
プロジェクト移管
無料tilda.ws サブドメイン
カラー設定
URLリダイレクトの作成
HTTPSの設定
ページフォルダー
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
モバイルデバイスでの視聴
HTMLコードを埋め込む
グーグルマップを追加
多言語ウェブサイトの作成
オンライン出版用の画像を準備する
カバーを投げる
ノン・ブレイキング・スペース&ソフト・ハイフン
ページ出版
フィードバック・ウィジェットを追加する
フェイスブックでプレビュー
コメント欄の追加
インスタグラムのフィードを埋め込む
投稿一覧またはインデックスページ
オンラインストアと支払い
オンラインストアと決済処理
オンラインストアに商品を追加する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
2Checkoutの設定
注文通知の送信
オンライン決済システムなしで販売する
単一製品の販売
製品バリエーションの追加
配送オプション
補完製品
プロモコード(割引)を作成する
フォーム
データ取得フォームの設定
データ収集フォーム
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
セルジー
コンモ
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
カスタムスクリプト
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
グーグル・アナリティクス
グーグルタグマネージャー
目標達成率の提出
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
Figmaからのインポート
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
価格と支払い
自動購読更新のキャンセル
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コード輸出
ウェブフック
Tilda API
WordPressプラグイン
tilda ヘルプセンター
ポップアップ
ポップアップの追加方法
訪問者の行動(リンクをクリックした時、
スクロールした
時
、
一定
時間
滞在した時、
ページを離れた
時)に応じて、ページやウェブサイトにポップアップを追加する方法をご紹介します。
1
クリックでポップアップ
1.単語またはテキストの一部をハイライトします。クリックするとポップアップが表示されます。
2.テキスト編集パネルで、「リンク」→「リンクの挿入」をクリックし、「#」と任意の単語を入力する。
3.ブロックライブラリ → フォーム と進み、ポップアップブロックを追加する:BF501、BF502、またはBF503。
4.ブロックの「コンテンツ」パネルを開き、「ポップアップリンク」フィールドにリンク(#anyword)を貼り付ける。
ページを公開するか、プレビューをクリックしてポップアップの動作を確認してください。ハイライトされた単語をクリックすると表示されます。
2
スクロール時のポップアップ
1.
ブロックのコンテンツパネルに、次のようなリンクを追加します:#popup:subscribe(ハッシュタグの後に任意の単語を入力できます)。
2.ページのスクロール時にポップアップブロックを表示させるトリガーを作成する。これを行うには、ブロックライブラリーに行き、「その他」カテゴリーからトリガーブロックをページに追加します。
トリガーブロックのコンテンツパネルを開き、ポップアップブロックに指定したリンクを入力します。例えば、#popup:subscribe.
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーを持続させる時間(日数)を指定します。
ポップアップメッセージを10日に1回表示させたい場合は、"10 "と入力してください。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示させたい場合は、フィールドを空白のままにします。
3.ページを公開する。あなたのウェブサイトやページを訪れたユーザーがポップアップブロックのある場所に到達すると、ポップアップが表示されます。
3
時限ポップアップ
1.サインアップフォームやソーシャルメディアプラグイン(例えばFacebookプラグイン)のような、一定時間後にウェブサイトを訪問したユーザーに表示されるタイムドポップアップを追加します。
ブロックのコンテンツパネルを開き、#popup:subscribeのようなリンクを入力します(ハッシュタグの後に付ける単語は何でも構いません)。
2.時限ポップアップトリガーを追加する。ブロックライブラリの "Other "カテゴリに、Т188ブロックなどがあります。
ブロックのコンテンツパネルに、ポップアップブロックで指定したリンクを入力します。例えば、#subscribepopup。
ブロックの設定パネルで、ポップアップを表示する時間(秒)を指定します。
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーの有効期間(日数)を指定します。
ポップアップメッセージを10日に1回表示させたい場合は、「10」と入力します。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示したい場合は、フィールドを空白のままにします。
3.ページを公開する。設定した時間が経過するとポップアップが表示されます。
4
終了時のポップアップ
1.
ブロックのコンテンツパネルに、次のようなリンクを入力します:#subscribepopup(ハッシュタグの後に付ける単語は何でも構いません)。
2.終了時のポップアップのトリガーを追加します。ブロックライブラリの "Other "カテゴリにT723ブロックなどがあります。
ブロックのコンテンツパネルに、ポップアップブロックで指定したリンクを入力します。例えば、#subscribepopup。
ポップアップ・クッキーの寿命
ブロックの「設定」パネルで、同じ人に同じポップアップを何度も表示しないように、クッキーの有効期間(日数)を指定します。
ポップアップメッセージを10日に1回表示させたい場合は、「10」と入力します。365」と入力すると、ポップアップは1年に1回訪問者に表示されます。誰かがページにアクセスするたびにポップアップを表示したい場合は、フィールドを空白のままにします。
3.ページを公開する。訪問者がページを去ろうとすると、
のポップアップが表示されます。
このようなポップアップを使用する際には注意が必要です。ユーザーは非常に迷惑に感じる傾向があります。
ソース
出口ポップアップについてどう思うか913人に聞いてみた
製造元
Tilda