Page title: Izrada web shopa - Medialive | WooCommerce web trgovine

> Medialive izrađuje WooCommerce web shopove za online prodaju proizvoda, uz planiranje, dizajn, unos proizvoda, plaćanja, dostavu, hosting, održavanje i tehničku podršku.

Source: https://www.medialive.hr/usluge/izrada-web-shopa

MODERNA ONLINE TRGOVINA ZA RAST PRODAJE

# Izrada web shopa

Izrađujemo moderne WooCommerce web shopove za tvrtke koje žele prodavati online jasno, sigurno i profesionalno — od prve strukture proizvoda do narudžbi, plaćanja i podrške nakon objave.

- ✓ Web shop prilagođen vašim proizvodima i načinu prodaje
- ✓ Jednostavno upravljanje proizvodima, narudžbama i kupcima
- ✓ Sigurna kupnja, responzivan dizajn i podrška nakon objave

!
✓ Pregledna online kupnja ✓ Jednostavno upravljanje ✓ Spremno za rast prodaje

Zašto odabrati nas

## Web shop radimo kao poslovni alat, ne samo kao lijepu stranicu

Kod izrade web shopa ne gledamo samo dizajn. Važno nam je da kupac lako pronađe proizvod, da narudžba ide bez komplikacija i da vlasnik shopa nakon objave ima podršku, održavanje i mogućnost daljnjeg razvoja.

### Razumijemo web prodaju

Ne slažemo samo proizvode na stranicu, nego razmišljamo o kategorijama, kupovnom procesu, povjerenju kupca i svemu što utječe na narudžbu.

### Iskustvo iz stvarnih projekata

Iza nas su godine rada s web stranicama, web shopovima i održavanjem, pa znamo koje greške treba izbjeći već u početku.

### Jasno i bez kompliciranja

Tehničke stvari objašnjavamo razumljivo, predlažemo ono što stvarno ima smisla i ne guramo nepotrebne funkcije koje vam neće koristiti.

### Podrška nakon objave

Nakon što web shop krene s radom, možemo se brinuti za održavanje, sigurnost, nadogradnje, izmjene i daljnji razvoj prodaje.

NAŠ PROCES

## Kako izgleda izrada web shopa

Izrada web shopa traži dobar plan prije samog dizajna. Prvo definiramo proizvode, način prodaje, plaćanja, dostavu i strukturu shopa, a zatim sve slažemo u jasan proces koji vodi do funkcionalne online trgovine.
1.

### Analiza proizvoda i prodaje

Prvo prolazimo kroz vaše proizvode, kategorije, ciljne kupce, način prodaje, dostavu i sve posebnosti koje web shop treba podržati.
2.

### Planiranje strukture shopa

Definiramo kategorije, prikaz proizvoda, kupovni proces, potrebne funkcionalnosti i osnovnu strukturu stranica kako bi shop bio pregledan i logičan.
3.

### Dizajn i izrada web shopa

Izrađujemo profesionalan, responzivan web shop prilagođen vašem brendu, proizvodima i kupcima, s naglaskom na jednostavnu kupnju.
4.

### Testiranje i objava

Prije objave testiramo narudžbe, košaricu, plaćanja, dostavu, e-mail obavijesti i mobilni prikaz kako bi shop bio spreman za kupce.

Mogućnosti web shopa

## Funkcionalnosti koje vaš web shop može imati

Svaki web shop ima svoje potrebe. Možemo uključiti osnovne funkcije za jednostavnu prodaju, ali i naprednije mogućnosti poput varijacija proizvoda, kupona, online plaćanja, dostave i dodatnih prodajnih alata.

### Proizvodi i kategorije

Dobar web shop počinje jasnom organizacijom proizvoda. Kategorije, nazivi, opisi, slike i cijene moraju biti složeni tako da se kupac brzo snađe i bez lutanja dođe do proizvoda koji ga zanima. Loša struktura često znači više napuštenih posjeta i manje narudžbi.

- jasne kategorije i podkategorije proizvoda
- pregledni opisi, cijene, slike i osnovni podaci
- lakše snalaženje kupaca i bolji dojam trgovine

