Contact Lead Form Builder Online

Marketing Utility

Contact / Lead Form Builder

Submit endpoint

Button color

Radius

Layout

NameRequiredEmailRequiredPhoneOptionalMessageRequired

Generated code

<form class="rs-lead-form" action="https://example.com/api/contact" method="post">
  <label>Name<input type="text" name="name" placeholder="Your name" required></input></label>
  <label>Email<input type="email" name="email" placeholder="you@example.com" required></input></label>
  <label>Phone<input type="tel" name="phone" placeholder="+91 99999 99999"></input></label>
  <label>Message<textarea name="message" placeholder="Tell us what you need" required></textarea></label>
  <button type="submit">Send message</button>
</form>
<style>
.rs-lead-form{display:grid;gap:12px;max-width:520px;padding:20px;border-radius:12px;background:#fff}
.rs-lead-form label{display:grid;gap:6px;font:600 14px system-ui;color:#111}
.rs-lead-form input,.rs-lead-form textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font:400 15px system-ui}
.rs-lead-form button{border:0;border-radius:12px;background:#00B5D8;color:#fff;padding:12px 16px;font:800 15px system-ui;cursor:pointer}
</style>

Loading tool...

What It Checks