> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yaymail/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yaymail/integrations/checkout-field-editor-by-themehigh.md).

# Checkout Field Editor by ThemeHigh

When you use YayMail Pro with Checkout Field Editor by ThemeHigh, you can add a custom field into your Checkout page.

![](https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FthYRgmzwzP1VkohLUAQs%2Fadd-new-field-in-checkout-fields.png?alt=media\&token=3bb2461c-3522-4f5f-aeff-b036c3ab845b)

In Checkout page, it looks like the image below.

![](https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FqkgYvKobh7BluJPIP5zA%2Fcustom-field-in-checkout-page.png?alt=media\&token=d7460af6-bd3a-4d64-b740-075836b4b741)

Then please make a real order with that field, and you can have its data in YayMail.

![](https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FvOoPzwWZpNiOXuqjyvXu%2Fcheckout-fields-yaymail-real-order.png?alt=media\&token=0a59071a-4e11-483a-b07a-9cf2fdc2d683)

After seeing the shortcode generated, you can copy it and put it anywhere in an email.

![](https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FSdPLYCV0z2ClseIZI7Jd%2Fcustom-field-in-checkout-page-real-order.png?alt=media\&token=9a840f2d-bb17-4b9e-a1fe-e5eb3c3f6b5e)