![Proizvodi i kategorije](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_04.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_04.webp?width=1536&height=1024)

### Varijacije proizvoda

Mnogi proizvodi dolaze u više opcija, poput veličine, boje, modela, pakiranja ili drugih kombinacija. Web shop treba te varijacije prikazati jasno, bez zbunjivanja kupca i bez nepotrebnog kompliciranja administracije. Dobro postavljene varijacije olakšavaju kupnju i smanjuju mogućnost pogrešne narudžbe.

- veličine, boje, modeli i druge opcije proizvoda
- različite cijene, slike ili zalihe po varijaciji
- jednostavniji odabir za kupca i urednija administracija

![Varijacije proizvoda](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_05.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_05.webp?width=1536&height=1024)

### Plaćanja i narudžbe

Proces narudžbe mora biti jednostavan, siguran i razumljiv. Kupac treba lako završiti kupnju, a vlasnik trgovine mora imati jasan pregled narudžbi, statusa, uplata i obavijesti. Dobro podešen checkout smanjuje odustajanje i povećava povjerenje u web shop.

- podešavanje košarice, checkouta i statusa narudžbi
- mogućnost kartičnog plaćanja i drugih metoda naplate
- automatske e-mail obavijesti za kupce i administratore

![Plaćanja i narudžbe](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_10.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_10.webp?width=1536&height=1024)

### Dostava i zone dostave

Dostava je jedan od najvažnijih dijelova web shopa jer izravno utječe na odluku o kupnji. Kupac mora odmah znati koji su uvjeti dostave, koliko ona košta i gdje je dostupna. Web shop možemo podesiti prema državama, zonama, iznosima narudžbe ili posebnim pravilima poslovanja.

- dostavne zone po gradovima, državama ili regijama
- različite cijene dostave prema pravilima trgovine
- opcije poput besplatne dostave iznad određenog iznosa

![Dostava i zone dostave](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_07.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_07.webp?width=1536&height=1024)

### Kuponi i akcije

Popusti, kuponi i akcijske cijene mogu pomoći u poticanju kupnje i promociji određenih proizvoda. Važno je da se koriste pametno, jasno i kontrolirano, kako ne bi stvarali zbrku u trgovini. Web shop može podržavati različite vrste promocija, od jednostavnog kupona do ciljanih prodajnih kampanja.

- kuponi s postotnim ili fiksnim popustom
- akcijske cijene za odabrane proizvode
- promotivne kampanje za sezonske ponude ili posebne prilike

![Kuponi i akcije](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_08.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_08.webp?width=1536&height=1024)

### Nadogradnje i integracije

Web shop ne mora odmah imati sve moguće funkcije, ali mora biti dobro postavljen za budući rast. Kako se posao razvija, trgovina se može nadograđivati novim alatima, integracijama i prodajnim mogućnostima. Zato je važno od početka odabrati rješenje koje se može širiti bez potrebe za potpunom izradom ispočetka.

- povezivanje s newsletterom, analitikom i marketing alatima
- dodatne funkcije poput napuštenih košarica ili loyalty programa
- mogućnost kasnijih nadogradnji prema razvoju poslovanja

![Nadogradnje i integracije](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_10.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_10.webp?width=1536&height=1024)

### Komunikacija s kupcima

Web shop mora jasno komunicirati s kupcem nakon svake narudžbe. Automatske e-mail obavijesti pomažu kupcu da zna što se događa s narudžbom, a vlasniku shopa olakšavaju praćenje prodaje i statusa. Dobro podešene poruke stvaraju profesionalniji dojam i smanjuju broj nepotrebnih upita.

- automatske potvrde narudžbi za kupce
- obavijesti o statusima, plaćanju i dostavi
- jasnija komunikacija i manje ručnog odgovaranja

