How We Used Airtable To Create An Email Subscriber Form On Noteslify For $0!!!
Tags: javascript, webdev, tooling, showdev
Published: 2022-09-09 16:14:43

## What is Noteslify?

**[Noteslify](https://noteslify.vercel.app)** ( [Github](https://github.com/devarshishimpi/Noteslify) ) is a privacy friendly alternative for Evernote, and other tons of Notes and Productivity apps out there.

![noteslify](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nzoujhybzb53n82txz0d.png)

Recently this evening, we made our first pre-release ( On 9th September, 2022 to be particular ). There's a lot development going on with the project, like adding functionality of Recycle Bin. Coloring Notes, Uploading Files, etc. ( All Contributions Open!! )

While building, we first came across Mailchimp for adding forms using Mailchimp AJAX and JavaScript. Later, on realization we came to know that Mailchimp might turn out to be highly expensive for us, so we found out [Airtable](https://airtable.com/invite/r/kNae38Me) as an alternative to it.

## Why did we chose [Airtable](https://airtable.com/invite/r/kNae38Me) ??

![airtable2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/flz9ax5yrp9rqqm0jkya.png)

[Airtable](https://airtable.com/invite/r/kNae38Me) was the first option that came to our mind. It s a low-code, spreadsheet-database hybrid solution that allows users to turn their data into powerful applications For example, sales teams can use their sales contact data to create a lightweight CRM.

## Airtable Pricing, How affordable is it?

![pricing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hvllp3dr3rb9r5gyczdl.png)

[Airtable](https://airtable.com/invite/r/kNae38Me) allows us to create unlimited bases with one base having a limit of 1200 records. This is perfect for a mailing list, their pricing for the premium plans aren't too high as well.

It has a vast library of different integrations to maximize our productivity and automation.

## Getting Started with Airtable

First of all, Create an account at Airtable [here](https://airtable.com/invite/r/kNae38Me).

Once that's done. Create a new Workspace with a new base.

![createbase](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4c6r1c9wov9tkwjcock6.png)

It looks something like this.

![base](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pas2k7cd5y02t713ravp.png)

Now, you'll find a Forms button in the corner and give the form a name.

![createform](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2a0bek51gl6tvtibunj7.png)

## Woohoo!!!! You created your first [Airtable](https://airtable.com/invite/r/kNae38Me) forms!!

Click `Embed this form on your site` and the code to your website.
You may use others options as well.

![embed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4h9a3xp3yqko07qcu1wk.png)

![final](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/viyrm81giw7i1uf8v8b4.png)

**Check out [Noteslify](https://noteslify.vercel.app) ( [Github](https://github.com/dvstechlabs/Noteslify) )**

**Check out [Airtable](https://airtable.com/invite/r/kNae38Me)**

## Happy Coding!!!

**Thank You for reading till here. Meanwhile you can check out my other blog posts and visit my** [Github](https://github.com/devarshishimpi).

**I am currently working on** [Stone CSS](https://stonecss.com/) ( [Github](https://github.com/devarshishimpi/Stone-CSS-Website) ) **as well.**

_This post includes affiliate links; I may receive compensation if you purchase products or services from the different links provided in this article._