Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Creating a custom product form

You can create custom product forms for customers to complete when they purchase a specific product. These forms are great for collecting personalized information for an item, like custom engraving or lettering instructions.

Note: Custom product forms are useful for gathering information related to individual items. To collect information relating to the entire order, like a gift message or special delivery instructions, create a custom checkout form instead.

Step 1 - Open the product

In the Home Menu, click Pages. Click a Products Page. Double-click a product to open the product editor. For detailed steps, visit Editing a product.

Step 2 - Create a new form

In the product editor, click the Form tab.

Click Create New Form.

Enter a name in the Form Name box. Then click the + icon to add a field.

Select a form field to add. To learn about each form field, visit Form fields explained.

As you add and edit fields, a preview populates to the right.

Consejo: Para asegurarse de que los clientes completen el formulario, marca Obligatorio al lado de todos los campos obligatorios.

Click Save to publish your changes.

How the form displays

A custom product form opens as an overlay when a customer clicks Add to Cart. If fields are required, the customer can't add the product without completing the form.

Customers can review and edit the form before checking out by clicking Edit Details.

To preview this form, run a test order.

Review form submissions

Custom product form submissions are collected in:

  • Order Notification emails
  • Order Summary in the Commerce panel
  • Order Exports (single product exports only)

To learn more about reviewing customer orders, visit Receiving an order.

Export form submissions

To export custom product form submissions, select a specific product during the export process. Learn more in Exporting orders.

Nota: Antes de exportar, asegúrate de que todos los campos del formulario tengan nombres únicos. Los campos con nombres duplicados no se exportarán.

Reuse the form

Después de guardar el formulario, aparecerá como una opción en la pestaña Formulario para que puedas agregar el formulario a otros productos. La opción seleccionada aparecerá en un color gris más oscuro.

New_Page___Dick_s_Pickles.png

Disable the form

If you don't want to add a form to a product, select No Form Required.

My product form's button is missing

Esto puede suceder cuando el estilo general del botón fue configurado como Borde y Blanco, y el botón aparece en blanco sobre un fondo blanco. Puedes repararlo en Estilos del sitio, pero los retoques solo aparecerán cuando estés en una página con un Bloque de formulario o un Bloque de boletín. Si no tienes uno de estos bloques en tu sitio, agrega uno transitoriamente:

  1. Inicia sesión en tu sitio.
  2. From the Home Menu, click Pages.
  3. Scroll down to the Not Linked section.
  4. Click the + and click Page.
  5. On the page, add a Form Block.
  6. Save the page.

Then update the style:

  1. Desde el Menú de Inicio, haz clic en Diseño y, luego, en Estilos del sitio.
  2. Scroll to the Buttons section.
  3. Either change the Style to Default, Solid, or Raised, or change the Button Color to something other than white.
  4. Haz clic en Guardar.

If you added a temporary Form Block, go back to the Pages panel and delete that page.

Tip: These new styles will affect all Form Block and Newsletter Block buttons on your site.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 43 de 101