「ページ内にiFrameを埋め込む」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
要件
フォームの送信が成功した場合、iFrame内に埋め込まれたWebページを表示します。
使用ケース
ソフトウェア会社は、複数の製品を提供しています。ユーザーが詳細を知りたい製品を選択すると、異なるページにリダイレクトする代わりに、同じタブに製品のウェブサイトが表示されます。
手順
| フォーム | フォームリンク名 | フィールドタイプ | フィールド名 | フィールドリンク名 |
| 商品 | 商品 | プルダウン （選択肢：CRM、Creator、Books） | 商品 | 商品 |
| 電話 | 電話 | 電話 |
3. iFrameを含めるためのHTMLスニペットを追加してください。
4. 以下のコードをHTMLスニペットに保存します：
- <iframe 名前='frameName' 幅='1200px' 高さ='1000px' frameborder='0' scrolling='yes'> </iframe>
上記がiFrameの詳細です。ワークフロー内でiFrameを参照するためにiFrame名を使用します。
私たちは、 フォームイベント を、 ユーザー入力のフィールド として選択しています。なぜなら、ユーザーがドロップダウンフィールドでオプションを選択すると、ウェブサイトが表示される必要があるからです。
6. クリックして 新しいアクションを追加し、次のスニペットを追加します：
- もし（製品が「クリエイター」である場合）
- {
- openUrl(' https://www.zoho.com/creator', 'iframe', 'frameName');
- }
- 他に（製品が「CRM」である場合）
- {
- openUrl(' https://www.zoho.com/crm', 'iframe', 'frameName');
- }
- それ以外の場合
- {
- openUrl(' https://www.zoho.com/books', 'iframe', 'frameName');
- }
このスニペットでは、 openURLタスク を使用して、選択した製品に基づいてそれぞれのウェブサイトを開きます。2番目のパラメータは、iFrameを開く必要があることを指定し、3番目のパラメータは、前にページ内で指定したiFrameの名前を参照します。
どのように動作するかを見る
関連リンク
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho コミュニティ オンラインフォーラム
フォーラムをフォローして、Zoho ユーザーによる活用のノウハウやアドバイスを入手。サービスのアップデート情報やユーザー向けイベントの告知について通知を受け取りましょう。
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?