Sidrena cijena na web stranici: što točno mora pisati uz cijenu, s HTML primjerima

Kako prikazati sidrenu cijenu na statičnoj stranici, u CMS-u i na stranici proizvoda u web shopu. Tri HTML primjera, akcije s tri cijene i usluge po jedinici.

Ažurirano: 3 min čitanja

Odluka o isticanju dodatne cijene kaže da sidrenu cijenu ističeš “jasno, vidljivo i čitljivo” uz maloprodajnu cijenu, i to na mrežnoj stranici jednako kao na polici. Ne kaže kako to mora izgledati. Ovdje je što pišemo na stranicama klijenata i tri primjera koje možeš zalijepiti.

Što napisati

Ministarstvo gospodarstva preporučuje najjednostavniji oblik: iznos i datum.

Cijena: 48,00 € Cijena na 10. 9. 2026.: 45,00 €

Nema propisanog naziva. “Sidrena cijena”, “Cijena 10. 9. 2026.” ili “Cijena na 10. 9. 2026.” su sve u redu. Mi koristimo “Cijena na 10. 9. 2026.” jer kupcu odmah objašnjava što je to, bez fusnote.

Za hranu, piće, kozmetiku, sredstva za čišćenje, toaletne potrepštine i proizvode za kućanstvo koji su bili obuhvaćeni ranijom mjerom, datum je 2. 5. 2025. Ako prodaješ oboje, na tim proizvodima piše drugi datum.

Primjer 1: cjenik usluga na statičnoj stranici

Za salon, servis ili majstora koji ima cjenik na jednoj stranici. Svaka stavka je jedan redak, sidrena cijena ide ispod trenutne, u manjem tekstu.

<ul class="cjenik">
  <li>
    <span class="usluga">Šišanje muško</span>
    <span class="cijena">
      <strong>15,00 €</strong>
      <small>Cijena na 10. 9. 2026.: 14,00 €</small>
    </span>
  </li>
  <li>
    <span class="usluga">Šišanje žensko</span>
    <span class="cijena">
      <strong>25,00 €</strong>
      <small>Cijena na 10. 9. 2026.: 25,00 €</small>
    </span>
  </li>
</ul>
.cjenik { list-style: none; padding: 0; margin: 0; }
.cjenik li {
  display: flex; justify-content: space-between; gap: 1rem;
  padding: 0.75rem 0; border-bottom: 1px solid #e6e6e6;
}
.cjenik .cijena { text-align: right; }
.cjenik small { display: block; font-size: 0.8125rem; color: #555; }

small je dovoljno velik da se čita na mobitelu (13 px) i tamnosive boje. To zadovoljava “čitljivo”.

Primjer 2: WordPress ili drugi CMS

U CMS-u nemaš uvijek pristup HTML-u, ali imaš tablice. Napravi tablicu s tri stupca: usluga, cijena, cijena na 10. 9. 2026.

UslugaCijenaCijena na 10. 9. 2026.
Pranje i feniranje20,00 €22,00 €
Bojanje, kratka kosa45,00 €42,00 €

Ako CMS dopušta HTML blok, koristi primjer 1. Ako imaš WooCommerce, pogledaj objavu o WooCommerceu, tamo se cijena prikazuje kroz dodatak, ne ručno.

Primjer 3: stranica proizvoda u web shopu

Na stranici proizvoda cijena je obično u zasebnom bloku. Sidrena cijena ide odmah ispod, prije gumba za košaricu.

<div class="cijena-blok">
  <p class="cijena">12,00 €</p>
  <p class="sidrena">Cijena na 10. 9. 2026.: 11,50 €</p>
  <button type="button">Dodaj u košaricu</button>
</div>

Isto vrijedi i za popis proizvoda u kategoriji: ako je cijena vidljiva na kartici proizvoda, uz nju je i sidrena. Kupac ne bi trebao otvoriti proizvod da bi je vidio.

Akcije: tri cijene

Kad je proizvod na akciji, uz njega su tri cijene: akcijska, najniža cijena u zadnjih 30 dana (obveza po Zakonu o zaštiti potrošača) i sidrena. Redoslijed nije propisan, ali ovaj je najjasniji:

<div class="cijena-blok">
  <p class="cijena akcija">39,00 €</p>
  <p class="najniza">Najniža cijena u 30 dana: 42,00 €</p>
  <p class="sidrena">Cijena na 10. 9. 2026.: 45,00 €</p>
</div>

Sidrena cijena ne zamjenjuje najnižu u 30 dana. Obje ostaju.

Usluge po jedinici

Kad cijena ovisi o poslu, sidrenu cijenu ističeš za svaki element: satnicu, cijenu po m², po km. Primjer za keramičara:

<ul class="cjenik">
  <li>
    <span class="usluga">Postavljanje pločica, po m²</span>
    <span class="cijena"><strong>25,00 €</strong><small>Cijena na 10. 9. 2026.: 23,00 €</small></span>
  </li>
  <li>
    <span class="usluga">Radni sat</span>
    <span class="cijena"><strong>30,00 €</strong><small>Cijena na 10. 9. 2026.: 30,00 €</small></span>
  </li>
</ul>

Više o tome, s primjerom cjenika za majstore i frizere: Sidrena cijena za usluge po satu.

Što ne raditi

  • Ne stavljaj sidrenu cijenu u tooltip, iza klika ili u zasebnu stranicu “Sidrene cijene”. Mora biti uz cijenu.
  • Ne piši je u boji koja se ne vidi na pozadini ili slovima manjim od 12 px.
  • Ne piši 0,00 € za nove proizvode. Sidrena cijena novog proizvoda je cijena po kojoj si ga prvi put stavio u prodaju.
  • Ne zaboravi oglase. Google i Instagram oglasi u kojima navodiš cijenu su digitalno oglašavanje.

Cjenik CSV/XML je zaseban posao

Prikaz uz cijenu je jedna obveza. Druga je datoteka cjenika u CSV ili XML formatu, ako imaš mrežnu stranicu. Kako ona izgleda i gdje ide: Cjenik u CSV ili XML formatu. Napravi je u generatoru.

Ako želiš da to netko napravi za tebe, prikaz uz cijene i cjenik na postojećoj stranici radimo od 150 €: Sidrene cijene na web stranici i u web shopu.

Česta pitanja

Mora li sidrena cijena biti iste veličine kao trenutna?

Ne. Odluka traži da bude jasna, vidljiva i čitljiva, bez propisane veličine. Manji redak ispod cijene je u redu, sivi tekst od 8 px nije.

Smijem li sidrenu cijenu staviti u tooltip ili iza klika?

Nemoj. Kupac je mora vidjeti bez dodatne radnje, na istom mjestu gdje vidi cijenu.

Trebam li je prikazati i na Instagramu?

Društvene mreže nisu mrežna stranica, pa obične objave ne. Plaćeni oglasi na Instagramu su digitalno oglašavanje, pa ako u njima navodiš cijenu, uz nju ide i sidrena.