> 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/drag-and-drop-email-builder/the-elements-of-design/woocommerce-elements.md).

# WooCommerce Elements

Depending on the WooCommerce extensions on your site, you'll have extended elements in this section.

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FueHw9v7Xqz0bWCWSrSnS%2Fimage.png?alt=media&amp;token=bb835528-03f2-44bb-a3e7-29f7835f9440" alt=""><figcaption></figcaption></figure>

* **Shipping Address:** This element adds the customers shipping address to Email template.
* **Billing Address:** This elements add the customers billing address to the Email template design.
* **Billing Shipping Address:** This element adds billing shipping address to the template.
* **Order Details:** This allows you to show table format for the product ordered, the quantity ordered and the total price.
* **Order Details Download (Completed Order Template):** This is the element which shows a tabularized detail of downloadable items that was ordered.
* **Hook:** This will help you add WooCommerce Hooks

<figure><img src="https://157604815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJfBhHG_1ipE5lMX4qT%2Fuploads%2FYR34udDGEJ185VBWYr6U%2FWoo%20Element.gif?alt=media&amp;token=f3705fad-c50a-4706-bb1b-93832b115ebd" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Learn more: [WooCommerce Email Hooks](https://yaycommerce.com/how-to-customize-email-template-with-woocommerce-email-hooks/)
{% endhint %}