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

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

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

WordPress を使用して Web サイトを作成している場合、Zoho Forms のフォームを次の手順で埋め込むことができます。

Zoho Forms プラグインのインストール

        1. WordPress サイトで、Plugins タブに移動し、その直下にある Add New Plugin をクリックします。
        2. Zoho Forms を検索バーで検索し、Install Now をクリックします。


        3. プラグインのインストール後、Activate ボタンをクリックします。その後、Installed Plugins セクション内で Zoho Forms を確認できます。

        WordPress 5.0 以下の場合

          1. Zoho Forms アカウントで、要件に合ったフォームを作成します。
          2. 上記の手順どおり、WordPress に Zoho Forms プラグインがインストールおよび有効化されていることを確認します。
          3. フォームを WordPress のページまたは投稿に追加するには、画面左上の +(ブロックインサーター) アイコンをクリックします。検索バーで Zoho Forms と入力し、検索結果からブロックを選択します。


          4. ブロックが追加されたら、Access Zoho Forms をクリックして Zoho Forms アカウントにログインし、既存のフォームを選択します。


          5. サインインせずに、パーマリンク URL を使用してフォームを埋め込むこともできます。


          1. フォームを選択すると、iFrame と JavaScript の 2 種類の埋め込み設定が表示されます。

            • iFrame オプションを選択した場合、フォームコンテナの幅と高さを任意に指定できます。

            • JavaScript オプションを選択した場合、フォームコンテナの幅を指定できます。高さは、フォーム内の項目数に応じて自動的に調整されます。
          2. フォーム送信の追跡やフォーム項目の事前入力を行うために、フォームの URL にパラメーターを追加することもできます。URL パラメーターの詳細については、こちらをクリックしてください。


          8. WordPress エディター内でフォームを直接プレビューし、変更内容を確定したら公開できます。

          WordPress 4.9.9 以下の場合

          1. Zoho Forms アカウントで、要件に合ったフォームを作成します。
          2. 上記の手順どおり、WordPress に Zoho Forms プラグインがインストールおよび有効化されていることを確認します。
          3. WordPress のページエディターで、Zoho Forms アイコンをクリックします。
            WordPress 4.9.9
          4. Zoho Forms にログインしてフォームを選択するか、ログインせずに  フォームのパーマリンク を入力することができます。
          5. フォームの幅と高さはエディターで指定できます。
          6. 設定が完了したら、Embed をクリックして続行します。

          ショートコードを使用して埋め込む

          Zoho Forms プラグインは、WordPress のブロックエディターとクラシックエディタープラグインの両方に対応しています。Elementor、SeedProd などのサードパーティエディターに埋め込む場合は、ショートコードブロック/ウィジェットを使用できます。

          1. WordPress ページにショートコードブロックを追加するには、画面左上の +(ブロックインサーター)アイコンをクリックします。検索バーで Shortcode と入力し、検索結果からブロックを選択します。

          2. 次に、以下のショートコード形式を使用して、Zoho Forms を Web サイトに埋め込むことができます。

          [zohoForms src=<Form Permalink URL> width=100% height=600px urlparams='<parameter name>' type=<js/iframe> autoheight=<true/false>]

          例:
          フォームのパーマリンク URL が次のとおりの場合 -https://forms.zohopublic.com/zylker/form/ReviewForm/formperma/z3bcox1KszUdTSH_z_73b53Rqhas1zWmnyNV14I

          この場合、ショートコード形式は次のようになります。

          iframe の場合:

          javascript の場合:

          URL パラメーターを使用する場合:

          Quote[zohoForms src=https://forms.zohopublic.com/zylker/form/ContactUs/formperma/z3bcox1KszUdTSH_z_73b53Rqhas1zWmnyNV14Ih=0 width=100%type=<iframe/js> urlparams='referrername=rebecca&referrersrc=webpage']
          メモ: フォームビルダーの[共有]タブから、フォームのパーマリンクをコピーできます。

            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









                                          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.