You can integrate Google services like Google Sheets and Drives to your WordPress forms. For that you need to connect the MetForm with your Google Cloud Console.
Here is how to integrate Google services with MetForm:
Pre-requirements: #
- You will need a Google Cloud Console account, either you have to open a new account or log in to your exisiting account.
- Since MetForm is an Elementor form builder, you need to have Elementor plugin installed and activated on your website.
- エレメンター: プラグインのダウンロード
- MetForm プロ: プラグインを入手
👑 Google integration in only available with MetForm Premium version.
Step 1: Set up a project in the Google Cloud Console #
You will need APIs to connect the Google Sheet with WordPress form. For that, login to your Google Cloud console acoount. After that,
1. Click on the Select a project 落ちる。
2. A popup will appear, there click on the 新しいプロジェクト オプション。
新しいプロジェクトを作成するには、 プロジェクト名 そして 位置 (該当する場合)、 「作成」ボタン.
Then go to your project dashboard, and navigate to APIs overview >> OAuth consent screen.
On the OAuth consent screen select the ユーザータイプを外部へ 「作成」ボタンをクリックして続行します。
On the next screen, enter your App information including:
- アプリ名
- ユーザーサポートメール
- 認可されたドメイン
- Developer contact
最後に、をクリックします 保存して続行
APIの概要へ移動
- OAuth同意画面ページに移動
- ユーザータイプ外部を選択
- 作成ボタンを押す
アプリ情報を入力してください。下の画像を参照してください。
さて、あなたはしなければなりません add App domain. If your site is on the live server then you need to authorize the domain. An authorized domain does not allow subdomain names and any protocol. However, you can use this Google project for websites created with your subdomain. For localhost, you do not need to authorize the domain.
次に、保存して続行します。
- OAuth同意画面から
- ユーザーの追加をクリック
- Add your email address and save it
ダッシュボードに戻るボタンをクリック
アプリの公開ボタンをクリックして、資格情報ページに移動します。 ウェブサイトがローカルホスト上にある場合は、アプリを公開するボタンをクリックする必要はありません。資格情報ページに移動するだけです。
- 資格情報へ移動
- 資格情報を作成する
- OAuthクライアントIDを選択
選択したアプリケーションの種類はWebアプリケーションです。名前入力フィールドに入力します。
クライアントIDが認証情報に追加されているので、確認することができます。
Now you will get the client ID and client secret, just copy them from here.
Step 2: Copy the URL From Metform’s Google Integration Tab #
この手順では、承認されたリダイレクト URI を追加する必要があります。リダイレクト URI は、MetForm の Google シート統合設定内で取得できます。
次に、 Credentials again > find Authorized redirect URIs > Add URI that you have just copied from Metform’s Google Sheet Integration settings
Step 2: Insert the Copied Ids #
Now, return back to Metform’s Google Integration tab from your dashboard.
Here, you have to paste the copied Client ID and Client Secret in the fields and save changes.
Finally you can connet Google services with your WordPress form.
こちらもお読みください:
