Overview
The Email Library in Clutch enables you to send dynamic, well-formatted emails using authenticated SMTP — all without writing backend code. It integrates smoothly with forms and actions, giving you full control over email content and delivery inside the Clutch builder.
Why It Matters
Setting up email functionality in a typical WordPress or code-heavy environment often feels like a maze of plugins, SMTP configuration headaches, deliverability issues, and backend boilerplate. You might spend hours wrestling with third-party plugins that conflict, expose sensitive credentials, or end up in the spam folder anyway — all just to send a simple contact form email.
Clutch simplifies that entire process. No plugins. No backend. No hassle.
The Email Library was built to eliminate that friction. Instead of spinning up backend routes, handling secure SMTP credentials, or formatting templates from scratch, you can:
- Trigger personalized emails from any part of your project.
- Visually manage SMTP settings through a no-code interface.
- Avoid common pitfalls like spam flagging and API secrets leaking to the client.
It’s a reliable, developer-friendly way to make email accessible to everyone building in Clutch — whether you're a designer, developer, or somewhere in between.
Purpose
This library is built to streamline email functionality in your project by:
- Using SMTP servers with authentication to improve deliverability and avoid spam filters.
- Enabling dynamic templating with
{{handlebars}}
, perfect for sending user-specific data. - Relying on Nodemailer under the hood for trusted, stable delivery.
- Allowing SMTP configuration directly through a no-code settings panel.
- Connecting easily to forms and actions, so you can send emails based on user interactions.
How to use
- Open Settings and find Email Settings under the Plugins section.
- Configure your SMTP credentials. (Tip: Start by filling in SMTP_SERVICE — "gmail" is a common choice.)
- Create the form you want to use for triggering emails.
- In the form’s onSubmit field, add the sendEmail action.
- Fill out the email fields and compose your message. You can use
{{value}}
handlebars syntax to insert dynamic data