Leap.new

This guide shows you how to integrate Mailtrap with your Leap.new application to send emails.

Mailtrap is an email-sending solution for developer and product teams. Focused on fast delivery and high inboxing rates for transactional and promo emails. Provides highly customizable API and 24/7 tech support.

Prerequisites

• A Leap.new account and a project

• A Mailtrap account for sending emails

1

Create a landing page/contact form

Log in to your Leap.new account and use a prompt like the following one to create a simple project with basic fields:

create me a simple contact form with email, name, and message fields, and a send button

2

Add your Mailtrap credentials

After a minute or two, Leap.new will generate your project. Once it's done, you need to insert your Mailtrap credentials.

To do this, open Settings and navigate to Secrets, and click on the Add new variable button.

Once there, use the New secret button to add the following two variables:

• MAILTRAP_API_TOKEN – This is the Mailtrap API token, which you can create at any time in your account dashboard.

• MAILTRAP_FROM_EMAIL – This is the email address with the verified Mailtrap sending domain you've added after creating an account.

Leap.new Secrets settings

Once you're done adding the variables, simply tell the Leap.new AI that you're done with a prompt like this one:

I've added the MAILTRAP_API_TOKEN and MAILTRAP_FROM_EMAIL secrets

The AI will then go over Mailtrap Email API documentation, connect it to your project, and confirm once it's done.

If you haven't already, make sure to let AI know you want the messages to be sent to the address inputted in the email field. For this, you can use a prompt such as:

"I want the message to be sent to the address inputted in the email field, meaning the to field should use the email from the form data"

3

Start sending emails

Finally, to test your configuration, fill out the form and hit the Send button. If you followed everything thus far, you should receive the email in your inbox in a few seconds.

Email received in Gmail

You can also view the email in the Email Logs tab in the Mailtrap dashboard.

Email in Mailtrap Email Logs

If you plan on collecting email addresses for a list, you can connect your Leap.new project with Mailtrap Contacts and store your addresses in the Mailtrap dashboard automatically. For reference, check out the official Mailtrap Contacts API documentation.