> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-react-sdk-reference.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# SendGrid

> メールを送信するようにSendGridフローアクションを構成する方法を説明します。

## Vault接続を構成する

SendGridアクションのVault接続を構成するには、 **API key（APIキー）** が必要です。

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=ae22e61571944d98503ddc558d571d45" alt="Dashboard > Actions > Forms > Flows > actions > SendGrid" data-og-width="1404" width="1404" data-og-height="545" height="545" data-path="docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=280&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=954c7006d13a375762917957a507e4af 280w, https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=560&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=b8262cd7d0224422ff164fb197af3ad8 560w, https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=840&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=02475acd73476acb93873203cc40fd3a 840w, https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=1100&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=6f95bdf5371391deeff9f9fad9a65a3e 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=1650&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=d4e8e5b2c13a86418c18b05dd351a746 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/8vB36MaKPCmyPa-D/docs/images/ja-jp/cdy7uua7fh8z/7qruolnilHd2RUvA3dGKfV/a278873b5b0564364bfdd9e15ca1d5cf/sendgrid-vault-connection.png?w=2500&fit=max&auto=format&n=8vB36MaKPCmyPa-D&q=85&s=4150b0e8c3c4d16fb993063c126d23e1 2500w" />
</Frame>

これは、[SendGridダッシュボード](https://app.sendgrid.com/settings/api_keys)の設定ページのAPIキーにあります。

## メールを送信する

SendGridをメールプロバイダーとして使用してメールを送信します。

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/5rBAUuMZrNI1AkcM/docs/images/ja-jp/cdy7uua7fh8z/3pT7MZCTVhcL9ueeke0HqQ/8583aedc27af021fe6a62430c6d59adf/sendGrid.png?fit=max&auto=format&n=5rBAUuMZrNI1AkcM&q=85&s=f37653814f4a337a5e0026001beb994e" alt="" width="1398" height="1229" data-path="docs/images/ja-jp/cdy7uua7fh8z/3pT7MZCTVhcL9ueeke0HqQ/8583aedc27af021fe6a62430c6d59adf/sendGrid.png" />
</Frame>

### 入力設定

| パラメーター                                  | 説明                                                                                     |
| --------------------------------------- | -------------------------------------------------------------------------------------- |
| Sender name（差出人名）                       | 差出人の名前です                                                                               |
| Sender email (required)（差出人のメール（必須））    | 差出人のメールです                                                                              |
| Recipient name（宛先名）                     | 宛先の名前です                                                                                |
| Recipient email (required)（宛先のメール（必須））  | 宛先のメールです                                                                               |
| Subject (required)（件名（必須））              | メールの件名です                                                                               |
| Email type (required)（メールの種類（必須））       | HTMLコンテンツまたは保存済みのテンプレート（任意）を使ってメールを送信します                                               |
| Message (required)（メッセージ（必須））           | HTML形式またはテンプレート（任意）のメッセージです。                                                           |
| Template ID (optional)（テンプレートID（任意））    | テンプレートを使用する場合、IDは[SendGridのダッシュボード](https://mc.sendgrid.com/dynamic-templates)で確認できます。 |
| Custom variables (optional)（カスタム変数（任意）） | テンプレートに挿入するカスタム変数を追加します。                                                               |

### 出力設定

予期される応答とステータスコードは、[SendGridのドキュメント](https://www.twilio.com/docs/sendgrid/api-reference/mail-send/mail-send)で確認できます。
