「フォームをライトボックス・ポップアップとして埋め込む」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
ライトボックスフォームは、ユーザーがウェブページに取り組むときにウェブページを重ね合わせるポップアップです。これにより、ウェブサイト訪問者の注意をフォームに向けるのに役立ちます。例えば、製品の最新情報や割引情報を受け取るために顧客にニュースレターを購読する必要がある場合、ウェブサイトで一定時間を費やした後に表示されるライトボックスメール購読フォームを使用することができます。
動画を見て、ウェブページ用のライトボックス・ポップアップ・フォームをカスタマイズする方法をご覧ください。
ウェブページ上にLightboxポップアップとしてフォームを埋め込むには、
- フォームビルダーで、共有タブ> 埋め込み > ライトボックスに移動します。
- 「開始」をクリックしてください。
- ポップアップ内で、ディスプレイ設定の下にあるポップアップ寸法の設定オプションを選択することで、ウェブサイトに合わせてフォームの高さと幅をpx単位でカスタマイズできます。フォームが長い場合はスクロールが提供されます。
- 「アドバンスドプロパティ」の下に、位置のドロップダウンから、ウェブページ上でのライトボックスフォームの配置を設定できます。
- ウェブページ上にフォームがロードされる際に、アニメーションスタイル (スライドイン / フェードイン) を選択できます。
- Lightboxポップアップの枠に色を追加してフォームの外観をカスタマイズすることもできます。Apply Border & Colorオプションを使用してください。
- 「起動設定」の下で、ポップアップ起動基準から、Lightboxフォームがウェブページ上でポップアップするのはいつかを選択できます。
- ウェブサイトのロード時にフォームを事前にロードし、選択したPop-up Launch CriteriaがLightboxフォームを表示するまでフォームを隠しておくことができます。このオプションを有効にすると、ウェブサイトのロード時にフォームのロード遅延を防ぐことができます。
- ウェブページ上にポップアップランチボタンを設置することができます。クリックするとライトボックスフォームが表示されます。
- Lightboxフォームをプリフィルし、ソースを追跡するためにリファラーを追加したい場合は、
- フォーム内でプリフィルしたいフィールドに、 フィールドエイリアス を設定します。
- 「URLパラメータを含める」オプションを選択します。
- パラメータ名（設定されたフィールドエイリアス/リファラー名で表され、フォームが埋められた元を追跡するために使用）を、プリフィルされるパラメータ値にマップします。
- 「コードを取得」をクリックし、「コードをコピー」をクリックしてください。
- コピーしたコードをウェブページのHTMLに貼り付けてください。
ポップアップ起動基準
ページの読み込み時
ウェブページと同時にフォームを読み込み表示したい場合は、このオプションを選択してください。フォームは、ウェブサイトがロードされたと同時に読み込まれ、表示されます。例えば、オンラインストアのページがロードされたと同時に、時間限定のサインアップ割引を受けるためのサインアップフォームを表示することができます。
ページ終了インテント
訪問者がウェブページを離れようとした時にフォームを表示したい場合は、このオプションを選択してください。例えば、時間不足のために訪問者がブログページを去ろうとした場合、ウェブサイトの重要な詳細をPDF形式でメールに送るために、彼らのメールアドレスを取得するフォームを表示することができます。
時間経過後
ユーザーがウェブページをいくらか時間を費やし、関与した後にフォームを表示したい場合は、このオプションを選択してください。フォームがウェブページ上に表示されるまでの秒数を入力してください。例えば、サインアップフォームの場合、訪問者がウェブサイトの内容を理解し、ポップアップフォームによる驚きを受けないようにするために、訪問者に時間を与えるのが適切です。コンテンツに影響を受けた時間を選択してください。
スクロールパーセントに基づいて
このオプションを選択すると、ユーザーがウェブサイトの特定の割合までスクロールした後にフォームが表示されます。コンテンツをスクロールすることは、ウェブページへの訪問者の関心を示す可能性があり、特定の部分までスクロールした後にフォームを表示することで、その関心を高めることができます。例えば、ユーザーが必要な詳細をコンテンツから受け取ったポイント/セクションを見つけ、それをスクロールした後にサブスクリプションフォームを表示することができます。 フォームからの回答者がどのウェブサイトから見つけたかを知るために、 リファラを追跡 することができます。また、ウェブサイトの訪問者のフォーム入力体験をより簡単にするために、 埋め込みフォームを事前に入力 することもできます。
画像アップロードフィールドにウェブカムオプションを埋め込む方法
埋め込みフォームに画像アップロードフィールドがある場合、回答者はウェブカムを使用して写真を撮影することはできません。 これを可能にするには、埋め込みコードに次のものを含める必要があります。
- allow='camera'
- ?zf_enablecamera=true
例：
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
基本フィールド
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 目次 シングル 折れ線グラフ マルチ 折れ線グラフ 番号 小数 名前 住所 電話番号 メール 日付 時間 日時 月-年 Decision 箱 ドロップダウン ラジオボタン 複数選択 チェックボックス ウェブサイト 通貨 ファイルアップロード 画像アップロード 音声/動画アップロード ...