Link in bio page with a contact form

For a simple link-in-bio page with a built-in contact form, Linktree is a straightforward option: it supports adding a contact form to your page and can email you when someone submits it. (linktr.ee)

Other options:

• Beacons — add a contact-form block to your link-in-bio page. (help.beacons.ai)
• Carrd — better if you want more control over the page’s design; its contact-form feature is available with Carrd’s Forms feature. (carrd.com)

If you meant you want me to write the page copy or lay out the form, tell me what you do and what fields you want to collect.

If you want a ready-made tool, several link-in-bio services include a contact form. If you want to build your own, a single HTML page with a form backend is enough.

Ready-made options

• ContactInBio: Has a free plan with unlimited links, contact forms, and messenger buttons. The Pro plan ($3.99/month) removes branding and adds a custom domain.
• LinkTwin: Its contact form messages land in your LinkTwin inbox, and in your email if you like. The free plan requires no credit card.
• Formspring: Offers links, socials, an inline contact form, your own domain, QR codes, and privacy-safe view and click analytics.
• BioPage: Its custom form supports five field types: text, email, phone, a long-text message field, and website URL.
• Lnk.Bio: Lets you add a popup link and choose "Form" as the popup type.

DIY option: a single HTML page

Host this file anywhere (GitHub Pages, Netlify, Cloudflare Pages). Replace the form action with your own endpoint from a service such as Formspree, which receives submissions and emails them to you.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Your Name</title>
  <style>
    body { font-family: system-ui, sans-serif; max-width: 420px; margin: 40px auto; padding: 0 16px; text-align: center; }
    .link { display: block; padding: 14px; margin: 10px 0; border-radius: 10px; background: #111; color: #fff; text-decoration: none; }
    form { margin-top: 30px; text-align: left; }
    input, textarea { width: 100%; padding: 10px; margin: 6px 0 12px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 6px; }
    button { width: 100%; padding: 12px; border: 0; border-radius: 6px; background: #111; color: #fff; cursor: pointer; }
  </style>
</head>
<body>
  <img src="profile.jpg" alt="Profile photo" width="100" style="border-radius:50%">
  <h1>Your Name</h1>
  <p>Short bio goes here.</p>

  <a class="link" href="https://yourwebsite.com">My Website</a>
  <a class="link" href="https://instagram.com/yourhandle">Instagram</a>
  <a class="link" href="https://youtube.com/@yourchannel">YouTube</a>

  <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
    <label>Name<input type="text" name="name" required></label>
    <label>Email<input type="email" name="email" required></label>
    <label>Message<textarea name="message" rows="4" required></textarea></label>
    <!-- Honeypot field to catch spam bots -->
    <input type="text" name="_gotcha" style="display:none">
    <button type="submit">Send</button>
  </form>
</body>
</html>

Steps:

1. Create a free form at formspree.io and copy your form ID into the action URL.
2. Replace the placeholder links, name, bio, and photo.
3. Deploy the page and put its URL in your social bios.

If you tell me which platform you're using (Instagram, TikTok, etc.) or whether you'd prefer a no-code tool or a custom-coded page, I can narrow this down further.

To add a contact form to your "link in bio" page, you have several excellent options depending on your budget and how much customization you need. Many modern link-in-bio platforms allow you to embed forms directly on the page so visitors can reach you without leaving your profile.

Top Platforms with Built-in Contact Forms

If you want an all-in-one solution where the form is a native feature of your landing page, consider these platforms:

• Linktree: Allows you to add a "Form" link type. You can use their built-in Contact form template to collect names, emails, and messages. Submissions are stored in your "Audience" tab, and you can enable email notifications.
• Lnk.Bio: Offers a dedicated "Forms" feature. You can create a form (e.g., Name, Email, Message) and embed it directly on your page. Additionally, they support embedding Google Forms if you prefer using a tool you are already familiar with.
• Beacons: Positioned as a creator-commerce suite, Beacons includes built-in email capture and custom form capabilities to help with lead generation.
• ContactInBio: Specifically designed for service-based businesses, this platform focuses on 1:1 communication and includes native contact forms and appointment booking integrations.
• Milkshake: Uses a "card" system. You can add a specific "Contact Form" card to your page, though this feature is typically available on their Pro plan.
• Tomy.bio: Offers a "Form" block that lets you create custom fields (input, textarea, select, etc.) and receive submissions directly in your dashboard.

How to Choose

• For Beginners: Linktree or Lnk.Bio are the most user-friendly. They have simple, "plug-and-play" setups that get a form onto your page in minutes.
• For Service Providers/Consultants: ContactInBio or Taplink are excellent because they prioritize lead generation, appointment booking, and direct messaging (like WhatsApp integration).
• For Advanced Lead Capture: If you need to sync contacts directly to a CRM, look at platforms like Beacons or Taplink, which often provide better integrations for business workflows.

A Simple Alternative: Embedding

If you already use a specific form builder you love (like Google Forms, Typeform, or Jotform), you don't necessarily need to change your platform. Many link-in-bio tools now support Embed blocks. You can simply copy the embed code or link from your form provider and paste it into an "Embed" or "Link" block on your existing page, allowing users to fill out the form without being redirected away from your bio link.

If you’re looking for a link-in-bio page with a built-in contact form, two options are:

• Beacons — Add a customizable contact-form block to your page; you can choose what information to collect. ¹
• ContactInBio — Combines bio links with a contact form, and says form messages are sent to your email. ²

For a straightforward page focused on letting visitors message you, ContactInBio looks like a good fit. For a creator-focused page with more tools, try Beacons. Check each service’s current plan details before signing up. ¹²