Custom Contact Form Front-end Examples
Below you’ll find front-end examples of the various contact forms display options. Don’t forget to check out the front-end theme showcase and custom contact form examples in our demo store for more inspiration!
Contact Form Page
Example of custom contact form in an automatically created form page with breadcrumbs navigation.
Contact Form Embedded in CMS Page
Example of custom contact form embedded in a CMS 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 light-box 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.