HTML/CSSコードでフォームを埋め込む方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Webサイトに埋め込むフォームをさらに編集・カスタマイズしたい場合は、フォームをプレーンHTMLファイル、またはCSS付きHTMLファイルとしてダウンロードできます。
手順は次のとおりです。
- フォームビルダーで、共有> 埋め込み> HTML & CSS を開きます。
-
[コードを生成] をクリックして、フォームをWebページに埋め込むためのカスタマイズ可能なHTML/CSSコードを生成します。
-
[プレーンHTMLをダウンロード] または [HTML/CSSをダウンロード] をクリックします。
フォームのHTMLおよびCSSコードでは、次の機能はサポートされません。- 評価フィールド
- ユニークIDフィールド
- スライダーフィールド
- 画像選択フィールド
- 支払いフィールド
- 計算式フィールド
- Zoho CRMフィールド
- サブフォームフィールド
- Smart Scanフィールド
- 非表示フィールドおよび非表示フィールド用のルール
- ページルール
- 画像認証（CAPTCHA）およびReCaptcha検証
- メールアドレスおよび電話番号フィールド入力の確認機能
- 保存して後で再開
- 送信前の確認画面
- OTP認証
- 評価フィールド
メモ:
- すべてのフィールド入力および署名フィールドの検証は、フォームのHTMLおよびCSSコードをダウンロードして埋め込んだ場合にのみ機能します。
- また、Webサイトにリダイレクトオプションは、ダウンロードしたHTMLおよびCSSコードを有料プランで使用している場合にのみ機能します。
-
Google Tag Manager（GTM）は、HTML/CSS埋め込みオプションを使用してフォームをWebサイトに埋め込んだ場合はサポートされません。
HTML/CSSコードを使用してフォームを埋め込んでいるソースからの送信をブロックするには、フォーム送信の制限 の該当オプションを無効にします。
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?
New to Zoho Assist?
Related Articles
Zoho SalesIQ連携
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 Webサイト訪問者のトラッキングとエンゲージメントをより簡単に行いたい場合は、Zoho Forms と Zoho SalesIQ ...ServiceDesk Plus Cloudとの連携
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 目次 概要 連携の設定 サポートされる項目タイプ 項目のマッピング時に入力値を手動で追加する 連携エラー時のアラートを設定する 概要 組織で多数のサービスリクエストを受信している場合、サービスデスクにリクエストを手動で作成するのは手間と時間がかかります。組織で ServiceDesk ...Googleタグマネージャー設定のデバッグ手順
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 デバッグを始める前に フォームをWebサイトに埋め込んでいる場合は、フォームをダウンロードしたHTML/CSSではなく、必ずiframeとして埋め込んでいることを確認してください。 Google Tag Manager には、Google アナリティクス 4 ...Google Tag Managerの設定：概要
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 フォームに対する回答者の行動を把握したい場合は、Google Tag Manager（GTM）を使用して、フォーム上に分析・計測タグを追加・管理し、回答者がフォームを表示、項目をクリック、確認、保存、送信した際のアクションを Google アナリティクスでトラッキングできます。 ...項目の詳細情報
目次 概要 動的な項目名 アップロード済みファイル名の変更 選択項目に対する計算用の値の設定 選択肢のインポート 選択肢のグループ化 選択肢の受付可能数の上限 概要 ［詳細情報］を設定することで、フォームに追加した各項目をカスタマイズできます。設定するには、フォームの編集画面で対象の項目をクリックします。［詳細情報］では、以下の項目の詳細情報を変更できます。 項目名 ...