Forms can be a great way to collect feedback from your customers or provide an easy way for your customers to contact you. You can embed a form on any of your custom pages.
PLEASE KEEP IN MIND THAT ADVANCED DEVELOPMENT IS OUTSIDE OF THE SCOPE OF OUR SUPPORT AND THIS IS ONLY PRESENTED AS-IS FOR INFORMATIONAL PURPOSES. WE CANNOT GUARANTEE THAT THIS CODE WILL ALWAYS WORK NOR CAN WE MAINTAIN YOUR CODE.
ALWAYS MAKE A DUPLICATE OF YOUR EXISTING THEME BEFORE DOING CUSTOM CHANGES.
There are a number of form/quiz providers including Online Quiz Creator, Typeform, GSuite for Quizzes, and Google Forms.
We'll use Google Forms in our example since it's free. In whatever platform you use, you will always need to copy the HTML code of the form.
For Google Forms, you will create or open your form, click on Send, in the top-right corner, and see an embed icon. Select the embed icon and click on copy to get the HTML code or keep the page open for quick access to the HTML code.
Now let's add it to a custom page.
Navigate to Website > Customize and you can create a new page by clicking on the navigation menu at the top and clicking "Add New Page".
Name the page as you see fit:
With this done, you will want to go back to the main Admin Area and navigate to "Website" -> Click the 3 dots -> "Edit Code".
In the Top-Right corner, click "New File" and then create the template making sure that the File Format is set to liquid:
Once the Template is created, you can then paste the Google Form embed code directly inside of the <div> tags and save changes:
Now go back to your newly-created page by going to "Website" -> "Customize" and then the top navigation bar, the same way that you originally created your page.
In the new page that you previously created, you can then go to "Page Settings" followed by Advanced and then pick the new template that you just created:
Publish your page and then you should have the Google Form appear in your page!:
It is possible to change the dimensions of the form within Google Form if you wanted to have it fill the screen and appear more centered for example.