> 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/blocks.md).

# Blocks

### **Add pre-designed blocks**

**Blocks** are multi-column sections to allow you to send dynamic content in order confirmation email templates. These blocks are premade patterns and available in [YayMail Pro](https://yaycommerce.com/yaymail-woocommerce-email-customizer/?utm_source=yaymail-docs\&utm_medium=docs\&utm_content=YayMail-Blocks).&#x20;

Currently, there are some ready-made blocks available, such as Featured Products, Cross/Up Sells Products, Products With Reviews, Simple Offer, and Single Banner.

You can easily find these blocks in **YayMail** editor → **Elements** → **Blocks**.

<figure><img src="/files/evL5SB06gDaQ1B3Hw0so" alt=""><figcaption></figcaption></figure>

You will be able to choose which products to display in the block such as Recently updated products, Related products, or products with selected category/tag, etc.

<figure><img src="/files/PWjyX0XR0JA9YBQqoHTZ" alt=""><figcaption></figcaption></figure>

Simply show or hide these elements according to your needs:

* Top content: heading and sub-heading
* Product image: dynamically retrieve product images from your list of products
* Product name: dynamically retrieve product names from your list of products
* Product price: dynamically retrieve product prices from your list of products
* Product original price: dynamically retrieve product original prices from your list of products
* CTAs: display **Buy** button with custom design and product links&#x20;

{% hint style="info" %}
Note: The Cross/Up-sell block will only be displayed if the purchased product has cross/up-sell products; otherwise, it will not be shown. Similarly, the Product with Review block will only be displayed if the purchased product has reviews; if there are no reviews, the block will not be shown.
{% endhint %}
