Integrating Zapier into your Slapform Workflow

By connecting Slapform to Zapier you can extend your website or app to just about any other service out there!

How to link your Slapform to Zapier

Yes, Slapform has the ability to connect to many services on its own. But to make sure that we enable you to connect Slapform to ANY app in the world, we decided to write a tutorial on how to connect with Zapier.

You can do this on a Zapier free plan with a one-step Zap, so no extra investment is required to get started with this!

In this tutorial we will be creating a Zap that forwards a message to the customer/user who would submit your Slapform.

Create your Zapier Zap

To get started, please head over to https://zapier.com and create a Zapier account if you don't already have one.

Next, you'll want to create your Zapier Zap. You can do this by clicking the orange button titled Make a Zap! or just click this button:

For the trigger of the Zap, which is what causes the Zap to activate, search for and select Webhook.

Select Zapier Webhook

In the Choose a trigger section, select the option titled Catch Hook, then press the blue Save + Continue button.

Select Zapier Catch Hook

Next, you'll be presented with a URL and Zapier will ask you to copy the URL and send a request. You can perform the sample test from right here! Just use the form below.

Get Zapier Sample Hook
Paste your Webhook URL from Zapier
Waiting...
Submit

The purpose of this is to pull a sample of what a Slapform submission would look like so that you can accurately create your Zap with sample data. The Hook should show up in Zapier and you can select it then press Continue at the bottom of the page.

View Zapier Sample

Create your Zap's Action Step

Now comes the fun part! You can create the action step of your Zap and connect it virtually any other app on Zapier, which basically means any app in the world!

At this point, feel free to deviate from the tutorial for a bit and create your own action as you wish, but for the purposes of this tutorial we will create a Gmail Send Email action. Simply choose Gmail and select the Send Email action, followed by selecting your Gmail account in Zapier.

Choose Gmail action

Great! Now just pull the data from the Webhook trigger step and fill in the relevant fields on Zapier. For example, setting the Gmail To field to the sample data point called Data[slap Replyto], and feel free to create a subject as well as a nice body message.

Input data into fields

That's it! We're done with Zapier's trigger step.

Create your Zap's Action Step

The final step of this process is to create a Slapform on your website.

Copy-paste this code and just change [email protected] to your own email and https://yourwebsite.com/your-webhook-here to the webhook URL Zapier gave you.

    
      <form method="POST"
        action="https://api.slapform.com/[email protected]?slap_webhook=https://yourwebsite.com/your-webhook-here">
        <input type="email" name="slap_replyto">
        <input type="text" name="name">
        <textarea type="text" name="message"></textarea>
        <button type="submit">Submit</button>
      </form>
    
  

Alternatively, you can use AJAX instead of an HTML form.

Copy-paste this code and just change [email protected] to your own email and https://yourwebsite.com/your-webhook-here to the webhook URL Zapier gave you.

    
      <script
      src="https://code.jquery.com/jquery-3.2.1.min.js"
      integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
      crossorigin="anonymous"></script>

      <script type="text/javascript">
        $( document ).ready(function() {
          $.ajax({
            url: 'https://api.slapform.com/[email protected]?slap_webhook=https://yourwebsite.com/your-webhook-here',
            /* replace '[email protected]' with your email and https://yourwebsite.com/your-webhook-here with your Webhook URL*/
            dataType: "json",
            type: 'POST',
            data: {
              name: "Jon Snow",
              slap_replyto: "[email protected]"
              message: "Hello World! This is where the message will go."
            },
            success: function (response) {
                console.log("Response: ", response);
            }
          });
        });
      </script>
    
  

Done! Now that you know how to create a simple Zap like this, you might already be seeing the amazing potential of what you can do with Slapform. Here are some ideas to get you started:

  1. Use Zapier to send your users an email when they submit a Slapform (this is what we just did!).
  2. Use Zapier to save Slapform submissions to a Google Sheet.
  3. Use Zapier to add customers who submit a Slapform to a CRM tool like HubSpot.
  4. Use Zapier to add customers who submit a Slapform to a email marketing service like Mailchimp.