脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

MENU

メール送信設定してみる|初心者のアプリ開発|Adaloとzapier

f:id:yuka-edu:20210929175627p:plain

 

こんにちは!ゆかゆかです。

 

今日は、Adaloとzapierを使ったGmailの送信設定をしてみたいと思います。

 

Adalo仲間のH様からメール配信の解決に困った話を伺いました。

そうなんです!Adaloってメール配信できないんですよ!

確かに〜!私もこれ、悩んだことをすっかり忘れておりました!

 

H様が解決するための試行錯誤が、私も同じで、お話うかがいながら

「わかる〜!!」と共感しまくってしまいました。

 

ポイント! 

 Adalo単体ではメール配信できません!

 

 

zapierを使う理由

メール配信ツールにはいくつかあります。

  • sendGrid
  • sendinBlue
  • integromat
  • zapier

私が試してみたのは、sendGridとZapierです。

H様も悩まれていたのですが、sendGridはメール本文で改行できません。

私も、これじゃ微妙だなという感じでした。

結局zapierを使うことで落ち着いたので、今日はzapierを使った設定を紹介します。

 

Adaloでの設定

まずは、Adaloで問い合わせフォームを用意します。

 

お問い合わせ用データコレクションを用意

  1. Database Collections
  2. 必要に応じてPROPERTY(項目)の作成

今回は、「名前」と「メッセージ」を用意しました。

f:id:yuka-edu:20210930173154j:image

画面設定

  1. + ボタンを選択
  2. ADD SCREEN を選択
  3. Formを選択

f:id:yuka-edu:20210930173303j:image

 

  1. which data collection? > データコレクションを選択(お問い合わせ)
  2. WHat do you want the form to do? > Create New お問い合わせ を選択

f:id:yuka-edu:20210930173247j:image

 

  1. Fieldsは必要に応じて変更

ADD AUTOMATIC FIELD を設定すれば問い合わせ日など自動設定することができます。

f:id:yuka-edu:20210930173159j:image

 

  1. Submit Buttonは必要に応じて変更

Textでボタン名を変えられます。

f:id:yuka-edu:20210930173215j:image

 

zapierでの設定

Adalo側の設定ができたら、zapierで連携設定しましょう!

zapierは色々なアプリケーションを連携できるので優れものです!

無料で5個分まで設定可能なようです。

アプリケーションのコネクション設定

zapierへのログインはgoogleのアカウントなどでできます。

ログインをするとWelcome画面が表示されます。

 

  1. Connect this app よりAdalo を選択
  2. with this one! よりGmail を選択

f:id:yuka-edu:20210930173243j:image

 

  1. When this happens でNew Record(レコードが作成された時)を選択
  2. then do this! で Send Email(メールを送る)を選択
  3. Try it を選択

f:id:yuka-edu:20210930173217j:image

 

zapierでAdaloへの接続設定

  1. Adalo account を選択
  2. + Connect a new account を選択

※私はすでに接続ずみのAdaloアカウントがあります。

f:id:yuka-edu:20210930173207j:image

 

  1. Adaloのログイン情報(Email Address, Password)を入力
  2. SIGN IN を選択

f:id:yuka-edu:20210930173238j:image

 

  1. ALLOW ACCESS を選択

f:id:yuka-edu:20210930173256j:image

 

  1. Continueを選択

f:id:yuka-edu:20210930173231j:image

 

  1. App > お問い合わせフォームを作成したアプリケーションを選択
  2. Table > データコレクションを選択
  3. Continue を選択

f:id:yuka-edu:20210930173201j:image

 

  1. Test trigger を選択し、Adaloへの接続をテスト

f:id:yuka-edu:20210930173224j:image

 

  1. Continue を選択

f:id:yuka-edu:20210930173245j:image

 

zapier で Gmailへの接続設定

  1. Continue を選択

f:id:yuka-edu:20210930173233j:image

 

  1. Gmail account を設定

必要に応じて、 + Connect a new account よりアカウント登録してください。

f:id:yuka-edu:20210930183815j:image

 

  1. Continue を選択

f:id:yuka-edu:20210930173300j:image

 

メールの宛先や本文を設定

  1. メールの宛先や本文を設定
  2. 設定ができたら、Continueを選択

※最低限このあたりは入力が必要そうです。

  • To:宛先
  • From:差出人
  • Subject:件名
  • Body:本文

f:id:yuka-edu:20210930173222j:imagef:id:yuka-edu:20210930173305j:imagef:id:yuka-edu:20210930173253j:image

※本文入力時のポイント

Adaloの値を入力できるのですが、

Show all options を選択すると・・・

f:id:yuka-edu:20210930173228j:image

 

自分で設定した項目が出てきます!

f:id:yuka-edu:20210930173157j:image

 

メール配信のテストしてみる

  1. メール宛先や本文のサンプルが表示されるので、確認
  2. Test & Continue を選択

f:id:yuka-edu:20210930173212j:image

 

  1. メールが配信される
  2. Turn on Zap を選択すると、この設定が有効化される

f:id:yuka-edu:20210930173235j:image

 

  1. Gmail アカウントでメールの受信を確認

f:id:yuka-edu:20210930173226j:image

 

Adaloから問い合わせをしてみる

  1. Adalo の プレビュー機能からお問い合わせをしてみます!

f:id:yuka-edu:20210930173219j:image

 

  1. Gmailアカウントにメールが届く

数分はタイムラグがありますが、メールが届きました〜!

やった〜!

f:id:yuka-edu:20210930173258j:image

まとめ

無事にメール配信できるようになりました〜!

zapierの設定は最大5個までなのでご注意ください。

zapier便利なので、もっと使い倒してみたいです。

 

zapier.com

他にも良いアイディアなどあれば、教えてくださいませ〜

 

♡・・*・・♡・・*・・♡・・*・・♡・・*・・♡・・*

最後までご覧いただき、ありがとうございました。

 

▽ NoCodeアプリ Adalo

www.adalo.com