Offer form tabs

The create and edit offer form has six tabs in fixed order. Form on the left, live payment page preview on the right (desktop). Create offer / Save changes is at the bottom of the card, visible on every tab. After creating an offer with schedule enabled, you are redirected to Schedule.

Tab order and documentation

  • Basic information - Offer - basic information
  • Promotions - Offer - promotions (+ Coupons and referrals)
  • Details - Offer - details
  • Schedule - Offer - schedule (Schedule overview)
  • Charges - Offer - additional charges
  • Advanced - Offer - advanced settings

Validation and error highlighting

On save, Ant Design collects field errors. Each invalid field is mapped to a tab (tabForField) and tabs are highlighted in red. The first invalid field is focused.

Field to tab mapping (on errors)

  • Basic - title, amounts, currency, taxRate, recurring, maxPayments, monthlyAnchorDay and other fields without prefixes from other sections.
  • Promotions - trialAccess*, generalDiscount*, discountSchedule* (including discountScheduleItems).
  • Details - detailsImages, detailsDescription.
  • Schedule - all timetable* fields.
  • Charges - linkedAdditionalChargeIds, additionalChargesApplicationMode.
  • Advanced - paymentMethods, countrySelect*, checkoutCollection*, paymentFallback*, recurringRetry*, manualRenewal*, offerGroup*, retentionOffer*, resultPages*, successUrl, cancelUrl, successPageMode, failedPageMode, metadataItems, stripeReport, minCancellation*, allowMultipleSubscriptions.

Edit vs create mode

  • Create - empty form; on success toast and redirect (Schedule if enabled) or stay on list.
  • Edit - data loaded from API; core field locks after payments/subscriptions; footer with archive/delete (Edit and share).
  • MEMBER - disabled form; no save action.

Related pages

Create screen layout: Creating an offer step by step. BLIK A/M/O subscriptions: Recurring payments (BLIK A/M/O). Edit, share, archive: Edit and share.

Recommended workflow order

  • Basic → Promotions → Details → Schedule → Charges → Advanced.
  • Tab switches do not clear draft values in the single Ant Design form.

Live preview scope

Preview reflects title, amounts, promotions, charges, consents, invoice fields, country when enabled. Does not run real Tpay charges.

Offer form tabs | Zevio