Automate your Framer website with Make AI

May 5, 2024

Every time we do something more than twice—automate

It's a rule of thumb of engineering in our humble opinion. You can manually do things over and over again or you can automate it once and go on about your life to solve harder and more complex problems that arise. You can build a foundation of integrations and automations that remove barriers between you and your customers. Today we'll explore a tool to do just that—Make.

What is Make?

From their website—From tasks and workflows to apps and systems, build and automate anything in one powerful visual platform. Sounds promising to us—let's give it a try and see what we can build to delight our customers when they interact with us. We'll start simple—automate a "Thank You" email for when a user comes to our site and submits a new contact form.

Contact Form -> Make

Make has a built in "Email" integration with gmail that you can listen to all new incoming emails in a particular email inbox. We'll listen for emails to admin@indubitably.info with the Header New submission - Contact Form and from notifications@formspark.io(default Form from Framer).

This is what that looks like in the console:

Okay we've captured our first email—now what?

This is the first step in an "automation" in Make—we can now trigger a series of actions based on this incoming event. You can send an email, ask chatGPT, forward a request to webhook, and a myriad of other integrations available to you using Make. We just want to send an email "Thank you" to our customer that submitted the form on our Contact page.

Example Integrations

Email event -> Send email

We will choose "Email" at the top of the list and configured it as follows— "To" will be to our customer that submitted the form which we have access to as headers.reply-to and our "Content" is just a basic message but directly from the CEO.

In Make:

Email content has to be in HTML

Claude.ai was more than happy to generate an HTML email for us based on a basic prompt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Thank You for Your Interest</title>
</head>
<body>
    <div style="font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #333;">
        <p>Thank you for your interest in Indubitably. We really appreciate you reaching out today and supporting our small business. We always strive to respond within ~24 hours but we thank you for your patience!</p>
        <p>Best,</p>
        <p>Greg<br>
        CEO Indubitably</p>
    </div>
</body>
</html>

Home