Introduction
Learn how to create an engaging quiz on your Oh My Hi site. This tutorial walks you through naming the form, adding essential fields like name and email, customizing dropdown menus, and designing buttons. You’ll also set up confirmation messages, email notifications, and get step-by-step instructions for embedding the form on your page and managing responses effectively.
Step-by-Step Tutorial: Creating a Quiz
This tutorial walks you through creating a quiz on Oh My High.
Step 1: Create a New Form
- Access the Form Section:
- Go to the “Forms” section on the platform.
- Click “New Form” to create a blank form.
- Name Your Form:
- Use a clear and descriptive name for your form (e.g., “[Form] Skincare Quiz”).
- Add Input Fields:
- Drag and drop fields into the form or click on them to add:
- Name Field: Include first and last name.
- Email Field: Essential for quiz results delivery.
- Phone Number Field (optional).
- Mark required fields by selecting them and enabling the “Required” checkbox on the settings panel on the right.
- Drag and drop fields into the form or click on them to add:
- Include Additional Questions:
- Add fields for quiz questions, such as:
- “How would you prefer to be contacted?” (Checkboxes: Email, Text, Phone Call).
- “What products are you currently using?” (Dropdown or Checkboxes).
- Add fields for quiz questions, such as:
- Customize the Button:
- Update the button text (e.g., “Submit Quiz”).
- Adjust button size and placement if needed.
Step 2: Save and Configure Your Form
- Save Your Form:
- Click the “Save Form” button to ensure all changes are retained.
- Set Up Confirmation Messages:
- Go to “Settings and Integrations.”
- Add a confirmation message (e.g., “Thank you for submitting your quiz. Results will arrive in your inbox within 48 hours.”).
- Enable Email Notifications:
- Ensure email notifications are enabled to receive alerts when someone fills out the form.
Step 3: Embed the Form on a Web Page
- Create a New Page:
- Navigate to the “Pages” section and create a new page for your quiz.
- Design the Page:
- Avoid making other elements clickable to keep the user focused on completing the quiz.
- Add a title and brief description to entice users to complete the quiz (e.g., “Discover Your Perfect Skincare Routine!”).
- Insert the Form:
- Click the blue “+” icon and select “Patterns.”
- Search for a form pattern and embed your skincare form.
- Finalize the Page:
- Save the page as a draft or publish it when ready.
Step 4: Optional: Make Your Page a Landing Page
- To Remove Navigation:
- Convert the page into a landing page by removing the header and footer navigation.
- Go to “Quick Edit” for the page and set the template to “No Header or Footer.”
- Update the Page:
- Save the changes to finalize the landing page setup.
Step 5: Review and Manage Responses
- Check Form Entries:
- Go to the “Forms” section on the dashboard.
- Look for the number of responses indicated (e.g., “Blue 5”).
- View specific entries to see quiz answers.
- Respond to Users:
- Use email or text, based on their preferences, to send personalized quiz results.
- Automate Where Possible:
- If connected to a CRM, set up automation to streamline the process of sending results.