Sadržaj
ToggleKako da Napraviš Cenovnik u WordPressu
Kreiranje profesionalnog cenovnika na WordPress sajtu ključno je za poslovne sajtove, uslužne delatnosti i online prodavnice. Ovaj vodič će vas detaljno provesti kroz proces izrade cenovnika koristeći različite metode i alate.
Zašto je Cenovnik Važan za Vaš WordPress Sajt?
Cenovnik predstavlja jedan od najkritičnijih elemenata na bilo kom poslovnom sajtu. Prema istraživanju, 60% korisnika odlučuje da li će kontaktirati kompaniju na osnovu jasno prikazanih cena. WordPress nudi više načina za kreiranje cenovnika:
- Pluginovi za cenovnike – Najbrži način sa naprednim opcijama
- Page builderi – Fleksibilno rešenje sa vizuelnim editorima
- Prilagođeni HTML/CSS – Za potpuno kontrolisan dizajn
Kada pravite cenovnik, obratite pažnju na:
- Jasno grupisanje usluga/proizvoda
- Vizuelnu hijerarhiju informacija
- Responsive dizajn koji se prilagođava uređajima
Metode za Kreiranje Cenovnika u WordPressu
1. Korišćenje WordPress Pluginova za Cenovnike
Najefikasniji način za kreiranje profesionalnih cenovnika je korišćenje specijalizovanih pluginova. Evo najboljih opcija:
a) Pricing Table by Supsystic
- Preko 20 predefinisanih šablona
- Mogućnost dodavanja ikona i dugmadi
- Responsive dizajn koji se automatski prilagođava
b) WP Pricing Tables
- Intuitivan drag-and-drop interfejs
- Podrška za valute i periodično naplaćivanje
- Integracija sa WooCommerce-om
c) Easy Pricing Tables
- Jednostavan za korišćenje čak i za početnike
- Opcije za highlightovanje popularnih paketa
- CSS3 animacije za bolji korisnički doživljaj
Kako instalirati plugin za cenovnik:
- Idite u WordPress admin panel → Plugins → Add New
- Pretražite željeni plugin
- Kliknite „Install Now“ pa „Activate“
- Kreirajte novu tabelu cenovnika kroz novi meni koji se pojavi
2. Kreiranje Cenovnika Koristeći Page Buildere
Ako već koristite page buildere kao što je Elementor, možete lako kreirati cenovnik bez dodatnih pluginova.
Elementor Pro ima ugrađeni widget za cenovnike sa:
- Opcijama za hover efekte
- Gradijentnim pozadinama
- Animacijama pri kliku
Koraci za kreiranje cenovnika u Elementoru:
- Otvorite stranicu/posta u Elementor editoru
- Dodajte novi sekciju
- Pronađite „Pricing Table“ widget
- Konfigurišite kolone sa cenama i karakteristikama
- Podesite stilove i animacije
Za besplatnu verziju Elementora, možete koristiti HTML widget i ručno kreirati tabelu koristeći CSS za stilizovanje.
3. Ručno Pravljenje Cenovnika sa HTML i CSS
Za potpuno prilagođeno rešenje, možete kreirati cenovnik koristeći prilagođeni HTML kod. Ovo zahteva osnovno poznavanje HTML i CSS-a.
<div class="pricing-table">
<div class="pricing-column">
<h3>Osnovni Paket</h3>
<div class="price">$19<small>/mesečno</small></div>
<ul>
<li>5GB Prostora</li>
<li>10 Email Naloga</li>
<li>24/7 Podrška</li>
</ul>
<a href="#" class="button">Poruči</a>
</div>
</div>
.pricing-table {
display: flex;
justify-content: center;
gap: 20px;
}
.pricing-column {
border: 1px solid #ddd;
padding: 20px;
border-radius: 5px;
text-align: center;
width: 300px;
}
Najbolje Prakse za Dizajn Cenovnika
- Istaknite Najpopularniju Opciju – Koristite drugačiju boju ili „Najpopularno“ oznaku za paket koji želite da istaknete. Studije pokazuju da ovo povećava konverzije za do 32%.
- Koristite Jasan Jezik – Izbegavte tehnički žargon u opisima paketa. Korisnici treba da razumeju šta dobijaju.
- Dodajte Call-to-Action Dugmad – Svaki paket treba da ima jasno vidljivo dugme za akciju („Poruči“, „Kontaktirajte nas“, itd.).
- Responsive Dizajn – Proverite kako cenovnik izgleda na mobilnim uređajima. Preko 60% korisnika poseti sajt sa mobilnih uređaja.
- Poređenje Paketa – Ako imate više paketa, omogućite lako poređenje karakteristika.
Integracija sa WooCommerce-om
Ako koristite WordPress za online prodavnicu, možete integrisati cenovnik sa WooCommerce pluginom. WooCommerce nudi:
- Dinamičke cene zasnovane na količini
- Opcije za pretplate
- Popuste za određene korisničke grupe
Da biste kreirali cenovnik proizvoda u WooCommerce-u:
- Idite u Products → Add New
- U sekciji „Product Data“ izaberite „Simple product“ ili „Variable product“
- Unesite osnovnu cenu i eventualnu sniženu cenu
- Za varijabilne proizvode, dodajte atribute i cene za svaku varijantu
Često Postavljana Pitanja
1. Kako da moj cenovnik bude responzivan?
Koristite pluginove koji automatski prilagođavaju tabelu ili media queries u CSS-u za prilagođena rešenja.
2. Da li mogu prikazati različite cene za različite korisnike?
Da, pluginovi kao što je „Role Based Pricing for WooCommerce“ omogućavaju ovo.
3. Kako da ažuriram cene na celom sajtu odjednom?
Ako koristite WooCommerce, možete koristiti bulk edit opciju. Za statične cenovnike, koristite shortcode-ove koji se osvežavaju automatski.
4. Koji je najbolji plugin za cenovnike?
„Pricing Table by Supsystic“ i „WP Pricing Tables“ su među najboljim opcijama sa najviše pozitivnih ocena.
5. Kako da dodam valutni konvertor?
Pluginovi kao „Currency Switcher for WooCommerce“ omogućavaju prikaz cena u različitim valutama.
6. Da li mogu kreirati dinamičke cene koje zavise od lokacije?
Da, pluginovi kao „WooCommerce Geo-Located Pricing“ omogućavaju ovo.
7. Kako da optimizujem cenovnik za SEO?
Koristite semantički HTML (h3 za naslove paketa), dodajte schema markup za cene i obezbedite da je tekst u cenovniku indeksibilan.
8. Da li mogu dodati animacije na moj cenovnik?
Da, mnogi page builderi i pluginovi podržavaju hover efekte i scroll animacije.
9. Kako da prikažem periodične cene (mesečne/godišnje)?
Većina pluginova ima opciju za prikazivanje cena po mesecu/godini sa toggle dugmetom.
10. Da li mogu integrisati cenovnik sa sistemom za rezervacije?
Da, pluginovi kao „Bookly“ se mogu integrisati sa cenovnicima usluga.

