HTML/CSSコードでフォームを埋め込む方法

HTML/CSSコードでフォームを埋め込む方法

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

Webサイトに埋め込むフォームをさらに編集・カスタマイズしたい場合は、フォームをプレーンHTMLファイル、またはCSS付きHTMLファイルとしてダウンロードできます。

手順は次のとおりです。
  1. フォームビルダーで、共有> 埋め込み> HTML & CSS を開きます。
  2. [コードを生成] をクリックして、フォームをWebページに埋め込むためのカスタマイズ可能なHTML/CSSコードを生成します。
  3. [プレーンHTMLをダウンロード] または [HTML/CSSをダウンロード] をクリックします。

    Download HTML


    フォームのHTMLおよびCSSコードでは、次の機能はサポートされません。

    • 評価フィールド
    • ユニークIDフィールド
    • スライダーフィールド
    • 画像選択フィールド
    • 支払いフィールド
    • 計算式フィールド
    • Zoho CRMフィールド
    • サブフォームフィールド
    • Smart Scanフィールド
    • 非表示フィールドおよび非表示フィールド用のルール
    • ページルール
    • 画像認証（CAPTCHA）およびReCaptcha検証
    • メールアドレスおよび電話番号フィールド入力の確認機能
    • 保存して後で再開
    • 送信前の確認画面
    • OTP認証
Notes
メモ:
  1. すべてのフィールド入力および署名フィールドの検証は、フォームのHTMLおよびCSSコードをダウンロードして埋め込んだ場合にのみ機能します。
  2. また、Webサイトにリダイレクトオプションは、ダウンロードしたHTMLおよびCSSコードを有料プランで使用している場合にのみ機能します。

  3. Google Tag Manager（GTM）は、HTML/CSS埋め込みオプションを使用してフォームをWebサイトに埋め込んだ場合はサポートされません。
HTML/CSSコードを使用してフォームを埋め込んでいるソースからの送信をブロックするには、フォーム送信の制限 の該当オプションを無効にします。


    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



                                  • Related Articles

                                  • 「なぜ、ダウンロードしたHTML＆CSSコードを使用してWebページに埋め込んだフォームでUTMトラッキングが機能しないのか？」

                                    お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 フォームのHTML & CSSコードをダウンロードする前に、UTMトラッキングを有効にする必要があります。

                                  • 「ダウンロードしたHTML/CSSコードを使用して埋め込んだフォームに対して、reCAPTCHAやZoho Forms CAPTCHAが機能するのか？」

                                    お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ダウンロードしたフォームのHTML/CSSコードをウェブサイトに埋め込む場合、CAPTCHAオプションはサポートされていません。ウェブ開発者の助けを借りて、CAPTCHAオプションを動作させるためのスクリプトを書く必要があります。

                                  • 「ウェブサイトにHTMLコードを使って埋め込みフォームを作成しましたが、UTMパラメーターが追跡されません」を追跡するための埋め込みフォームの作成方法

                                    お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ダウンロード前に、Shareタブの下のTrack Entriesを有効にする必要があります。そうすると、UTMパラメータがキャプチャされます。 正しく行なっているかどうかを確認するには、入力属性（例えば）： <input type='hidden' name='utm_source' ...

                                  • Squarespaceサイトへのフォーム埋め込み方法

                                    お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Squarespace を使って Web サイトを作成している場合は、次の手順で Zoho Forms を埋め込むことができます。 フォームビルダーで共有するタブに移動し、埋め込みの下に表示されるオプションから、任意の埋め込みコードをコピーします。 Squarespace の Web ...

                                  • Zoho Formsの埋め込みオプションの選び方

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

                                  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.