Contact forms with external email adresses

[Sylwester (Sylwester Sliwka)]

Hello.

I allow various experts provide their services trough my website. I have 50 experts in my database and each of them have their profile page set up. I would now like to create a contact form on each profile page so visiting users can send them a message directly.

Perfect scenario would be for the contact form to pull the expert’s email adress from CMS and send the message directly to him/her.

Any help is highly appreciated

Cheers!

[RoryVB (Perspective Design)]

Not sure if this is possible, curious if others have the exact solution you’re looking for. Easiest, simplified alternative would be a collection list with a mail to button for example!

[memetican (Michael Wells)]

If you really want to use forms, you can do this using Logic, or another automation provider like Make.com.

The main trick is that on the Collection page for the expert, you need to pass their email address in to an Email-type field in your form, and make it hidden. You’ll need to use script to set the value of the field, e.g. $('#expertemail').val('EMBED EMAIL VALUE HERE')

You need an actual field rather than an input type=hidden in order for Logic to pick up the email value.

To send your email, you’ll need a 3rd party provider like MailJet or Google Mail to act as the sender of the lead.

[ChrisDrit]

@Sylwester

I have 50 experts in my database and each of them have their profile page set up. I would now like to create a contact form on each profile page so visiting users can send them a message directly.

I’d assume each of those profiles is already setup in the CMS?

If so, all you have to do is add that CMS Items field (the email address) into a native Webflow form as a hidden field.

Submit that form to your automation service (Zapier, Make / Integromat) or directly to whoever you email with.

Zapier has built in email. Make / Integromat allows you to connect to your Gmail account or any other service (SendGrid, ConvertKit, Campaign Monitor, whoever).

You can also get fancy with the latter and alter the “reply-to” address to be your experts email address.

Here’s more info on how to setup getting that CMS value into your form:

Form Dynamically Sends to different recipients based on CMS field

Yea…that should fairly straight forward. The form will need to be on the CMS Collection page that has the email of the account manager. Create the Webflow form and add an Embed element within it. Add a hidden form field: <input type="hidden" name="email" value=""> For the value, select the field from the CMS (the account managers email). Then you can submit that form to Integromat / Zapier which then sends an email. I have a screencast walking through that part:

If you prefer Javascript you can do this:

Populate form field with CMS content - code not working ugh

Take it out of the </body> tag and instead add an Embed element to the form. Then add the following inside the Embed element, replacing <add cms Slug field here> with the dynamic cms field you selected: <script> var Webflow = Webflow || []; Webflow.push(function() { $('#slug').val('<add cms Slug field here>'); }); </script> Did that fix it? P.S. If not, please double check that ID for your field, in your Webflow Designer, has the same spelling and case: [Screen Shot 2020-03-22 at 1.3…

[Sylwester (Sylwester Sliwka)]

I might go for that if nothing else works out, thanks!

[Sylwester (Sylwester Sliwka)]

Thank you, I’ll check it out

[Sylwester (Sylwester Sliwka)]

I should be able to do that, thanks!