Formulate

Gallery
HelpPricingBlogDocsGalleryBuild
Back to Gallery
Next:
Customer Contact Form

Contact Form

Sales & Marketing
Support

Allow visitors to your website to contact you without revealing your email address.

This is as simple as it gets: capture a long-form message, and a name & email address to go with it. This form uses the pattern directive to for a no-fuss SVG banner with randomized colors.

Build
Build on this example by creating an editable copy of this form.
export default async function () {
  let name = await form.short("Hello! Thanks for visiting our website. First off, what is your name?", {
    banner: { full: true, pattern: 'boxes' },
  });

  await form.long(`It's lovely to meet you, ${name}! 👋`, {
    description: "Please enter your message below…"
  });

  await form.short("Finally, please tell us your email address.", {
    banner: { full: true, pattern: 'aztec' },
    description: "You should hear back from us within 24 hours",
    email: true,
  });
}