Install on your stack

Copy paste Postslot form snippets for HTML, React, Next.js, Astro, Vue, Svelte, Webflow, Framer and WordPress.

How it works

Every form posts to your endpoint, https://postslot.buffersoltech.com/f/<form_key>. Replace <form_key> with the key shown on your form. The key is public by design, like a form action URL, so lock it to your domain in the form's allowed domains.

Every input needs a name attribute. Inputs without one are not sent, and the Send test submission button warns you about them.

HTML

Works on any static page.

html

<form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
  <input name="name" required>
  <input name="email" type="email" required>
  <textarea name="message"></textarea>
  <button>Send</button>
</form>

React

A plain form post, no state needed.

tsx

export function ContactForm() {
  return (
    <form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
      <input name="name" required />
      <input name="email" type="email" required />
      <textarea name="message" />
      <button type="submit">Send</button>
    </form>
  );
}

Next.js

Use the endpoint as the form action in a server component.

tsx

// app/contact/page.tsx (works as a server component, no client JavaScript)
export default function ContactPage() {
  return (
    <form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
      <input name="name" required />
      <input name="email" type="email" required />
      <textarea name="message" />
      <button type="submit">Send</button>
    </form>
  );
}

Astro

Add the form to any page.

astro

---
// src/pages/contact.astro
---
<form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
  <input name="name" required />
  <input name="email" type="email" required />
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>

Vue

Use it in a single file component.

vue

<template>
  <form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
    <input name="name" required />
    <input name="email" type="email" required />
    <textarea name="message"></textarea>
    <button type="submit">Send</button>
  </form>
</template>

Svelte

Use it in any Svelte or SvelteKit page.

svelte

<form action="https://postslot.buffersoltech.com/f/<form_key>" method="POST">
  <input name="name" required />
  <input name="email" type="email" required />
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>

Webflow

Select your form block, open Settings, and set Action to your endpoint and Method to POST. Keep the field names you want in your email. Publish the site, then press Send test submission in Postslot.

Framer

In Framer, add the Form component, choose Custom as the destination and paste your endpoint, https://postslot.buffersoltech.com/f/<form_key>. Name each field so it appears in the submission.

WordPress

Add a Custom HTML block and paste the HTML snippet above. If your form plugin supports a custom action URL, set it to your endpoint with method POST.

AI builders

Lovable, Bolt, v0 and Claude Code often generate a submit handler that only logs to the console. Copy the prompt for your builder below and paste it into the chat. Each prompt tells the builder where to put your form key: you copy the key from your form in the Postslot dashboard and paste it where the prompt says. The full documentation is also available as plain text at /llms.txt and /llms-full.txt.

Lovable

Paste this into the Lovable chat.

prompt

Make the contact form in my app send its submissions to Postslot.

- Post the form to https://postslot.buffersoltech.com/f/<form_key> with method POST. Use a normal HTML form action, or fetch with FormData. Do not use a mailto link, a console.log or a mock handler.
- Replace <form_key> in that URL with my form key. I will paste my key where <form_key> is; do not invent one. If you cannot see a key, leave the placeholder and tell me exactly which line to edit.
- Give every input a name attribute (for example name, email, message). Inputs without a name are not sent.
- Keep the page working without extra libraries and without any secret in the code. The form key is public by design.
- After the post, show a thank you message, or let Postslot redirect to my own thank you page.
- Docs if you need them: https://postslot.buffersoltech.com/llms.txt

Bolt

Paste this into the Bolt chat.

prompt

Make the contact form in my project send its submissions to Postslot.

- Post the form to https://postslot.buffersoltech.com/f/<form_key> with method POST. Use a normal HTML form action, or fetch with FormData. Do not use a mailto link, a console.log or a mock handler.
- Replace <form_key> in that URL with my form key. I will paste my key where <form_key> is; do not invent one. If you cannot see a key, leave the placeholder and tell me exactly which line to edit.
- Give every input a name attribute (for example name, email, message). Inputs without a name are not sent.
- Keep the page working without extra libraries and without any secret in the code. The form key is public by design.
- After the post, show a thank you message, or let Postslot redirect to my own thank you page.
- Docs if you need them: https://postslot.buffersoltech.com/llms.txt

v0

Paste this into the v0 chat.

prompt

Make the contact form in this page send its submissions to Postslot.

- Post the form to https://postslot.buffersoltech.com/f/<form_key> with method POST. Use a normal HTML form action, or fetch with FormData. Do not use a mailto link, a console.log or a mock handler.
- Replace <form_key> in that URL with my form key. I will paste my key where <form_key> is; do not invent one. If you cannot see a key, leave the placeholder and tell me exactly which line to edit.
- Give every input a name attribute (for example name, email, message). Inputs without a name are not sent.
- Keep the page working without extra libraries and without any secret in the code. The form key is public by design.
- After the post, show a thank you message, or let Postslot redirect to my own thank you page.
- Docs if you need them: https://postslot.buffersoltech.com/llms.txt

Claude Code

Paste this into Claude Code from your project folder.

prompt

Make the contact form in this repository send its submissions to Postslot.

- Post the form to https://postslot.buffersoltech.com/f/<form_key> with method POST. Use a normal HTML form action, or fetch with FormData. Do not use a mailto link, a console.log or a mock handler.
- Replace <form_key> in that URL with my form key. I will paste my key where <form_key> is; do not invent one. If you cannot see a key, leave the placeholder and tell me exactly which line to edit.
- Give every input a name attribute (for example name, email, message). Inputs without a name are not sent.
- Keep the page working without extra libraries and without any secret in the code. The form key is public by design.
- After the post, show a thank you message, or let Postslot redirect to my own thank you page.
- Docs if you need them: https://postslot.buffersoltech.com/llms.txt