Contact section

The Contact section collects shopper contact details. It is opt-in: omit contact (or pass {}) and Checkout renders with no contact fields.

Enable contact fields

Include the keys you want to collect. Empty objects use element defaults.

overflow.checkout({
  paymentMethods: ['card'],
  contact: {
    email: {},
    fullName: {},
    phone: {},
    companyName: {},
  },
});

Each key accepts the same options its standalone element accepts:

Default order inside the section is email → fullName → companyName → phone. Override with contact.order:

overflow.checkout({
  paymentMethods: ['card'],
  contact: {
    order: ['fullName', 'email'],
    email: {},
    fullName: {},
  },
});

Fields you did not include are skipped. Add a section header:

overflow.checkout({
  paymentMethods: ['card'],
  contact: {
    header: { text: 'Your details' },
    email: {},
    fullName: {},
  },
});

Omit header to render the section untitled.

Contact data is folded into the Checkout onSubmit payload:

checkout.on('onSubmit', ({ value }) => {
  // value.contact: { email?, fullName?, phone?, companyName? }
});

Fields you did not enable are absent.