Forms.md for WordPress

AI form builder

Use the built-in AI form builder to create or edit your forms in plain English. You can also use ChatGPT.

Markdown-like text → forms

The actual form content is Markdown-like text, which you can edit easily. Think of Mermaid JS, but for creating forms.

Collect data of all types

All basic types like text, email, etc. Plus advanced types like picture choice, rating, NPS®, date-time, file, etc.

Unlimited forms and responses

Create as many forms, and collect as many responses as you want without any arbitrary limits.

Multi-step forms and logic jumps

Create slides with progress indicators to show current step. Show or skip slides depending on what the user inputs.

Partial submissions

Slide-level (or partial) submissions to store data on every step.

Customizable and localizable

Set the colors, font, etc. to match your brand. Also set the localization to auto-translate your forms.

Spam protection and privacy

Use reCAPTCHA to protect against spam using the built-in integration. No telemetry, the forms are created entirely on the client-side.

Beautiful, multi-step forms that are easy to create.

#! id = onboarding-form
#! formsmd-branding = hide
#! font-size = sm
#! restart-button = show
#! autofocus = all-slides

position* = ChoiceInput(
  | question = What's your position?
  | choices = Product Manager, Designer, Software Engineer, Founder
)

---
|> 50%

referralSource* = ChoiceInput(
  | question = How did you hear about us?
  | choices = News, Search Engine, Social Media, Recommendation
)

---
-> referralSource == "Recommendation"
|> 75%

recommender = EmailInput(
  | question = Who recommended you?
  | description = We may be able to reach out to them and provide a discount for helping us out.
)

Don't want slides? We got you covered with classic forms.

#! form-style = classic
#! id = simple-contact-form
#! formsmd-branding = hide
#! restart-button = show
#! autofocus = all-slides
#! placeholders = hide
#! slide-controls = hide
#! submit-button-text = Send Message

[.col-6]
full_name* = TextInput(
  | question = Full name
)

[.col-6]
email* = TextInput(
  | question = Email
)

message* = TextInput(
  | question = Message
  | multiline
)

Collect meaningful feedback through ratings, opinion scales, and NPS^®.

#! id = customer-survey-form
#! formsmd-branding = hide
#! font-size = sm
#! restart-button = show
#! autofocus = all-slides

nps* = OpinionScale(
  | question = How likely are you to recommend our product to a friend or colleague?
)

---
|> 50%

phone = TelInput(
  | question = Would you like to receive product update calls?
  | description = If yes, please enter phone number. We only send high-quality updates and discounts.
)

For example: create simple job posts directly on your site.

#! id = job-post-form
#! form-style = classic
#! formsmd-branding = hide
#! restart-button = show
#! autofocus = all-slides
#! placeholders = hide
#! slide-controls = hide
#! submit-button-text = Submit your application

email* = EmailInput(
  | question = Email address
)
 
cv* = FileInput(
  | question = Attach your CV
)

Easily get ratings and reviews on your site too.

#! id = review-form
#! formsmd-branding = hide
#! font-size = sm
#! restart-button = show
#! autofocus = all-slides

rating* = RatingInput(
  | question = How satisfied are you with our product?
)

---
|> 50%

feedback = TextInput(
  | question = Do you have any feedback to help us improve?
  | description = Share your thoughts on how we can improve our services.
  | multiline
)

Grow your subscriber count with beautifully designed forms.

#! id = mailing-list-form
#! formsmd-branding = hide
#! font-size = sm
#! restart-button = show
#! autofocus = all-slides

email* = EmailInput(
  | question = Join our mailing list
  | description = Stay informed of every update that matters - we'll deliver the latest news straight to your inbox.
)

---
-> end

# [.text-center] Thank you

[.text-center style="font-size: 16px;"]
Subscribed to mailing list with {$ email $}.

Change the localization to automatically translate your forms.

#! id = ja-customer-survey-form
#! formsmd-branding = hide
#! font-size = sm
#! restart-button = show
#! localization = ja
#! autofocus = all-slides

nps* = OpinionScale(
  | question = 当社の製品を友人や同僚に推薦する可能性はどの程度ありますか？
)

And so much more!

A world of possibilities are available for your WordPress site using this simple plugin. Add forms in posts, pages, etc., basically anywhere you can paste in a shortcode. You'll never want to use another form plugin again.