ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
ドメインとHTTPS
ドメイン名の購入方法
ドメイン名の設定方法
DNSの管理方法Tilda
レジストラ側でのDNS設定方法
カスタムドメインのエラー
HTTPSの設定方法
ドメインの所有権を確認する方法
カスタムドメインメールの設定方法
サイト設定
サイト設定
無料tilda.ws サブドメイン
ドメイン名の接続
HTTPSの設定
ヘッダーとフッター
ウェブサイトのフォントを設定する
ウェブサイトの配色とデザイン
ホームページ
ページフォルダー
AI
バイブ・ブロック
AIを活用したウェブサイトコンテンツの作成
ページ編集
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
ページ アクション
ページ出版
URLと他のページへのリンク
HTMLコードを埋め込む
フォーム
カバーを投げる
モバイルデバイスでの視聴
SEO
ポップアップ
オンライン出版用の画像を準備する
多言語ウェブサイトの作成
フィードバック・ウィジェットを追加する
ソーシャルメディアとメッセンジャーでのページプレビュー
ブログの作り方
コメント欄の追加
目標達成率の提出方法
検索バーの追加方法
ノン・ブレイキング・スペース&ソフト・ハイフン
このページをPDFとして保存
ページテンプレートの作成方法
マイクロデータマークアップの追加方法
ツールチップ
投稿一覧またはインデックスページ
クリック可能な電話番号とメールアドレス
固定の入力形式を設定する方法
スクロールや読み込み時のマイクロアニメーションの作成方法
オンラインストアと支払い
オンラインストアと決済処理
オンラインストア カスタマーアカウント
見込み客
オンラインストアに商品を追加する
製品バリエーションの追加
在庫切れのお知らせ
商品をお気に入りに追加する
オンラインストアのカテゴリとサブカテゴリの作成
ダイナミック・ディスカウントの設定方法
プロモコード(割引)を作成する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
ベリフォンのセットアップ
単一製品の販売
配送オプション
注文通知の送信
製品カタログのアイテムをインポートおよびエクスポートする方法
フォーム
データ収集フォーム
データ取得フォームの設定
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
セルジー
コンモ
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
オンラインストア統計へのアクセス方法
目標達成率の提出
グーグル・アナリティクス
グーグルタグマネージャー
Facebookピクセル
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
Zero Block内のカスタムモジュラーグリッド
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
アニメーションのトリガー
Figmaからのインポート
ベクターエディター
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
自動購読更新のキャンセル
価格と支払い
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
コード輸出
Tilda API
HTMLコードを埋め込む
ウェブフック
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