Tutorial 2: Sending mails using ManyWho Email

Content under development

You can build an app in ManyWho that sends emails to your contacts or customers, without the need to integrate any third-party email service or client in your apps. You can import the ManyWho Email Service – a default mail service that comes with your ManyWho tenant – to your app, and use the Message element to send mails by populating the To, From, Subject, and Body fields.

What we need

  • ManyWho username/password. (If you do not have a ManyWho login, please click here to get one.)
  • ManyWho Email service (Make sure you have authorized the use of Amazon Simple Email Service. You can do this by clicking on the link sent to you by Amazon when you signed up for a new ManyWho account.)

Let’s get building!

If you want to take a closer look, click on the images to enlarge them. Have a question? Click the Support button on the bottom right-hand corner of this page to ask.

This is what our canvas will look like, once we are done:


Building the flow
  1. Click LOG IN to login to the ManyWho Drawing Tool.
  2. Create a new flow called Emails using the ManyWho Identity service.
  3. Click Shared Elements on the right-hand-side navigation.
  4. Select Services.
  5. Click Import Existing.
  6. Click the Import button for ManyWho Email.
  7. Click Close.
  8. Drag a Page element from the sidebar to the canvas.

    This opens the configuration panel.
  9. Type Upload file in the Name field.
  10. Click New Page Layout. This opens a new page layout called New Page in a new tab.
  11. Click the gears icon on the right-hand-side.

    This opens the Settings screen for the page.
  12. Write File upload in the Name and Label fields and click Save.

    This saves the name and label of the page.
  13. We will now save the page. Click the Save icon the right-hand-side navigation.

    The page name changes to File upload.
  14. Drag a File Upload component from the Data section to the Main container.

    This opens the Configuration Panel for the Page Component.

    1. Type Upload file in the Name and Label fields.
  15. Check the box next to Required.
  16. Select ManyWho Email as the Service to load the Files from in the Data Source section.
  17. The Save the whole selection box under State should be checked.
  18. Click Select or create a new value in the Save the selection made by the user to field.
  19. Click Create a new Value.
  20. The Name field should say $File, the kind of value should be Object, the Type of value should be $File.
  21. Click Save.
  22. Click Save Component.
  23. Click the Save icon the right-hand-side navigation to save the page. This is what the page looks like now:
  24. Click the Emails tab to go back to the flow.
  25. Click Save Page.

    This is what the canvas looks like now:
  26. Hover your mouse on StartThe mouse pointer changes from a crossbar to a hand.
  27. Drag an arrow from Start to Upload file.
  28. In the Configuration Panel, type Go in the Name text field and click Save Outcome.

    This is what the canvas looks like now:
  29. Drag an Operator from the sidebar to the canvas.
  30. In the Configuration Panel, copy-paste Assign file to list in the Name text field and click New Operation.
  31. Click Select or create a new Value.
  32. Click Create a new Value.
  33. Copy-paste List of attachments in the Name field.
  34. Select List as the kind of value.
  35. Click Select a Type.
  36. Select $File.
  37. Click Save.
  38. Select Update for the How do you want to change the value field.
  39. Select Value Of for the How do you want to retrieve the reference Value field.
  40. Click Select or create a new Value for Which Value do you want to reference field.
  41. Select $File.
  42. Click Apply Operation.
  43. Click Save Operator.

    This is what the canvas looks like now:
  44. Create an outcome called Go from Upload file to the Assign file to list element.

    This is what the canvas looks like now:
  45. Drag a Message element from the sidebar to the canvas.
  46. In the Configuration Panel, copy-paste Send mail in the Name text field and click New Message Action.
  47. Select ManyWho Email from the The Service to send the Message drop-down menu.
  48. Click Send Email.

    This opens the configuration panel for the Send Mail action.
  49. Click Select or create a new Value under Attachments.
  50. Select the List of attachments value.
  51. Click Select or create a new Value for Body.
  52. Click Create a new Value.
  53. In the Default Value field, copy-paste the words The text of the email goes here.
  54. Click Save to save the value.
  55. Click Select or create a new Value for From.
  56. Click Create a new Value.
  57. The Name field should say From.
  58. Select Object as the kind of value.
  59. Click Select a Type.
  60. Select Contact.
  61. Click the + icon under Default Object Data to expand the fields.
  62. Enter the email address you would like to send the email from, in the Email field.
  63. Enter the name you would want the emails to be from, in the Name field.
  64. Click Save.
  65. Click Select or create a new Value for Subject.
  66. Click Create a new Value.
  67. The Name field says Subject, the What kind of value is this field says String. Enter the subject of the email in the Default Value field and click Save.
  68. Click Select or create a new Value for To.
  69. Click Create a new Value.
  70. The Name field says To, the What kind of value is this field says List. Click Select a Type.
  71. Select Contact.
  72. Click the + icon under Default Object Data to expand the fields.
  73. In the Email field, enter the email of the person you want to send the email to.
  74. In the Name field, enter the name of the person you want to send the email to.

    If you want to add more recipients, you can click the + icon to add more.
  75. Click Save when done adding the recipients.
  76. If you like, you can also add recipients as CC/BCC the same way you added To entries. Click Apply Message Action when done.
  77. Click Save Message.

    This is what the canvas looks like now:
  78. Hover your mouse on Assign file to listThe mouse pointer changes from a crossbar to a hand.
  79. Drag an arrow fromAssign file to list to Send mail.
  80. In the Configuration Panel, type Go in the Name field.
  81. Click Save Outcome.

    This is what the canvas looks like now:
  82. Drag a Step element to the canvas.
  83. Copy-paste Email sent in the Name field.
  84. In the content editor, copy-paste This is to confirm the mails have been sent. Thank you.
  85. Click Save Step.

    This is what the canvas looks like now:
  86. Hover your mouse on Send mailThe mouse pointer changes from a crossbar to a hand.
  87. Drag an arrow from Send mail to Email sent.
  88. In the Configuration Panel, type Go in the Name field.
  89. Click Save Outcome.