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.

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.

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.