Online sales

It is a legal requirement that your customer has access to the full energy label and product information sheet (PIS) every time the product is displayed on your online sales website.

It is your responsibility, among other things, to ensure that:

  • All products have an energy label and a product information sheet, which are displayed on the screen in close proximity to the product's price (in case you do not show prices, close to its name or picture).

    Both the energy label and the product information sheet (PIS) can be presented using nested displays, eliminating the need to show the full energy label or PIS directly alongside the product or its price. Find more information about nested displays below.
     
    Please note, that this obligation refers to every subpage of your webshop, i.e. frontpage, list pages, product-specific pages and also the basket page. For correct product information, you use the electronic versions of the label and the product information sheet delivered by the supplier.
  • The energy label and product information sheet are displayed in a size that is clearly visible and easy to read.
  • The energy label is displayed whenever a product is showcased or mentioned in the online store, even if it is impossible to "add the product to the cart." This also applies, for example, to list views.
  • When selling products with the energy label, the energy label and product information sheet must be included with the product.

 

Nested displays for the energy label (energy arrow)

It is permitted to display an energy arrow with a range of energy efficiency classes indicated instead of the full energy label, provided that...

  • the full energy label is shown when the arrow is clicked or hovered over with the mouse.
  • the energy arrow leads to the energy label stored as a file on your website or to the EPREL database entry of the product. 
  • the energy arrow leads to a full display of the energy label within one mouse click, mouse roll-over or tactile screen expansion on the link.

Furthermore, it is required that:

  • the energy arrow always point to the left.
  • the energy arrow is placed in sloce proximity to the product price.
  • the font size of the letter in the energy arrow is identical to the font size of the price.
  • the colour of the arrow sorresponds to the energy class of the product.
  • the energy arrow includes the scale of the energy classes shown on the energy label (e.g. A-G)

See the example for an energy arrow below.

Nested display/link for the product information sheet (PIS)

It is permitted to use a link or nested display for PIS instead of the full PIS, provided that:

  • the full PIS is shown when the link/nested display is clicked or hovered with the mouse. 
  • the link/nested display leads to the PIS stored as a file on your website or to the EPREL database entry of the product. 
  • the link/nested display leads to the PIS within one mouse click, mouse roll-over or tactile screen expansion on the link.
  • the link/nested display is named exactly “product information sheet” (no other terms are allowed)

The link/nested display could, for example, look like this:

The link must be titled exactly "Product information sheet". It is not allowed to use other terms such as "specifications." or "PIS" etc.

Definition of online shops

Online shops are per definition websites that are designed to sell/buy products to sell products. A website that does not show prices, does not offer the opportunity to buy a product and neither shows contact data of a seller, is not an online shop (and does not have to comply with requirements for online shops). In this case, the obligations for technical promotional material and visual advertisements apply.

Common mistakes with labelling in online shops

We have compiled the most common mistakes encountered for various energy labelled product groups:

  • The font size in the energy arrow is too small
    The font size in the energy arrow must be identical to the size of the price.
  • Required information not shown in close proximity to the product's price
    All products under a labelling regulation must have an energy label and a product information sheet, which are displayed (directly or as nested image) on the screen in close proximity to the product's price.
  • Wrong colour of the energy arrow
    The colour in the energy arrow must correspond to the colour of the energy class
  • No display of the energy label and PIS in product lists and search functions
    If your website has a search function or a category list, you have to display the energy label and the PIS, if the display of the product includes a price. If there is no price on the product, only the energy label must be displayed.
  • Incorrect naming of the PIS
    The link for the PIS must be named "product information sheet" and not other words such as "PIS", "Specifications" etc.
  • No reveal of the full energy label or the PIS when clicking/hovering the nested display
    When the arrow or the link for PIS is clicked or hovered over with the mouse, the full energy label or the full PIS must be revealed.
     

How to interpret "placing the energy arrow in close proximity to the product's price"?

Ideally the distance between price/name/picture and label/nested image should not be larger than the size of the smaller of these two items. However, in case of a market surveillance check, your national MSA will decide if the concrete website design allows easy allocation for each label to each product (especially critical if more products are shown, e.g., on a list page).