# Metafields

For a better understanding how to set metafields for products please review [Metafields](https://help.checkoutchamp.com/crm/crm-setup/product-setup/metafields)​\
Comment on block

General metafields will be populated on the product detail page in the metafields element.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F5E4YqnK8YgafYSyl2pQd%2Fimage.png?alt=media&#x26;token=69fa9398-1613-42a1-8646-521a106fd8e0" alt=""><figcaption></figcaption></figure>

### Reserved Metafields

#### storefront-detail-{#}

Used to show custom elements on a page. This can be used for reviews, testimonials, pay source badges, etc.

{% hint style="warning" %}
The value type must be ***Rich Text*** to show on the storefront pages
{% endhint %}

Example usage:

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F0JxD7wR7UpNZ3SUe4DMX%2Fimage.png?alt=media&#x26;token=5d4c6be7-ab53-48d3-96db-a82873ad80cd" alt=""><figcaption></figcaption></figure>

#### storefront-badge-{#}

Used for adding badges that will be placed on top of product images. Badges can be used for new arrivals, best sellers, discounted products.

{% hint style="warning" %}
The value type must be ***Rich Text*** to show on the storefront pages
{% endhint %}

Example usages:

Product Tile

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fi6acpZmTcLzBoR6GT4IH%2Fimage.png?alt=media&#x26;token=a535ed55-882a-459b-862f-706e752ffef3" alt=""><figcaption></figcaption></figure>

Product Carousel

<div data-full-width="false"><figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FOeIlVRkkgCuY88B9pZYn%2Fimage.png?alt=media&#x26;token=0787926c-0ef9-4d38-9bac-20a580d2e502" alt=""><figcaption></figcaption></figure></div>

#### storefront-oneTime

This is used to add a custom element to the subscribe and save element. This will populate for the one-time product element when selected.

{% hint style="warning" %}
The value type must be ***Rich Text*** to show on the storefront pages
{% endhint %}

Example Usage:

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F0ayOdugrMIwbQRpDkuSg%2Fimage.png?alt=media&#x26;token=474db1ff-02c6-4a25-87dd-e3664ef01456" alt=""><figcaption></figcaption></figure>

#### storefront-recurring

This is used to add a custom element to the subscribe and save element. This will populate for the recurring product element when selected.

{% hint style="warning" %}
The value type must be ***Rich Text*** to show on the storefront pages
{% endhint %}

Example Usage:

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fry6QwTsdBrOF85zWRg2W%2Fimage.png?alt=media&#x26;token=6fd802cf-0bd6-4684-831c-64d04fe8d19e" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
When the layout for Subscribe and save is set to "Checkout", the one-time metafield will not be shown while the recurring will always show.
{% endhint %}
