chatbot.html

<article class="docs-article" >
    <section class="docs-section" id="chatbot">
        <div>
            <h1>Flow-E : The AI assisted form creation</h1>
            <hr>
            <p>
                formsflow.ai incorporates AI chat assist support for form creation, where users engage with a GPT-powered AI chatbot. This chatbot is engineered to comprehend user queries, prompts, and instructions pertaining to form design, subsequently generating the form based on the user's input.            
            </p>

            <h4>Steps</h4>
            <ol>
                <li>Log in as a designer and click on Create form.
                <img class="mt-3" src="./assets/images/chatbot/chat_step1.png" alt="Chat_step1_Snapshot" height="500" width="1000"><br><br>
            </li>
            <li>
                Click on the Flow-E button located at the bottom right.
                <img class="mt-3" src="./assets/images/chatbot/chat_step2.png" alt="Chat_step2_Snapshot" height="500" width="1000"><br><br>
            </li>
            <li>
                Click on the Generate Form Design button which will take you to the form design prompt.
                <img class="mt-3" src="./assets/images/chatbot/chat_step3.png" alt="Chat_step3_Snapshot" height="500" width="1000"><br><br>
            </li>
	    <li>
            Give the specific requirement to create a form.
            <img class="mt-3" src="./assets/images/chatbot/chat_step4.png" alt="Chat_step4_Snapshot" height="500" width="1000"><br><br>
            <img class="mt-3" src="./assets/images/chatbot/chat_step5.png" alt="Chat_step5_Snapshot" height="500" width="1000"><br><br>


	    </li>
            <li>
                The preview of the generated form will be displayed. 
                <img class="mt-3" src="./assets/images/chatbot/chat_step6.png" alt="Chat_step6_Snapshot" height="500" width="1000"><br><br>
                <img class="mt-3" src="./assets/images/chatbot/chat_step7.png" alt="Chat_step7_Snapshot" height="500" width="1000"><br><br>

            </li>
            <li>
                Either you can apply the changes or modify the prompt by selecting the option.                
            </li>
            </ol>


            

    </section>