Managing Form Fields – Yaxii Smart Form — WooCommerce COD Checkout Engine Documentation

The Problem This Solves

Default form text is generic and doesn’t speak to your customers. This guide is a single reference for everything editable in the form’s structure: titles, field labels, section order, stock display, and the info banner — all in one place.

Editing the Main Form Copy

Go to Yaxii Smart Form > Form Settings, then open the Form Fields tab.

Setting	What It Displays on the Product Page
Form Title	The main header displayed above the input fields
Form Description	The subtitle or tagline shown beneath the title
Order Button Text	The label on the main order submission button

All three fields accept simultaneous input in Arabic, French, and English. The form automatically displays the correct version based on the active language on your site.

Customizing Field Labels and Placeholders

Every form field (Name, Phone, Wilaya, City…) has a label (the visible text above or beside the field) and a placeholder (the faded hint text inside the empty field).

1
Find the Field to Edit
In the Form Fields tab, scroll down to the field list. Each field appears as a collapsible panel — click its name to expand it.

[Screenshot: Form field list with collapsible panels — the “Phone Number” panel is expanded showing label and placeholder options for each language]
2
Edit the Label and Placeholder
Type your new text into the Label and Placeholder inputs for whichever language you want to customize. You can change a single language without affecting the others.
3
Enable or Disable the Field
If a field is not relevant to your business, toggle Show This Field to No to hide it from the form without permanently deleting it.
4
Save
Click Save Changes at the bottom of the page to apply all edits.

Configuring Layout and Section Order

Go to Yaxii Smart Form > Form Settings, then open the Layout tab.

Option	What It Controls
Mobile Field Layout	Single column or two columns for fields on smartphones
Desktop Field Layout	Single column or two columns for fields on wide screens
Section Order	Drag and drop blocks to reorder how sections appear in the form
Order Summary Position	Show the order recap above or below the input fields

[Screenshot: Drag-and-drop section reordering interface — four labeled blocks stacked vertically with drag handles on the left of each]

Displaying Available Stock

Showing the remaining stock count creates urgency and lifts conversion. Go to the Behavior tab to turn this on.

Toggle Show Stock Quantity, then configure the related options:

Setting	Effect
Low Stock Threshold	Below this number, a low-stock urgency message appears
Stock Display Style	Progress bar, text only, or colored badge
Stock Text Template	The message shown — use `{quantity}` to insert the live count automatically

Setting Up the Product Info Banner

The info banner is a highlighted message displayed inside the form — ideal for promotions, estimated delivery times, or special conditions.

In the Behavior tab, toggle Form Info Banner to on. Enter banner text in all three languages, then choose an icon and an accent color.

[Screenshot: Active info banner in a form — colored background with a truck icon and the text “Free shipping on orders of 3 or more”]

What’s Next?

→ Read: Enabling Visual Product Variation Swatches