Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.
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.

Suggerimento: per assicurarti che i clienti completino il modulo, seleziona Obbligatorio accanto a tutti i campi richiesti.

Clicca su Save (Salva) per pubblicare le modifiche.

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: prima dell'esportazione, assicurarti che tutti i campi modulo abbiano nomi univoci. I campi con nomi duplicati non saranno esportati.

Reuse the form

Dopo averlo salvato, il modulo verrà visualizzato come opzione nella scheda Modulo in modo da poterlo aggiungere ad altri prodotti. L'opzione selezionata apparirà con un grigio più scuro.

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

Ciò può accadere quando lo stile generale dei pulsanti è impostato su Bordato e Bianco e il pulsante appare bianco su sfondo bianco. Puoi risolvere questo problema in Stili sito, ma i tweak vengono visualizzati solo quando sei su una pagina con un Blocco modulo o un Blocco newsletter. Se non hai uno di questi sul tuo sito, aggiungine uno temporaneo:

  1. Accedi al tuo sito.
  2. Nel Menu Home, fai clic su Pagine.
  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. Nel Menu Home, clicca su Design, quindi su Stili sito.
  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. Clicca su Save (Salva).

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.
Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 47 su 110