Meta tags are HTML elements used to provide information about a web page. They don't appear on the page itself but contain metadata such as the product card page description, product characteristics, keywords, and more. This data is used by search engines, browsers, and social networks to correctly interpret and display the page's content.

In the case study on design and markup automation for online store campaigns, we looked at an example of how product cards in a campaign are automatically populated from a website link.

This is done via meta tags. On each product card page, you need to add the following code to the <head> tag:

typescript
<meta name="letteros-product-name" content="{{название_товара}}">
<meta name="letteros-product-img" content="{{url_картинки_товара}}">
<meta name="letteros-product-price-before-sale" content="{{цена_до_скидки}}">
<meta name="letteros-product-price" content="{{цена_после_скидки}}">

In letteros-product-name you need to place the product name. In letteros-product-img — the image URL. In letteros-product-price-before-sale — the price before the discount; if the product has no discount, leave it blank. And in letteros-product-price — the price after the discount, which equals the regular price if no discount is applied.

Example of filled-in tags

typescript
<meta name="letteros-product-name" content="Ботинки ARTISAN ART-027 тёмно‑коричневый">
<meta name="letteros-product-img" content="https://Checkroom.ru/upload/resize_cache/iblock/383/541_541_1/383db2086065030b9b6b9c80eb998272.jpg">
<meta name="letteros-product-url" content="https://Checkroom.ru/catalog/item/botinki-artisan-art-027-s01611/">
<meta name="letteros-product-price-before-sale" content="">
<meta name="letteros-product-price" content="18 000 руб.">

The value of the letteros-product-name tag can be used in the campaign markup via the variable {{letteros-product-name}}. Any number of meta tags is supported, as long as the name attribute starts with letteros-product.

A few more examples of meta tags

letteros-product-sale-percent for the discount amount, e.g. 30%

letteros-product-number-of-reviews for the number of reviews — 3

letteros-product-rating for the rating

The number of required meta tags depends on what information is displayed in the product card within the campaign.