User Manual
Custom Contact Form Front-end Examples
Below you'll find front-end examples of the various contact forms display options.
Contact Form Page#
Example of custom contact form in an automatically created form page.
Contact Form Embedded in Page#
Example of custom contact form embedded in a store page using the contact form widget.
Contact Form Embedded in Product Page#
Example of a product questions form embedded in a product page by adding the contact form widget to a specific layout update.
Contact Form Sidebar Widget#
Example of a sidebar widget with contact button, which displays the contact form in a pop-up when clicked on.
Pop-up Contact Form#
Example of custom contact form shown in a light-box pop-up using the pop-up form widget.
Slide-out Contact Form#
Example of the a form appearing from the left side of the front-end store using a slide-out form widget.
Multi-page Contact Form#
Example of multi-page contact form, which is divided into multiple pages or tabs with the Form Page component. The top navigation bar automatically adjusts to smaller resolution screens if the form page titles don't fit on one line.
Multi-column Contact Form#
Example of multi-column contact form, which is divided into multiple sections and columns using the Form Section component.