![Komunikacija s kupcima](https://www.medialive.hr/images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_07.webp#joomlaImage://local-images/izrada-shopa/medialive_usluge_izrada-web-shopa-feature_07.webp?width=1536&height=1024)

ISKUSTVA KLIJENATA

## Što klijenti kažu o suradnji s nama

Dobar web shop nije samo dizajn i tehnologija — važni su jasna komunikacija, pouzdana podrška i osjećaj da imate partnera koji razumije vaš posao.

“

★★★★★

Iz današnje perspektive, nakon brojnih projekata koje smo zajednički realizirali u proteklih nekoliko godina, a s iskustvom od 20 godina rada i suradnje s brojnim firmama u HR na različitim IT projektima, možemo odgovorno reći da je Medialive definitivno prvi izbor kada je u pitanju izrada web stranica, web shopovi i hosting..
N
**Ninoslav Korasić**BIT centar

★★★★★

Profesionalno i u dogovorenim terminima rješavaju korisničke zahtjeve. Vrlo smo zadovoljni uslugom.
**Igor Štavlić**Obrt Igor

★★★★★

Ekipa iz Medialive odlična i ekspeditivna, kreativna. Super odrađen posao.
**Antun Mandić**Neon reklam

Paketi za različite razine web shopa

## Odaberite paket prema opsegu web shopa

Prikazane cijene su početne cijene za najčešće vrste web shopova. Konačna ponuda ovisi o broju proizvoda, funkcionalnostima, načinima plaćanja, dostavi, integracijama i razini podrške nakon objave.

### Start web shop

Za manje trgovine koje žele jednostavan, pregledan i siguran početak online prodaje.

1490 €

- WooCommerce web shop
- Osnovne kategorije i proizvodi
- Plaćanje pouzećem ili uplatom na račun
- Osnovna dostava
- Responzivan dizajn
- Osnovna SEO priprema

★Najčešći izbor

%Sniženo

### Business web shop

Za ozbiljnije web shopove kojima treba bolja struktura, više mogućnosti i priprema za rast.

2490 1890 €

- Naprednija struktura proizvoda
- Varijacije proizvoda
- Kuponi i akcije
- Kartično plaćanje
- Naprednije postavke dostave
- Edukacija za rad u shopu

### Ultra web shop

Za zahtjevnije trgovine, veći broj proizvoda, dodatne integracije i dugoročnu podršku.

3490 €

- Individualno prilagođeno rješenje
- Napredne opcije prodaje
- Dodatne integracije po potrebi
- Skalabilna struktura web shopa
- Za ozbiljne prodajne projekte

### Mini web shop

Za jednostavan ulazak u online prodaju

849

- WooCommerce web shop
- Za korisnike koji imaju do 50 proizvoda
- Osnovna dostava i plaćanje
- Responzivan dizajn
- Mogućnost kasnije nadogradnje
- Osnovna struktura

Niste sigurni koja razina web shopa vam treba? Kratko ćemo proći vaše proizvode, način prodaje i potrebne funkcionalnosti te predložiti realno rješenje bez nepotrebnog kompliciranja.

PORTFOLIO WEB SHOPOVA

## Web shopovi koje smo izradili za klijente

Pogledajte odabrane web shopove koje smo izradili za različite proizvode, brendove i načine online prodaje.

[![WooCommerce web shop za održivu i autorsku modu](https://www.medialive.hr/images/ml-portfolio/128/woocommerce-web-shop-za-odrzivu-i-autorsku-modu-20260511153702.jpg)](https://www.medialive.hr/portfolio/woocommerce-web-shop-za-odrzivu-i-autorsku-modu)
2025

### [WooCommerce web shop za održivu i autorsku modu](https://www.medialive.hr/portfolio/woocommerce-web-shop-za-odrzivu-i-autorsku-modu)

aktivna

Za modni brend Dal Cuore izradili smo moderan WooCommerce web shop namijenjen ženama koje cijene individualnost…

[![Izrada WooCommerce web shopa za Sage Concept Store](https://www.medialive.hr/images/ml-portfolio/126/izrada-woocommerce-web-shopa-za-sage-concept-store-20260511153644.jpg)](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-sage-concept-store)
2025

### [Izrada WooCommerce web shopa za Sage Concept Store](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-sage-concept-store)

aktivna

Za Sage Concept Store izradili smo moderan WooCommerce web shop u WordPressu, usmjeren na prodaju pažljivo odabranih…

[![Izrada WooCommerce web shopa – Umami Mediteraneo](https://www.medialive.hr/images/ml-portfolio/114/izrada-woocommerce-web-shopa-umami-mediteraneo-20260511153949.jpg)](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-prehrambene-proizvode-umami-mediteraneo)
2024

### [Izrada WooCommerce web shopa – Umami Mediteraneo](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-prehrambene-proizvode-umami-mediteraneo)

cmsprodajaweb shop

Za Umami Mediteraneo, specijaliziranog za prirodne i mediteranske prehrambene proizvode, izradili smo moderni web shop…

[![Izrada WooCommerce web shopa za moto opremu – Lavado Moto Shop](https://www.medialive.hr/images/ml-portfolio/94/izrada-woocommerce-web-shopa-za-moto-opremu-lavado-moto-shop-20260511153736.jpg)](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-moto-opremu-i-motocikle-lavado-moto-shop)
2024

### [Izrada WooCommerce web shopa za moto opremu – Lavado Moto Shop](https://www.medialive.hr/portfolio/izrada-woocommerce-web-shopa-za-moto-opremu-i-motocikle-lavado-moto-shop)

cmsweb shopprodaja moto opreme

Za Lavado Moto Shop, specijaliziranu trgovinu moto opremom, dijelovima i motociklima, izradili smo moderni WooCommerce…

Savjeti iz prakse

## Korisni članci za bolji web

Praktični savjeti iz izrade, održavanja i optimizacije web stranica, web shopova i online projekata.

[![Zašto vaš web shop ima posjetitelje, ali nema dovoljno narudžbi?](https://www.medialive.hr/images/medialive_blog-imate-web-shop-ali-nemate-posjetitelja-i-prodaje.jpg#joomlaImage://local-images/medialive_blog-imate-web-shop-ali-nemate-posjetitelja-i-prodaje.jpg?width=1672&height=941)](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/zasto-vas-web-shop-ima-posjetitelje-ali-nema-dovoljno-narudzbi)
Savjeti za izradu web shopova 04.05.2026.

### [Zašto vaš web shop ima posjetitelje, ali nema dovoljno narudžbi?](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/zasto-vas-web-shop-ima-posjetitelje-ali-nema-dovoljno-narudzbi)

Ako web shop ima posjetitelje, ali nema dovoljno narudžbi, problem nije uvijek u prometu. Često se radi o povjerenju, jasnoći ponude, cijeni dostave, checkoutu…

[![Što je WooCommerce i zašto je savršen alat za izradu vašeg web shopa?](https://www.medialive.hr/images/medialive_blog-sto-je-woocommerce.jpg#joomlaImage://local-images/medialive_blog-sto-je-woocommerce.jpg?width=1672&height=941)](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/sto-je-woocommerce-i-zasto-je-savrsen-alat-za-izradu-vaseg-web-shopa)
Savjeti za izradu web shopova 10.03.2026.

### [Što je WooCommerce i zašto je savršen alat za izradu vašeg web shopa?](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/sto-je-woocommerce-i-zasto-je-savrsen-alat-za-izradu-vaseg-web-shopa)

WooCommerce je jedan od najpopularnijih načina za izradu web shopa na WordPressu. Njegova najveća prednost je fleksibilnost: trgovina se može prilagoditi proizv…

[![WooCommerce ili Shopify – koji web shop sustav odabrati?](https://www.medialive.hr/images/medialive_blog_shopify_protiv_woocommerca.jpg#joomlaImage://local-images/medialive_blog_shopify_protiv_woocommerca.jpg?width=1280&height=853)](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/woocommerce-ili-shopify-koji-web-shop-sustav-odabrati)
Savjeti za izradu web shopova 18.07.2025.

### [WooCommerce ili Shopify – koji web shop sustav odabrati?](https://www.medialive.hr/blog/savjeti-za-izradu-web-shopova/woocommerce-ili-shopify-koji-web-shop-sustav-odabrati)

WooCommerce i Shopify često se spominju kao najpopularniji izbori za pokretanje web trgovine. Oba sustava mogu biti dobra, ali nisu jednako prikladna za svaki p…

FAQ

## Česta pitanja

Kratki odgovori na najčešća pitanja prije početka suradnje.

Koliko traje izrada web shopa?
Izrada web shopa najčešće traje od nekoliko tjedana do nekoliko mjeseci, ovisno o broju proizvoda, složenosti funkcionalnosti, načinima plaćanja, dostavi i dodatnim zahtjevima. Manji web shopovi mogu biti gotovi relativno brzo, dok veći projekti s puno kategorija, varijacija proizvoda i integracija zahtijevaju detaljnije planiranje i testiranje.

Na kojoj platformi izrađujete web shopove?
Najčešće izrađujemo web shopove u WordPressu i WooCommerceu jer je to fleksibilno, provjereno i dugoročno održivo rješenje. WooCommerce omogućuje jednostavno upravljanje proizvodima, narudžbama, kuponima, dostavom, plaćanjima i mnogim dodatnim funkcionalnostima koje se mogu prilagoditi potrebama vašeg poslovanja.

Mogu li samostalno dodavati proizvode nakon izrade web shopa?
Da. Nakon izrade web shopa možete samostalno dodavati, uređivati i brisati proizvode, mijenjati cijene, dodavati akcije, pratiti narudžbe i upravljati osnovnim sadržajem. Po potrebi vas možemo kratko educirati ili vam pripremiti jednostavne upute za rad u administraciji.

Može li web shop imati kartično plaćanje?
Da. Web shop možemo povezati s različitim sustavima za online plaćanje, ovisno o vašim potrebama i banci ili payment gatewayu koji koristite. Moguće je omogućiti kartično plaćanje, plaćanje pouzećem, uplatu na račun i druge metode plaćanja.

Može li se web shop povezati s dostavnim službama?
Da, moguće je postaviti različite načine dostave, zone dostave, besplatnu dostavu iznad određenog iznosa, fiksne cijene dostave ili složenije izračune. Kod naprednijih potreba web shop se može povezivati i s vanjskim sustavima dostavnih službi, ovisno o dostupnim integracijama.

Hoće li web shop biti prilagođen mobitelima?
Da. Svaki web shop izrađujemo tako da bude responzivan, odnosno prilagođen prikazu na mobitelima, tabletima i desktop računalima. Posebnu pažnju posvećujemo jednostavnoj kupnji na mobitelu jer velik dio korisnika danas pregledava proizvode i naručuje upravo preko mobilnih uređaja.

Možete li unositi proizvode umjesto nas?
Da, možemo pomoći s unosom proizvoda, kategorija, slika, opisa i osnovnih podataka. Opseg unosa dogovara se posebno, ovisno o broju proizvoda i kvaliteti materijala koje imate pripremljene. Kod većih količina proizvoda moguće je organizirati i uvoz putem tablica, ako su podaci pravilno strukturirani.

Nudite li održavanje web shopa nakon izrade?
Da. Nakon izrade web shopa možemo nastaviti brinuti o tehničkom održavanju, sigurnosnim nadogradnjama, backupu, manjim doradama, optimizaciji i podršci. Web shop nije jednokratan projekt koji nakon objave treba zaboraviti — važno ga je redovito održavati kako bi bio siguran, brz i pouzdan za kupce.

Ako niste pronašli odgovor koji tražite, javite nam što vas zanima. Upit je informativan i ne obvezuje vas na narudžbu.

SPREMNI ZA ONLINE PRODAJU?

## Razgovarajmo o vašem web shopu

Pošaljite nam kratki opis proizvoda koje želite prodavati i javit ćemo vam se s konkretnim prijedlogom izrade, funkcionalnosti i najboljeg rješenja za vaš web shop.

[091 169 3876](tel:0911693876) [info@medialive.hr](mailto:info@medialive.hr)

---

Ova Markdown verzija namijenjena je AI agentima i alatima za čitanje sadržaja.
<style id="ml-newsletter-popup-css">
.mlnp{position:fixed;z-index:99990;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18171c}.mlnp *{box-sizing:border-box}.mlnp[hidden]{display:none!important}.mlnp__box{background:#fff;border:1px solid rgba(24,23,28,.10);box-shadow:0 24px 80px rgba(24,23,28,.18);border-radius:24px;overflow:hidden}.mlnp__inner{padding:26px}.mlnp__eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5A41BF;margin-bottom:10px}.mlnp__title{font-size:24px;line-height:1.15;margin:0 0 10px;font-weight:850}.mlnp__text{font-size:15px;line-height:1.55;color:#5e5d64;margin:0 0 18px}.mlnp form{display:grid;gap:10px}.mlnp label{font-size:13px;font-weight:750}.mlnp input{width:100%;border:1px solid #d9d9db;border-radius:12px;padding:12px 13px;font-size:15px;background:#fff}.mlnp button{border:0;border-radius:12px;padding:12px 16px;font-weight:850;cursor:pointer}.mlnp__submit{background:#5A41BF;color:#fff}.mlnp__close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:rgba(24,23,28,.06);color:#18171c;font-size:20px;line-height:1}.mlnp__note{font-size:12px;color:#74727a;line-height:1.45;margin:10px 0 0}.mlnp__success{display:none;padding:18px;border-radius:16px;background:#f1f7f2;border:1px solid #cfe8d2;color:#244629;font-weight:700}.mlnp.is-success form,.mlnp.is-success .mlnp__text,.mlnp.is-success .mlnp__note{display:none}.mlnp.is-success .mlnp__success{display:block}.mlnp--popup{inset:0;display:grid;place-items:center;background:rgba(24,23,28,.28);backdrop-filter:blur(5px);padding:20px}.mlnp--popup .mlnp__box{width:min(520px,100%)}.mlnp--slide{right:22px;bottom:22px;width:min(420px,calc(100vw - 44px))}.mlnp--corner_left,.mlnp--corner_left_minimal{left:22px;bottom:22px;width:min(390px,calc(100vw - 44px))}.mlnp--corner_left .mlnp__box,.mlnp--corner_left_minimal .mlnp__box{border-radius:20px;box-shadow:0 18px 54px rgba(24,23,28,.16)}.mlnp--corner_left .mlnp__inner{padding:22px}.mlnp--corner_left .mlnp__title{font-size:21px}.mlnp--corner_left .mlnp__text{font-size:14px}.mlnp--corner_left_minimal .mlnp__inner{padding:18px}.mlnp--corner_left_minimal .mlnp__eyebrow{display:none}.mlnp--corner_left_minimal .mlnp__title{font-size:18px;margin-right:32px}.mlnp--corner_left_minimal .mlnp__text{font-size:13px;margin-bottom:12px}.mlnp--corner_left_minimal form{grid-template-columns:1fr auto;align-items:end}.mlnp--corner_left_minimal form label{display:none}.mlnp--corner_left_minimal input[name="name"]{display:none}.mlnp--corner_left_minimal input[type="email"]{padding:11px 12px}.mlnp--corner_left_minimal .mlnp__submit{padding:11px 14px}.mlnp--corner_left_minimal .mlnp__note{display:none}.mlnp--bar{left:18px;right:18px;bottom:18px}.mlnp--bar .mlnp__inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:20px;align-items:center}.mlnp--bar .mlnp__title{font-size:20px}.mlnp--bar .mlnp__text{margin-bottom:0}@media(max-width:767px){.mlnp--hide-mobile{display:none!important}.mlnp--bar .mlnp__inner{grid-template-columns:1fr}.mlnp__inner{padding:22px}.mlnp__title{font-size:21px}.mlnp--slide,.mlnp--corner_left,.mlnp--corner_left_minimal{left:14px;right:14px;bottom:14px;width:calc(100vw - 28px)}.mlnp--corner_left_minimal form{grid-template-columns:1fr}}
</style>
<div id="ml-newsletter-popup" class="mlnp mlnp--corner_left" hidden data-delay="6000" data-frequency-days="14">
  <div class="mlnp__box" role="dialog" aria-modal="false" aria-labelledby="mlnp-title">
    <button class="mlnp__close" type="button" aria-label="Zatvori">×</button>
    <div class="mlnp__inner">
      <div>
        <div class="mlnp__eyebrow">Medialive newsletter</div>
        <h2 id="mlnp-title" class="mlnp__title">Želite korisne savjete za bolji web?</h2>
        <p class="mlnp__text">Povremeno šaljemo kratke i konkretne savjete o web stranicama, web shopovima, održavanju i online nastupu. Bez spama.</p>
      </div>
      <form method="post" action="/component/ml_newsletter">
        <label>Ime</label><input type="text" name="name" autocomplete="name" placeholder="Vaše ime">
        <label>Email</label><input type="email" name="email" required autocomplete="email" placeholder="vas@email.hr">
        <input type="hidden" name="task" value="subscribe"><input type="hidden" name="mlnp_popup" value="1"><input type="hidden" name="mlnp_ajax" value="1"><input type="hidden" name="source_url" value=""><div style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden" aria-hidden="true"><label>Website</label><input type="text" name="mln_hp" value="" tabindex="-1" autocomplete="off"></div><input type="hidden" name="mln_started_at" value="1780131987"><input type="hidden" name="2d7b3b6d8880f523c8240ee83733a943" value="1">
        <button class="mlnp__submit" type="submit">Prijavi me</button>
      </form>
      <div class="mlnp__success">Hvala! Poslali smo vam email za potvrdu prijave.</div>
      <p class="mlnp__note">Prijavu potvrđujete klikom na link koji ćemo poslati na email. Odjava je moguća u svakom newsletteru.</p>
    </div>
  </div>
</div>
<script>
(function(){
  var el=document.getElementById('ml-newsletter-popup'); if(!el) return;
  var key='mlnp_closed_until_v1';
  var now=Date.now();
  var until=parseInt(localStorage.getItem(key)||'0',10);
  if(until && until>now) return;
  function closeBox(days){ var d=days || parseInt(el.getAttribute('data-frequency-days')||'14',10); localStorage.setItem(key, String(Date.now()+d*86400000)); el.setAttribute('hidden','hidden'); }
  var close=el.querySelector('.mlnp__close'); if(close) close.addEventListener('click', function(){ closeBox(); });
  el.addEventListener('click', function(e){ if(e.target===el && el.classList.contains('mlnp--popup')) closeBox(); });
  var delay=parseInt(el.getAttribute('data-delay')||'6000',10);
  setTimeout(function(){ el.removeAttribute('hidden'); }, delay);
  var form=el.querySelector('form');
  if(form){
    form.addEventListener('submit', function(e){
      e.preventDefault();
      var submit=form.querySelector('.mlnp__submit');
      var oldText=submit ? submit.textContent : '';
      var src=form.querySelector('input[name="source_url"]'); if(src) src.value=window.location.href;
      if(submit){ submit.disabled=true; submit.textContent='Šaljem...'; }
      var url=form.getAttribute('action') || window.location.href;
      url += (url.indexOf('?') === -1 ? '?' : '&') + 'format=json';
      fetch(url, { method:'POST', body:new FormData(form), credentials:'same-origin', headers:{'X-Requested-With':'XMLHttpRequest'} })
        .then(function(r){ return r.json(); })
        .then(function(data){
          if(data && data.ok){
            try{ localStorage.setItem(key, String(Date.now()+365*86400000)); }catch(err){}
            var success=el.querySelector('.mlnp__success');
            if(success && data.message){ success.textContent=data.message; }
            el.classList.add('is-success');
          } else {
            alert((data && data.message) ? data.message : 'Prijava nije uspjela. Pokušajte ponovno.');
          }
        })
        .catch(function(){ alert('Prijava nije uspjela. Pokušajte ponovno.'); })
        .finally(function(){ if(submit){ submit.disabled=false; submit.textContent=oldText; } });
    });
  }
})();
</script>