Use Custom Properties in Web Forms on Geta.ai

What are Custom Properties in Web Forms?

Custom properties allow you to add customized elements to your form, beyond the standard fields like Name, Email, and Phone Number. These properties help personalize the form by adding dividers, links, and other elements to improve user experience.

Steps to Use Custom Properties in Web Forms

1. Access the Forms Module

• Log in to Geta.ai.
• Navigate to the Forms module.
• Click Create Form to start a new form or Edit an existing one.

2. Navigate to Custom Properties

• In the Form Builder, you’ll find two sections:

  • Default Properties – Standard fields like Name, Email, etc.
  • Custom Properties – Advanced customization options.

• Click on Custom Properties to explore additional customization features.

3. Add Custom Elements to the Form

🗂 a. Add a Divider
Use the Divider to visually split your form into sections. Just drag and drop it where needed—it’s a great way to organize your form content.

🔗 b. Insert a Link
Need to point users to additional info? Add a link! Drag the Link element into your form, then click the pen icon to:
• Enter the URL
• Set the Display Text
• Choose the Link Target (like opening in a new tab)

🖼️ c. Add an Image
Want to add visual appeal? Use the Image field to insert graphics, logos, or banners directly into the form.

📝 d. Custom Paragraph Field
Collecting feedback or long-form input? Use the Custom Paragraph field so users can enter more detailed responses.

4. Configure Field Settings

• Click the Pen Icon on any grid element to edit its properties.
• Set parameters such as:
  • Required Field – Make the field mandatory.
  • Hidden Field – Hide the field from users while storing the data.
  • Placeholder Value – Provide guidance to users (e.g., “Enter your details here”).
  • Default Value – Set a pre-filled value.

5. Save and Publish the Form

• Click Save to store changes.
• Click Publish to make the form live.

Next Steps

✅ Test the Form – Ensure that custom properties are functioning properly.
✅ Use Dividers for Better Layout – Organize the form visually with dividers.
✅ Add Useful Links – Guide users to additional resources with the link field.

By leveraging Custom Properties in Geta.ai Forms, you can enhance user experience and make your forms more structured and interactive. 🚀