# Email component

**URL:** <https://community.glideapps.com/t/email-component/25206>\
**Category:** Ask for Help\
**Created:** [April 6, 2021, 1:12pm UTC](https://community.glideapps.com/t/email-component/25206 "2021-04-06T13:12:16Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 6, 2021, 1:12pm UTC](https://community.glideapps.com/t/email-component/25206/1 "2021-04-06T13:12:16Z")

</div>

Hi  
A part of my app has a catalogue of products we sell B2B. I’m trying to understand the email component and was hoping it was possible to use the email component to email the images and text details contained within the detail page (see attached image).

As an example the body of the email would contain the images and the table of information.

Is this possible with the email component or is it configurable any other way within Glide?

cheers

 ![Screen Shot 2021-04-06 at 11.05.12 pm](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8d9275e3a05407da7cd77ccd5728c866e3c33971.jpeg)

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [April 6, 2021, 1:18pm UTC](https://community.glideapps.com/t/email-component/25206/2 "2021-04-06T13:18:35Z")

</div>

You can use integromat, @Robert_Petitto has a great tutorial on that. Let me find it

> [@arrow\_upper\_right Webhook Action Tutorial](https://community.glideapps.com/t/webhook-action-tutorial/20905):
>
> [[NEW Glide WEBHOOK ACTION lets you send data ANYWHERE] ](https://www.youtube.com/watch?v=iayOIvW5Kp4) If you want screenshots, check out @Mauronic’s post [here](https://community.glideapps.com/t/webhook-action-how-it-works/20878/10)

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 7, 2021, 12:06pm UTC](https://community.glideapps.com/t/email-component/25206/3 "2021-04-07T12:06:35Z")

</div>

Thank you…What I’m really struggling with in Webhooks is that it appears the recipient email has to be preloaded. As per screenshot I would like to email the details but to an unknown recipient ie when an enquiry is made I would hit the email button and then add the appropriate recipient email. Is this possible? Because it’s a CRM app could I email it to a client in the app as an enquiry is made?.

 ![Screen Shot 2021-04-07 at 9.28.39 pm](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/f/0fc7cf4746ba330e8198b554ad92e3b9c8e9b269.png)  
cheers

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 7, 2021, 12:09pm UTC](https://community.glideapps.com/t/email-component/25206/4 "2021-04-07T12:09:50Z")

</div>

Are you saying that you want the app user to manually enter the recipient email address?  
If that’s the case, just make it a two step process…

- User taps the button once, and is prompted for the email address
- User taps a second time, and the web hook is sent, with the user supplied email address as an extra value

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 7, 2021, 12:51pm UTC](https://community.glideapps.com/t/email-component/25206/5 "2021-04-07T12:51:30Z")

</div>

Hi and thank you

Yes that’s correct. Do you mean a custom action?

cheers

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 7, 2021, 1:02pm UTC](https://community.glideapps.com/t/email-component/25206/6 "2021-04-07T13:02:24Z")

</div>

Yes, with a combination of visibility conditions. I’m imagining something like this:

- Create a user specific boolean column. This will be used:
  - To hide/show the email input component
  - To determine which action is taken when the button is pressed
  - And (optionally) to determine the button label

- Next add an email entry component to your screen. This will initially be hidden (ie. boolean is not true)
- Now create a custom action to attach to your button. This action will have two paths. One if the boolean is true, and another if the boolean is not true.
  - If it’s not true (starting state):
    - Reveal the email entry component, and maybe a hint component that prompts for an email address
    - Change the label on the button (optional)
    - Set the boolean column to true

  - If it’s true (2nd tap):
    - Send the web hook
    - Flip the boolean to not true

That’s off the top of my head, and I probably missed a few bits, but it should give you the general idea.

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 7, 2021, 2:25pm UTC](https://community.glideapps.com/t/email-component/25206/7 "2021-04-07T14:25:24Z")

</div>

Thank you…I’m going to have to think a bit more…the process above has made my head cloudy:) cheers

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 7, 2021, 2:26pm UTC](https://community.glideapps.com/t/email-component/25206/8 "2021-04-07T14:26:28Z")

</div>

If it would help, I could throw a concept app together for you?

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 7, 2021, 2:39pm UTC](https://community.glideapps.com/t/email-component/25206/9 "2021-04-07T14:39:46Z")

</div>

OMG…That would be awesome thank you 😃 👏

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 7, 2021, 3:10pm UTC](https://community.glideapps.com/t/email-component/25206/10 "2021-04-07T15:10:52Z")

</div>

Here you go… you can make a copy and study it.  
It’s very simple, just includes the steps I described earlier.  
You’ll need to take it and adapt to your app.

> **[Two Step Submit Demo](https://optimal-chickens-8107.glideapp.io/)**

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 8, 2021, 9:14am UTC](https://community.glideapps.com/t/email-component/25206/11 "2021-04-08T09:14:54Z")

</div>

Hi and thank you. Is the ‘things’ sheet my products sheet?  
Is there a way that the button triggers an email box to customise the message eg Hi “Name” As discussed below are the details we spoke about blah blah blah…and attach a signature as you would in Outlook / Apple Mail?  
cheers

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 8, 2021, 10:03am UTC](https://community.glideapps.com/t/email-component/25206/12 "2021-04-08T10:03:55Z")

</div>

> [@Mozzie](#):
>
> Hi and thank you. Is the ‘things’ sheet my products sheet?

Yes, you’d just take the components and columns I’ve used there and apply them to your existing screen/table.

> [@Mozzie](#):
>
> Is there a way that the button triggers an email box to customise the message eg Hi “Name” As discussed below are the details we spoke about blah blah blah…and attach a signature as you would in Outlook / Apple Mail?

Certainly, and that’s just an extension of what you see there. So you’d just create another User Specific Column to take the message contents, and perhaps a Template column to fill it with some default text. The signature could also come from a template column.

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 11, 2021, 12:20pm UTC](https://community.glideapps.com/t/email-component/25206/13 "2021-04-11T12:20:43Z")

</div>

Hi and thanks again.

I’ve pretty much got it working but -

1. How to i clear the email address I insert once it’s sent? When i log in as another user and go to email it the email address shows up instead of clearing it.
2. What are the parameters for the customer email address I need to put into the recipient field when I create the web hook? ![Screen Shot 2021-04-11 at 10.16.46 pm](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/f/ff8cd64a61741f6c48a1fa4062198243124595ea.jpeg)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 11, 2021, 12:29pm UTC](https://community.glideapps.com/t/email-component/25206/14 "2021-04-11T12:29:41Z")

</div>

> [@Mozzie](#):
>
> How to i clear the email address I insert once it’s sent? When i log in as another user and go to email it the email address shows up instead of clearing it.

Are you using a [User Specific Column](https://docs.glideapps.com/all/reference/data-editor/user-specific-columns)? (you should be). If you look at the action sequence attached to the button in the example that I gave you, you’ll see that there is a Set Columns action that clears that value.

 ![Screen Shot 2021-04-11 at 8.24.59 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/28c31fe3622720b4ca7d7d381520a6c151dc4da1.png)

> [@Mozzie](#):
>
> What are the parameters for the customer email address I need to put into the recipient field when I create the web hook?

You should be passing the email address as one of the values with the web hook action. Then it will be available as a selectable value in the Integromat scenario.

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 11, 2021, 12:46pm UTC](https://community.glideapps.com/t/email-component/25206/15 "2021-04-11T12:46:19Z")

</div>

Thank you…the action was correct but I had a capital F instead of f in the esc step.

Attached is a screenshot of the web hook data. I can’t see what needs to go into the recipients address field.  
cheers

 ![Screen Shot 2021-04-11 at 10.42.22 pm](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/0/f0191e7023e714e11585c711ce5a08344ab58b4d.jpeg)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 11, 2021, 12:48pm UTC](https://community.glideapps.com/t/email-component/25206/16 "2021-04-11T12:48:33Z")

</div>

Can you show me a screen shot of the web hook action configuration in Glide?

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 11, 2021, 2:08pm UTC](https://community.glideapps.com/t/email-component/25206/17 "2021-04-11T14:08:55Z")

</div>

Is this what you are talking about…

 ![Screen Shot 2021-04-12 at 12.06.52 am](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bd3f7c4dab2d0950a811d7294879c07b4a36f14.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 11, 2021, 2:12pm UTC](https://community.glideapps.com/t/email-component/25206/18 "2021-04-11T14:12:05Z")

</div>

Yes, are you sending the supplied email address as a value with that web hook action?

---

<div class="post-metadata">

**Author:** ![Mozzie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mozzie/32/17519_2.png) [@Mozzie](https://community.glideapps.com/u/Mozzie)\
**Post date:** [April 11, 2021, 2:15pm UTC](https://community.glideapps.com/t/email-component/25206/19 "2021-04-11T14:15:01Z")

</div>

Sorry I’m not quite following?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 11, 2021, 2:22pm UTC](https://community.glideapps.com/t/email-component/25206/20 "2021-04-11T14:22:36Z")

</div>

Well, in the screen shot, I can see that you have a list of key/value pairs that are being sent with the web hook. eg:

- Image 1 → Image 1
- Image 2 → Image 2
- Image 3 → Image 3
- Image 4 → Image 4
- etc…

Are you also including the user supplied email address in that list? (I can’t tell from the screen shot, as the bottom of it is clipped)

[Next page](https://community.glideapps.com/t/email-component/25206.md?page=2)
