# Checkout Field Editor by WooCommerce

YayMail Pro offers shortcodes that allow you to insert various data points into your email templates.

Here's how to display checkout fields with shortcode, also known as order meta, in YayMail editor:

### Identify the checkout field&#x20;

You'll need to know the unique ID of the specific checkout field you want to display. This can be found by editing the field in **WooCommerce** > **Checkout Fields**.

In the screenshot below, the checkout field ID is `date`.

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FSUnrmmdpput49j7B3qbY%2FAdd%20Checkout%20Field.png?alt=media&#x26;token=709424ca-6595-439e-8971-295d47675a64" alt=""><figcaption><p>Add Checkout Field</p></figcaption></figure>

When customers proceed to checkout, they will be required to fill out their information.

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2F3cwIiAfYq1uEohj6g5Kg%2FField%20in%20checkout%20page.png?alt=media&#x26;token=52f96aa8-e613-4155-b8bd-220433d02dfa" alt=""><figcaption><p>Checkout Field in checkout page</p></figcaption></figure>

### Insert the shortcode

Within your YayMail email template editor, insert the following shortcode to output the customer data value.

You can find the shortcode for that order meta by clicking on the list of **Order Meta** and selecting the checkout field that you need:

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2F4x3pvLsDZ8R7DiR60zX0%2FShortcode%20in%20YayMail%20Customized.png?alt=media&#x26;token=ae56a5b1-7b30-44c0-ae42-a9028a4b6138" alt=""><figcaption><p>Data in YayMail</p></figcaption></figure>

In this case, it is `[yaymail_order_meta:date]` that outputs the Delivery Date of the order.

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FDxAjhwj8CGjZCvGH63KC%2FShortcode%20show%20in%20YayMail.png?alt=media&#x26;token=e8999e70-7d86-4378-99a7-9719bd4bbf3b" alt=""><figcaption><p>Shortcode Generated</p></figcaption></figure>

Feel free to send a test email or place an actual order to see how it looks in your email client.

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FoUjhOqJntDYoxpiaPXOT%2FDisplaying%20checkout%20field%20in%20Woo%20emails%20via%20Gmail%20box.png?alt=media&#x26;token=cb5a6305-e5bb-4a1f-8d6b-d6ad7ec00122" alt=""><figcaption></figcaption></figure>

That's it! Now you can go ahead and add your own checkout fields to customer emails!

*Happy customizing!*
