← Blog
March 27, 2026

Free embedded contact form — handle submissions easily

Every website needs a contact form, and every contact form submission needs to go somewhere. This guide shows you how to embed a free contact form on any website and handle submissions with email, Telegram, Slack, Discord, Viber, or Teams notifications. No coding needed, set up in under five minutes.

What you need

You do not need to know how to code. If you can paste text, you can do this.

Step 1: Create your free account

Go to formblade.com/app/register and sign up with your email and a password. The free account includes 300 submissions per month, 5 forms, file uploads, and spam protection. No credit card is required, and it stays free forever.

Step 2: Create a form

Once you are in the dashboard, click + New Form in the top right. Give it a name like "Contact Form" and click Create.

Your form is ready. It comes with three default fields: Name, Email, and Message, plus a "Contact us" heading. You can use it as-is or customise it.

Step 3: Customise your form (optional)

Click the Form Designer tab to change your form. You can:

Click Save design when you are happy. Your form is now live at its hosted URL.

Step 4: Add the form to your website

Go to the Integration tab. You have several options:

Option A: Embed a widget (easiest)

The widget adds a floating button to your website. When visitors click it, your form opens in a popup, slide-in panel, or corner tab. Copy the script tag and paste it before </body> on your site.

This works on every platform. No form styling needed — the widget uses the design you set up in step 3.

Option B: Use the hosted link

Every form gets a permanent URL like formblade.com/f/contact. You can link to it from your website, share it in emails, or post it on social media. No code needed at all.

Option C: Paste the HTML snippet

If you want the form embedded directly in your page with your own styling, copy the HTML snippet and paste it into your site. Here is what a basic contact form looks like:

<form action="https://formblade.com/f/contact"
      method="POST">
  <input type="text" name="name" placeholder="Name" required>
  <input type="email" name="email" placeholder="Email" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

Replace the form URL with your own form ID from the dashboard. Style the form with your own CSS.

Platform-specific instructions

Step 5: Set up notifications

By default, you receive an email every time someone submits your form. You can also set up Telegram notifications for instant alerts on your phone:

  1. Open your form in the dashboard and go to Settings.
  2. Scroll to the Messaging card.
  3. Enter your Telegram bot token and chat ID.
  4. Click Send test message to verify it works.
  5. Save.

Both email and Telegram notifications are free on all plans.

Built-in spam protection

Your form comes with spam protection out of the box. No configuration needed:

Spam submissions are not lost. They appear in the Spam tab of your dashboard so you can review them. If something is incorrectly flagged, mark it as "Not spam" to move it back to your inbox. Spam is automatically deleted after 7 days.

Managing your submissions

All submissions appear in your dashboard under the form's Submissions tab. You can:

Accepting file uploads

Your free contact form can accept file uploads. In the Form Designer, drag a File element onto your form. Visitors can attach documents, images, or other files up to 1 MB. Uploaded files appear in the submission details and can be downloaded from the dashboard.

Adding a privacy policy link

If your website has a privacy policy, you can link it to your contact form. Go to Settings → Security & Privacy and enter your privacy policy URL. If you also enable the consent checkbox, visitors must agree before submitting.

What is included for free

No credit card. No trial period. Free forever.

Frequently asked questions

Do I need to know how to code?

No. The form designer is visual — drag and drop fields, pick a theme, and share the link or paste the widget. No HTML, CSS, or JavaScript knowledge required.

Does the form work on mobile?

Yes. Both the hosted form page and the widget are fully responsive. They adapt to any screen size automatically.

Can I use my own email provider?

Yes. You can connect Gmail, Outlook, or any SMTP server to send notification emails from your own domain. This is available on the free plan.

What happens when someone submits the form?

The visitor sees a thank-you page (or gets redirected to a URL you choose). You receive an email and/or Telegram message with the submission data. The submission is stored in your dashboard.

Is there a limit on how many forms I can create?

The free plan includes 5 forms. Each form gets its own endpoint, design, and notification settings.

Can I add a contact form to multiple pages?

Yes. Paste the same widget script or HTML snippet on as many pages as you like. They all submit to the same form endpoint.

Does the form include a captcha?

Spam protection is built in with invisible honeypot and JavaScript checks. You can optionally add a visible hCaptcha checkbox from the Form Designer settings.

Where is the data stored?

All submission data is stored securely in the European Union (Germany). You can enable IP anonymisation and set data retention periods from the form settings.

Ready to add a contact form to your website?

Create free account