Forms

Shopify offers a range of forms tailored for various purposes, including login, signup, cart, address, newsletters, and many more. To create forms in Webflow, use the li-form tag, which should be applied to the corresponding form element. In the value field of the custom attribute, specify the form type.

Additionally, to direct users to a specific page after form submission, you can include another attribute with the modifier :return_to.

Webflow

li-form = customer
li-form:return_to = /pages/thank-you

Shopify

{% form 'customer', return_to: '/pages/thank-you', class: 'footer_form' %}
      // your form content
{% endform %}

In this example, you'll also notice that a class is passed to this element. We retrieve the class from the element to which the form tag is applied.

Within the form, you can use input elements tailored to the specific form you wish to create. These inputs require unique names, which you can reference in the Shopify documentation and soon in our own documentation.

Most forms are already included in the Starter Template, making it convenient for you to reference them whenever needed.