Shopify Flowから、カスタムSMTPサーバーを使用してメールを送信する
動画付きの手順ガイド：Gmail、SendGrid、Mailgun、Amazon SES、または任意のカスタムSMTPサーバーをShopify Flowに連携し、ブランド名を記載したVIP向けウェルカムメールを送信する方法をご紹介します。
概要
Workflow Transactional Emailを使用すると、Shopify Flowから独自のSMTPサーバーを経由してトランザクションメールを送信できます。この例では、お客様がVIPタグを取得すると、Shopify Flowが実行され、ワークフローが保存済みのSMTPサーバーとメールレイアウトを使用して、ブランド化されたメールを送信します。
この構成は3つの部分から成っています：
- **「メール送信元」**の下でSMTP接続を作成してください
- 「メールレイアウト」でメールのデザインを作成してください
- Shopify FlowのSend Transactional Emailアクションを使用し、お客様データをレイアウトに渡します
SMTPに対応しているプロバイダーであれば、Gmail、SendGrid、Mailgun、Amazon SES、あるいはご自身のメールサーバーを含め、どれでもご利用いただけます。
動画ガイド
SMTPサーバー、メールのレイアウト、Shopify Flowのワークフローといった、設定の全手順をご紹介します。動画には音声が含まれていませんので、ご自身のペースに合わせて再生速度を調整してください。
始める前に
- ShopifyストアにWorkflow Transactional Emailをインストールしてください。
- ご利用のSMTPプロバイダーから、ホスト名、ポート番号、ユーザー名、パスワードをあらかじめご用意ください。
- VIPメールの送信元アドレスを決定してください。
シナリオ：VIP向けウェルカムメール
このワークフローでは、次のような処理が行われます：
- あるお客様に
VIPというタグが付けられています - Shopify Flowがワークフローを開始します
- このワークフローでは、Send Transactional Emailアクションが実行されます
- このアクションでは、保存済みのSMTPサーバーが使用されます
- このアクションにより、保存済みのメールテンプレートにお客様の詳細情報が入力された状態で送信されます
手順 1：SMTP サーバーの設定
アプリで「メール送信元」を開き、「SMTP」セクションに進んでください。ここでは、トランザクションメールを送信するメールサーバーを設定します。
ご利用のプロバイダーから提供されたSMTPホスト、ポート、ユーザー名、パスワードを入力し、「接続テスト」をクリックしてください。
認証情報が正しければ、成功メッセージが表示されます。
メッセージの送信元となるアドレスを選択してください。また、表示名も設定しておくと、受信者には生のアドレスではなく、ストアの名前が表示されます。
設定を保存しておくと、後でShopify Flowのアクションから選択できるようになります。
ステップ2：メールのデザインを作成する
**「メールレイアウト」**に移動してください。ここでは、Shopify Flowが送信するメールの内容を作成します。
VIPシナリオのレイアウトを作成し、件名と本文を設定してください。件名には、Shopify Flowから渡された変数を使用できます。この例では、firstNameを使用し、フォールバックとしてLiquidのdefaultフィルターを指定しています：
Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Clubブロックを追加して、ご自身のブランドに合ったデザインを作成しましょう。
この例では、見出しブロック、画像ブロック、テキストブロックを使用しています。テキストブロックでは、firstName変数を参照しており、この変数にはShopify Flowから値が渡されます。
「**テスト変数」**セクションを使用してサンプル値を入力し、デザインが期待どおりに表示されるか確認してください。
Shopify Flowのアクション内で選択できるよう、レイアウトを保存してください。
このブロックの完全なリファレンスについては、メールのレイアウトを作成する をご覧ください。
ステップ3：Shopify Flowでワークフローを作成します
Shopify Flowを開き、VIPプロセス用のワークフローを作成してください。「顧客タグ付け」トリガーを使用すると、お客様にVIPタグが付けられた際にワークフローが実行されます。
**「イベントの記録」**をクリックし、新しいタブでお客様にタグを追加してください。左側のトリガーを選択すると、実際のトリガーデータが表示されます。これにより、適切な変数をより簡単に選択できるようになります。
Send Transactional Emailアクションを追加してください。**「To Email(s)」**には、お客様のメールアドレス変数を使用してください。その後、「**Configure email」**をクリックしてください。
設定画面で、「送信元」からこのメールを経由させるSMTPサーバーを選択し、「レイアウト」から作成したメールレイアウトを選択してください。その下にある「プレビュー」には、レイアウトのテスト変数が埋め込まれた件名付きのレイアウトが表示されますので、正しいものかどうかを確認できます。 「保存」をクリックすると、ページの下部に「_設定が正常に保存されました」_と表示されます。その後、**「終了」**をクリックしてワークフローに戻ってください。
操作に戻り、「**変数（JSON）」**フィールドに、レイアウトに必要なデータを指定してください：
{
"firstName": "{{ customer.firstName }}"
}
トリガー、条件、レイアウト、変数がすべて正しいことを確認したら、ワークフローを有効にしてください。
各要素がどのように組み合わさっているか
お客様がVIPタグを取得すると、Shopify Flowはワークフローを実行し、メールアクションを呼び出します。そのアクションでは、以下の処理が組み合わされます：
- 「**メール送信者」**に保存されたサーバー設定
- **「メールレイアウト」**に保存したデザイン
- Shopify FlowステップからJSON変数として渡されたお客様の値
これらを分けておくことで、レイアウトを再利用できるようになります。つまり、毎回HTMLを編集することなく、すべてのお客様に同じデザインを送ることができます。
エンドツーエンドでテストしてください
- テスト用のお客様に
VIPタグを適用してください - Shopify Flow でワークフローが実行されることを確認してください
- お客様がメールを受信しているか確認してください
- 件名とHTMLが正しく表示されることを確認してください
- 差出人の名前と住所が、御社のブランド名と一致していることをご確認ください
メッセージが届かない場合は、アプリ内の「**履歴」**を開いて、実行結果と具体的なエラー内容をご確認ください。沿革とトラブルシューティング をご参照ください。
このガイドに記載されているSMTPサーバーとデザインを使用して送信されたメールは、以下の通りです：
関連情報
- Shopify FlowからMicrosoft 365を使用してメールを送信する - SMTPの代わりにMicrosoft 365のメールボックスを使用します。
- Shopify FlowからGoogleを使ってメールを送信する - SMTPの代わりにGoogleのメールボックスを使用します。
- 変数と液体 - 変数とLiquidに関する完全なリファレンスです。