How to receive Slack notification when somebody sends a Contact form (or any form) — No code — No Backend with ActionForms.io
Tags: dev, javascript, html, frontent
Published: 2021-10-13 15:34:56

![](https://cdn-images-1.medium.com/max/800/1*2VY724Akzpg1M4ZnS-b4Mw.png)

As a developer or web designer, when you create a web form, you need to specify some _action._ The action is a URL or endpoint that your form will be sent. Meaning that you need a backend (code) that receives your form and send you email notifications, saves the data, and something else.

But **what happens if I don’t know how to create a backend**? Or what happens if I **don’t wanna create backend for a simple form**?

For **that reason**, I’ve created [**ActionForms.io**](https://www.actionforms.io/)**.**

### ActionForms.io is a No code — No backend Form sender for developers.

With [ActionForms.io](https://www.actionforms.io/), **you can easily send your** contact **forms**, surveys, questions, any form or request that you can imagine **without coding or configuring a backend.**

----------

### How can I get Slack notifications from my Contact Forms?

First of all, you need an [**ActionForms.io account**](https://www.actionforms.io/), it’s really **simple** and there is a free plan if you want to **try it**! :)

Then, you have to create an “Endpoint”. An Endpoint is a URL where your requests will be sent to the [ActionForms.io](https://www.actionforms.io/) platform. When you log in to your account, you’ll see a button that you can create **Unlimited Endpoints:**

![Create ActionForms.io endpoint](https://cdn-images-1.medium.com/max/800/1*JuEzodozxOJEDWYVLfVA4w.png)

Let’s begin writing the basic information for the Endpoint, we need a Name (What you want. Ex: Contact form — Website) and the URL slug.

![Create ActionForms.io endpoint with Basic information](https://cdn-images-1.medium.com/max/800/1*KTHZiPYUEkHq7lKDxsVV_Q.png)

Good! **Now we have an active endpoint ready to receive form requests.** If we look into our _Endpoint Edit page_ we’ll see the **Slack Notifications** menu, let’s click it.

![](https://cdn-images-1.medium.com/max/800/1*zZX_5dIyIIIoh2ew9wUkTA.png)

### How to configure Slack Notifications Webhook in ActionForms.io

We are at the Slack Notifications configuration page. We only need one thing: **Webhook Url.**

**How can I get the Slack Webhook Url?**

We have three steps tutorial inside the same configuration page, but let me show you how to do it!

![ActionForms.io Slack webhooks steps](https://cdn-images-1.medium.com/max/800/1*uJbP_PdTsMyarzZvi_2UNA.png)

First of all, we need to click on this link:

This link will redirect us to a Slack page that will ask us to install an App to our Slack workspace. This app is called **Incoming Webhooks** and allows you to receive notifications via Slack from external sources, like [ActionForms.io](https://www.actionforms.io/).

![](https://cdn-images-1.medium.com/max/800/1*V72jytVdx6hOhbjumxQ3TA.png)

If you are already logged in to your Slack workspace, then click **Add to Slack** button to install Incoming Webhooks in your workspace.

### **Select the channel to receive notifications**

After installing Incoming Webhooks (in just one click), you need to choose the Channel that you will receive the incoming notifications.

You can create a channel specifically to receive notifications, or just select what you want.

![](https://cdn-images-1.medium.com/max/800/1*tpcznVzjm6sryGVrRaMdRw.png)

Good, just one more step!

Once you selected the channel, you’ll see the **Webhook URL** right there:

![](https://cdn-images-1.medium.com/max/800/1*HDcmamYLOj0nUIod2YZr8w.png)

Just copy this Webhook URL into ActionForms.io page that we opened before (Endpoint -> Slack notifications):

![](https://cdn-images-1.medium.com/max/800/1*Kbwpxo-gs_0st9aEPXoNAQ.png)

**And that’s it!**

Save it and you can test your notifications using the button “Send test Request” that just appears at the top of the page.

![](https://cdn-images-1.medium.com/max/800/1*qzBw4Fd1ZEoRbe7jlML_FQ.png)

----------

### And… how much it will cost me?

Right now we have to different plans. Free and Premium.

Our **free plan** is completely functional and you can use it in all your projects.

> Our **Premium plan** has a lot of potential features, you’ll have **unlimited power and perform incredible web flows throw your form requests.**

**Stop HERE!** If you are here, you’ll have a huge discount, use this code to have a 3**0% lifetime discount**! “_MEDIUMMAGARRENT_”

----------

Thank you for reading this post. I’m Marc, founder of [ActionForms.io](https://www.actionforms.io/), follow me on [Twitter](https://twitter.com/magarrent) @magarrent

Also, we have a Discord server available for our users, that we share suggestions and questions about the platform, feel free to [Join us here](https://discord.gg/YyqsCaTw)!

Marc,

[ActionForms.io](https://www.actionforms.io/)