Form Builder

Simply Forms team

Last Update vor 11 Tagen

Lifecycle of a Form

A form in Simply Forms goes through different statuses during its lifecycle:


  • Blank – When you create a new blank form, it starts in Blank status.

  • Updated – Any changes to the form’s design or configuration move it to Updated status.

    • At this point, the Shopify Save Bar appears at the top of the Shopify Admin.

    • You can either Save your changes or Discard them to return the form to its previous status.

    • Once saved, the form remains in Updated status until published.

  • Published – When you click Save & Publish in the preview modal window, the form enters Published status.

    • Customers will only see your changes once the form is published.

  • Deleted – Deleting a form permanently removes it, along with all customer submissions associated with it.

👉 The current status of each form is displayed next to its name in the Select a form dropdown list.

Customize every component to meet your need

You can fully customize each component in your form:


  • Hover over a component to reveal buttons that let you Edit, Delete, or Move it.

  • Most properties are straightforward to configure and can be adjusted directly in the property settings panel.

Components with Options

For components that include selectable options (such as Dropdown, Checkboxes, or Multiple Choice):

  • You can either enter options manually, or

  • Populate options dynamically from an API.

The API URL can be:

  • A full URL (for example, https://example.com/app/api/countries), or

  • A relative URL provided by the Simply Forms app.

Using Relative URLs

Relative URLs allow you to fetch data directly from your Shopify store.

  • For example, you might use a relative URL to pull in a list of products or countries, as shown in the table below.

  • If you need an API to fetch a Shopify resource that Simply Forms does not yet support, please contact the Simply Forms team for assistance.

Relative URLPurpose
api/productsRetrieve the product list of your store.
api/products/<locale>Retrieve the product list in a specified translation locale, if supported by your store. For example: en-US for English (United States), es-ES for Spanish (Spain), or zh-TW for Traditional Chinese (Taiwan).
api/products/<locale>/<market name>Retrieve the product list for your store in the specified translation locale and market. The market name is defined by your store.
api/availableCountriesRetrieve the list of countries where localized experiences are enabled for your store. The response is returned in the default language.
api/countryCodesRetrieve the list of all countries. CountryCode enum reference, https://shopify.dev/docs/api/storefront/2025-07/enums/countrycode

Form Builder vs. Theme Editor

Form Builder

In the Form Builder, each component has a property panel where you can use a rich text editor to customize its Display Label.

  • These customizations are applied as inline styles and take the highest priority when the form is displayed on your storefront.
Theme Editor
n the Theme Editor, you can use Simply Forms settings to:
  • Customize the font size and color of component labels in bulk, applying only to those without custom styles set in the Form Builder.

  • Customize form background color and opacity.

  • Adjust the layout by leveraging the parent section’s configuration to position the form correctly on a page.

  • Fine-tune the spacing using marginspaddings, line height.

  • Customize the style of buttons.

  • Position or hide the previous submissions list. Customize its labels and messages.

  • Enable/disable spam protection.

Was this article helpful?

0 out of 0 liked this article