# Getting Started

By the end of this guide your website form will be sending submissions into your **MyFormConnect dashboard** — no server-side code required.

        Step 1

## Create your account

Sign up, verify your email, and you land in the dashboard. The free plan has no time limit and does not require a credit card.

          [Sign up →](/users/sign_up?referral=docs_getting_started)

        Step 2

## Add your website domain

In the dashboard go to **Domains → Add Domain** and enter the URL of the site where your form will live, for example `https://yoursite.com`.

            **Why this matters:**
            MyFormConnect only accepts submissions from domains you allow. That keeps your endpoint locked to your sites.
            You can tighten this later with **Whitelisted Domains** for better security.

        Step 3

## Create a form

Under the domain you just added, click **New Form**, then:

- Give the form a **name** (for example `Contact Us`)
- Under **Form Template**, select **Contact Form**
- Check **Notify on Email** so you get an email for each submission

Save the form. Once it is created, continue to the next step to copy the **Form Action URL**.

        Step 4

## Copy your Form Action URL

Open the form you created. Copy the **Form Action URL** from the form details. It looks like this:

            https://myformconnect.io/f/YOUR_FORM_UUID

Use this full URL as your form `action` (or in the Ajax `fetch` call) in the next step. Replace `YOUR_FORM_UUID` with the UUID from your dashboard.

        Step 5

## Add the form to your website

Use plain HTML for the simplest setup. Use Ajax if you want users to stay on the same page after submit.

Set your form’s `action` to your Form Action URL. After submit, the visitor is taken to a thank-you page hosted by MyFormConnect.

                HTML

```
<form action="https://myformconnect.io/f/YOUR_FORM_UUID" method="POST">

  <input type="text"  name="name"    placeholder="Your name"  required>
  <input type="email" name="email"   placeholder="Your email" required>
  <textarea           name="message" placeholder="Message"></textarea>

  <button type="submit">Send</button>
</form>
```

Submit with `fetch` so the page does not reload. Show your own success message instead of a redirect.

                HTML + JavaScript

```
<form id="my-form">
  <input type="text"  name="name"    placeholder="Your name"  required>
  <input type="email" name="email"   placeholder="Your email" required>
  <textarea           name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
</form>
<p id="form-msg" style="display:none"></p>

<script>
document.getElementById('my-form').addEventListener('submit', function (e) {
  e.preventDefault();

  fetch('https://myformconnect.io/f/YOUR_FORM_UUID', { method: 'POST', body: new FormData(this) })
    .then(function (r) { return r.json(); })
    .then(function (data) {
      var msg = document.getElementById('form-msg');
      if (data.success) {
        msg.textContent = 'Thanks! We\'ll be in touch soon.';
        e.target.reset();
      } else {
        msg.textContent = data.message || 'Something went wrong.';
      }
      msg.style.display = 'block';
    })
    .catch(function () {
      document.getElementById('form-msg').textContent = 'Network error — please try again.';
      document.getElementById('form-msg').style.display = 'block';
    });
});
</script>
```

            In the sample code above, replace `https://myformconnect.io/f/YOUR_FORM_UUID`
            with your own **Form Action URL** from Step 4.

        Step 6

## Submit a test — confirm it in Responses

Fill out the form on your site or web page and submit. Then open your MyFormConnect dashboard and go to **Responses**. Your test entry should appear within seconds.

Setup is complete when the response appears.

Spam protection, notifications, and integrations are optional next steps — your form is already working.

## What to do next

Your form works. Here is how to improve it.

      [** Form Configuration Email notifications, redirects, and form settings.](/docs/features/form-configuration)      [** Domain Configuration Domain Name, Website URL, and CAPTCHA keys.](/docs/features/domain-configuration)      [** Spam & optional CAPTCHA Add reCAPTCHA, hCaptcha, or Turnstile when you go live.](/docs/features/spam-captchas)      [** Loader.js Better UX, validation, and CAPTCHA with one script.](/docs/features/using-loader)      [** Slack notifications Get a Slack message for every new submission.](/docs/tools/code/slack)