Ready to dive into AI Forms? Let's breeze through setting up your first one and get the hang of how it all clicks together! 🛠️
First step if not already done, enable the feature:
Got a scenario where you need to whip up a custom response based on user input? Whether it's a quiz or a decision tree, AI Forms can be your go-to solution. It's way easier than teaching your chatbot every single step. Trust me!
We're crafting a travel assistant using AI Forms. It'll quiz users about their travel vibe, interests, and boom—suggest a destination. Happy with the choice? It'll roll out a detailed itinerary and, for the grand finale, a price estimate. Sounds tough? Nah, you'll nail it in under 5 minutes! 🏖️✈️
⚠️ Not a block user (Gutenberg Editor)? No sweat! Use a plugin like Reusable Blocks Extended to whip up your form. Then plop that shortcode wherever you fancy, even in Elementor or other page builders. Easy-peasy!
AI Form blocks
Time to build our first form with blocks. Kick things off in an "AI Form Container" block. It's not a must, but let's play it safe for now. Once you're an AI Forms ninja, feel free to freestyle without it. 🥷
Populate this Container with "AI Form Fields" to ask questions like "Previous destinations," "What are your hobbies?" and stuff like that.
Set up all your fields now, and we'll connect the dots later. Swap out the "LABEL TEXT" for each question and give each a snappy "FIELD NAME" for easy reference later on.
Your setup should look a bit like this now:
We've got 3 fields chilling in our container, each rocking a different 1️⃣ field type. Notice the 2️⃣ "select" field type with options for users to pick from. We'll call back to each field by their 3️⃣ "field name" in our prompts later.
Add a "AI Form Submit" block to craft our prompts based on user input. Here, you can pick your model (you can also use an OpenAI Assisstant !), set the temperature, and craft that prompt. Field names like {LAST_TRIP} will stand in for user values. Got optional fields? Check out this doc for tips.
