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

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

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

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

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

        1. WordPressサイトで、[プラグイン]タブに移動し、そのすぐ下にある[新規プラグインを追加]をクリックします。
        2. 検索バーでZoho Formsを検索し、[今すぐインストール]をクリックします。
        3. プラグインをインストールしたら、[有効化]ボタンをクリックします。Zoho Formsは、[インストール済みプラグイン]セクションで確認できます。

        WordPress 5.0以降の場合

          1. Zoho Formsアカウントで、要件に合ったフォームを作成します。
          2. 上記の手順に従って、WordPressにZoho Formsプラグインをインストールし、有効化していることを確認します。
          3. WordPressのページまたは投稿にフォームを追加するには、画面左上の[+(ブロック挿入ツール)]アイコンをクリックします。検索バーにZoho Formsと入力し、検索結果からブロックを選択します。
            Add Zoho Forms form to a WordPress page
          4. ブロックを追加すると、Zoho Formsのダイアログが開きます。[フォームの埋め込み方法を選択]で、次のいずれかの方法を選択し、[次へ]をクリックします。

            Choose a way to embed your form
          5. •[Zoho Formsにアクセス]をクリックして、Zoho Formsアカウント内のフォームを選択します。

              1. Zohoアカウントが登録されているドメインを選択し、[接続]をクリックします。Zohoのサインインページに移動します。

                Choose a Domain

              2. Zohoのページでサインインし、WordPressに戻って[更新]をクリックすると、フォームが読み込まれます。



              3. [フォームを選択]の一覧からフォームを選択します。

                Choose a form

              4. [固定リンクを使用]を選択すると、サインインせずに固定リンクURLを使用してフォームを埋め込むことができます。[次へ]をクリックした後、表示された項目にフォームの固定リンクURLを入力します。


          6. フォームを選択した後、フォームのコンテナーの幅をpxまたは%で指定できます。高さは、フォーム内の項目数に応じて自動的に調整されます。固定の高さを設定するには、[高さをカスタマイズ]を選択し、高さをpx単位で入力します。
          7. フォーム送信の追跡やフォーム項目への事前入力を行うため、フォームのURLにパラメーターを追加することもできます。Zoho FormsのURLパラメーターについて詳しくは、こちらをクリックしてください。


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

          WordPress 4.9.9以前の場合

          1. Zoho Formsアカウントで、要件に合ったフォームを作成します。
          2. 上記の手順に従って、WordPressにZoho Formsプラグインをインストールし、有効化していることを確認します。
          3. WordPressのページエディターで、[Zoho Forms]アイコンをクリックします。

          4. アカウントにログインして[フォームを選択]するか、Zoho Formsにログインせずにフォームの固定リンクを入力します。
          5. フォームの幅と高さはエディターで指定できます。
          6. 完了したら、[埋め込む]をクリックして続行します。

          ショートコードによる埋め込み

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

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

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

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

          例:

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

          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']
          メモ:フォームの固定リンクは、フォームビルダーの[共有]タブからコピーできます。