Formsmith AI (BETA)

Welcome to Formsmith, Forge's latest innovation in form creation! This powerful AI-powered tool allows you to generate fully functional, Forge-ready forms with a simple text prompt. Let Formsmith handle the heavy lifting, so you can focus on building amazing web experiences.

What is Formsmith?

Formsmith is a generative AI-powered form generator designed to simplify the creation of web forms. By providing a straightforward text prompt, Formsmith generates the necessary HTML markup, complete with data-forge-name attributes, ready to be copied, pasted, and deployed on your site. Forge will automatically detect these forms and set up hosting, making form creation a breeze.

How to Use Formsmith

Getting Started

Using Formsmith is simple and intuitive. Follow these steps to create and deploy your forms:

1. Access Formsmith:
   • Log in to your Forge account and create a site (or pick an existing one).
   • Navigate to the Forms tab in the site dashboard.
2. Enter a Text Prompt:
   • Describe the form you need in plain text. Be as detailed as possible to ensure Formsmith generates the form accurately.
   • Example prompt: "Create a contact form with fields for name, email, phone number, and a message."
3. Generate the Form:
   • Click on the "Generate Form" button. Formsmith will process your prompt and produce the HTML markup for your form.
4. Copy the Markup:
   • Copy the generated HTML markup provided by Formsmith.
5. Paste and Deploy:
   • Paste the markup into your site's code where you want the form to appear.
   • Deploy your site as usual. Forge will automatically detect the data-forge-name attributes and set up the form hosting.

Example Prompts

Here are some example prompts to help you get started with Formsmith:

• "Create a newsletter signup form with fields for first name, last name, and email address."
• "Build a job application form that includes fields for full name, email, phone number, resume upload, and a cover letter."
• "Generate a feedback form with fields for user name, email, rating from 1 to 5, and comments."

Generated Markup Example

Based on the example prompt: "Create a contact form with fields for name, email, phone number, and a message," Formsmith might generate the following markup:

<form data-forge-name="Contact Form">
  <input type="text" data-forge-name="Name" placeholder="Your Name" required />
  <input type="email" data-forge-name="Email" placeholder="Your Email" required />
  <input type="tel" data-forge-name="Phone Number" placeholder="Your Phone Number" />
  <textarea data-forge-name="Message" placeholder="Your Message" required>\</textarea>
  <button type="submit">Submit\</button>
</form>

Deploying Your Form

Once you've copied the generated markup, integrating it into your site is straightforward:

1. Paste the Markup:
   • Insert the copied HTML code into the appropriate location within your site's codebase.
2. Deploy Your Site:
   • Deploy your site to Forge as you normally would. Forge's system will automatically detect the data-forge-name attributes and set up form hosting.
3. Verify Form Functionality:
   • After deployment, test the form to ensure it's functioning as expected and that form submissions are being properly recorded in the Forge Forms dashboard.

Benefits of Using Formsmith

• Efficiency: Save time by generating complex forms with a simple text prompt.
• Accuracy: Ensure consistency and correctness in your form markup with AI-generated code.
• Ease of Use: Simplify the process of creating and deploying forms, even if you have limited coding experience.
• Integration: Seamlessly integrate generated forms into your existing Forge workflow.

Feedback and Support

As Formsmith is currently in beta, we value your feedback to help us improve this feature. Please share your thoughts and any issues you encounter with our support team.

• Support: Contact Forge Support

By leveraging the power of Formsmith, you can enhance your web development workflow, making form creation faster, easier, and more efficient. 🔥🛠️