Fabform.io? ???? ?? ??

? ?? ???? ??????, ??, ??? ?? ? ??? ??? ??? ??? ??? ????. Fabform.io? ? ??? ???? ????? ???? ??? ??? ???? ????. ? ??????? ??? ?? ??? ?? Fabform.io? Svelte ??????? ???? ??? ?????.

Fabform.io ??? ?? ??:

1. ??? ??: ?? ? ??? ???? ????.
2. ?? ? ???: Fabform.io? ??? ??? ???? ????? ?????.
3. ??? ??: Google ??????, Zapier, ?? ??? ??? ?? ?? ?????.
4. ?? ??: URL? ?? ?? ????? ? ? ?? ?????.

Fabform.io? Svelte ?? ??? ?????.

1??: Svelte ???? ??

1. ? Svelte ???? ???:

npx degit sveltejs/template svelte-fabform
cd svelte-fabform
npm install
npm run dev

2??: Fabform ?? ???

1. Fabform.io? ??/??????.
2. ? ??? ????. Fabform.io? .? ?? ??? https://fabform.io/f/your-form-id?? URL
? ?????.

3??: Svelte? ?? ??

??? action ??? ??Fabform.io ?? URL? ????. ?? Svelte ??? ??? ????.

<script>
  let formData = {
    name: '',
    email: '',
    message: ''
  };
</script>

<main>
  <h1>Contact Form</h1>
  <form method="POST" action="https://fabform.io/f/your-form-id" on:submit|preventDefault>
    <div>
      <label for="name">Name:</label>
      <input type="text" id="name" bind:value={formData.name} name="name">
    </div>
    <div>
      <label for="email">Email:</label>
      <input type="email" id="email" bind:value={formData.email} name="email">
    </div>
    <div>
      <label for="message">Message:</label>
      <textarea id="message" bind:value={formData.message} name="message"></textarea>
    </div>
    <button type="submit">Submit</button>
  </form>
</main>

<style>
/* Add your CSS styling here */
</style>

?? ?? ??:

• ?? URL: "https://fabform.io/f/your-form-id"? ?? Fabform.io ?? URL? ????.
• ?? ??: name ??(name, email, message)? Fabform.io ?? ?? ??? ????? ?????.
• ????(?? ??): ?? ? ???? URL? ????? ??? <input type="hidden" name="redirect_to" value="your-redirect-url">? ?????.

4??: ?? ???

1. Svelte ?? ?????(npm run dev).
2. ?????? http://localhost:5000? ??????.
3. ??? ?????. Fabform.io? ??? ???? ????(??? ??)??? ??? ?????.

Fabform.io? ???? ???? ?? ??? ??? ???? Svelte ?? ??? ??????. ??? ?? ??? ?? ? ?? ??? ?????.

? ??? ??? ????? ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!