iframeを使ったフォームの埋め込み方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Webサイトのレイアウトと使用するテーマによって、フォームがWebページ上でどのように表示されるかが変わります。提供されるコードを使用して、フォームをiframeとしてWebページに埋め込むことができます。フォームを埋め込むコンテナに基づいて、フォームの高さと幅が自動的に計算されます。
フォームをiframeとして埋め込むためのコードを取得するには、
- フォームビルダーで、共有する> 埋め込み> iframe に移動します。
- 表示されたコードをコピーし、Webページに埋め込みます。
高さと幅を編集するには、コード内のpx単位の高さと幅を、任意の値に変更します。
例:
提供されるコード:
次のように変更することができます:
<iframe frameborder='0' style= 'height:900px;width:400px ;border:なし;' src=' https://forms.zohopublic.com/zylker/form/ContentMarketingWorkshop/formperma/V0HqLCXF3AC0zw4BjDaqAgGZMtFQrRWkHU0hTwUJSj0'></iframe>
これにより、属性値で指定した高さと幅でフォームが読み込まれるようになります。
また、リファラーをトラッキングして、回答者がどのWebサイトからフォームを見つけたかを把握したり、埋め込みフォームに事前入力を行うことで、Webサイト訪問者のフォーム入力をより簡単にすることもできます。
画像アップロード項目でWebカメラオプション付きフォームを埋め込むには
埋め込みフォームに画像アップロード項目がある場合、回答者はWebカメラを使って画像を撮影することができません。これを許可するには、埋め込みコードに次の内容を含める必要があります:
- allow='camera'
- ?zf_enablecamera=真
例:
<iframe frameborder='0' style='height:500px;width:99%;border:なし;' allow='camera' src= 'https://forms.zoho.com/zylker/form/TravelRequestForm/formperma/1d2ld7jUoGDLINcnloYo2R_VOPJGeUSGtSq5WWDf3sc?zf_enablecamera=真'></iframe>
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho Campaigns Resources
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?