ページ内にiframeを埋め込む方法

ページ内にiframeを埋め込む方法

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要件

フォームが正常に送信されたら、ページ内に iFrame として埋め込まれた Web ページを表示します。

ユースケース

あるソフトウェア会社は、複数の 製品を提供しています。ユーザーが 詳細を確認したい製品を選択すると、 その製品の Web サイトが同じタブ内に表示され、製品ごとに別のページへリダイレクトされることはありません。

手順         

1. フォームを作成 し、次の内容を設定します。
フォーム
フォームリンク名
フィールドタイプ
フィールド名
フィールドリンク名
製品
製品
ドロップダウン
(選択肢: CRM, Creator, Books)
製品
製品
電話番号
電話番号
電話番号
 
2. ページを作成 し、 製品 フォームを配置します。
 
3. iFrame を埋め込むための HTML スニペット を追加します。
 
4. 次のコードを HTML スニペットに保存します。
  1. <iframe 名前='frameName' width='1200px' height='1000px' frameborder='0' scrolling='はい'> </iframe>
上記は iFrame の詳細です。ワークフロー内でこの iFrame を参照するために、iFrame の名前を使用します。
 
5. フォームワークフローを作成 し、次の内容を設定します。
 
ここでは、 フォームイベント として フィールドのユーザー入力 を選択しています。これは、ユーザーがドロップダウンフィールドでオプションを選択したタイミングで Web サイトを表示する必要があるためです。

6. ［新しいアクションを追加］をクリックし、次のスニペットを追加します。
  1. if (商品=='Creator')
  2. {
  3. openUrl(' https://www.zoho.com/creator', 'iframe', 'frameName');
  4. }
  5. else if (商品 == 'CRM')
  6. {
  7. openUrl(' https://www.zoho.com/crm', 'iframe', 'frameName');
  8. }
  9. else
  10. {
  11. openUrl(' https://www.zoho.com/books', 'iframe', 'frameName');
  12. }

このスニペットでは、 openURL タスク を使用して、選択された製品に応じた Web サイトを開きます。2 番目のパラメーターで iFrame を開くことを指定し、3 番目のパラメーターで、前述のページで指定した iFrame の名前を参照しています。

動作を確認する         

        

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts






                          Latest Feature Updates



                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.