# Základní rozcestník Účelem InspiShop portálu je rychle pochopit: 1. **co e-commerce platforma InspiShop umí** a 2. **jakým způsobem na ní tvoříme e-shopy**. Portál obsahuje: * [Průchod projektem s námi](/proces-tvorby-eshopu) * [Popis jednotlivých částí e-shopu](/jadro-platformy-inspishop) od nás, v čem je unikátní * Popis dostupných [napojení a modulů](/napojeni-a-moduly) * [Checklisty](/checklisty/seo-checklist), které zajišťují kvalitu výsledného e-shopu * [Roadmapu](/changelog) funkcí * [Proces nasazování změn](/technologie/infrastruktura) a [Zákaznická podpora](/technologie/zakaznicka-podpora) ### Kde začít Pokud jste v **e-commerce nováčci**, doporučujeme se [níže](/#headless-e-commerce) seznámit se základními koncepty moderního e-commerce vývoje. Ty vám pomohou zjistit, jaká je hlavní **vize InspiShopu** a jak se rozhodovat dál, jestli je naše řešení pro vás to pravé. Pokud jste **agentura**, určitě vám nesmí uniknout náš [checklist e-shopu](/checklisty/seo-checklist), díky kterému uvidíte, jestli splňuje platforma vaše nároky na kvalitu. ### Co je InspiShop InspiShop zahrnuje: 1. **Sadu e-commerce nástrojů a procesů** 2. **Tým vývojářů a e-commerce specialistů**, kteří společně vyvíjí e-shopy. Platforma InspiShop umožňuje práci s [**Objednávkami**](/jadro-platformy-inspishop/objednavky), [**Produkty**](/jadro-platformy-inspishop/produkty), [**Zákazníky**](/jadro-platformy-inspishop/zakaznici) a s [**CMS**](/cms) obsahem v rámci **Administrace**. Zákazníci nakupují na frontendu e-shopu, této části říkáme [**Storefront**](/vue-storefront). Více Storefrontů může vytvořit "více e-shopů", čemuž říkáme **Multishop**. ![](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LaVOevbJcb591zprSsj%2F-LaVQF-WsKy3s5si6JXT%2FSni%CC%81mek%20obrazovky%202019-03-21%20v%C2%A014.24.28.png?alt=media\&token=3e54cb4d-5521-4a15-ac50-a505337a3355) Platformu dále obvykle napojujeme na [platební brány](/napojeni-a-moduly/platby), [dopravce](/napojeni-a-moduly/dopravy), [ERP](/napojeni-a-moduly/ucetnictvi-a-fakturace) a [marketingové nástroje](/napojeni-a-moduly/napojeni-na-marketingove-nastroje) v rámci [**Napojení a modulů**](/napojeni-a-moduly). ### Headless E-commerce Naše platforma InspiShop je unikátní díky tzv. **Headless přístupu**, který úplně **odděluje frontend e-shopu od backendu**, takže je možné spravovat design (Storefront) e-shopu nezávisle na platformě. Jednotlivé moduly komunikují mezi sebou pomocí **API**, které je dostupné také pro vývojáře. Touto cestou se již vydala většina světových e-commerce gigantů včetně Amazonu nebo About You. Součástí platformy je kompletní [**InspiShop Vue.js Storefront**](/vue-storefront) framework včetně funkcí pro zvýšení obratu a je připravený pro další úpravy na míru. Ze Storefrontu je možné během pár minut vytvořit mobilní aplikaci pro nákup na e-shopu. Platforma obsahuje také vlastní Headless [**CMS**](/cms) pro vytváření na obsah bohatých stránek. Porovnání tradičního e-commerce přístupu a moderní Headless architektury: ![](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-Laa33NG70jW_O_GFYpu%2F-Laa3UJt_7jLgMy4OfQO%2FSni%CC%81mek%20obrazovky%202019-03-21%20v%C2%A014.24.39.png?alt=media\&token=6e1508f7-6360-4f4e-8705-8eb26ebaef25) # Proces tvorby e-shopu ### Analýza Zakládáme si na **osobním přístupu našich** [**obchodníků**](https://inspishop.cz/demo). V rámci přípravy projednáváme nabídku, sestavujeme specifikaci včetně harmonogramu a podepisujeme smlouvu. Následně začínáme práce na projektu. ### Návrh V této fázi dojde k navržení **uživatelského rozhraní** a celkového **grafického vzhledu** projektu. V rámci milníků se tyto návrhy prodiskutují a schválí tak, aby podoba maximálně vyhovovala potřebám projektu. * Návrh **informační struktury webu** (kategorie, filtry) * Návrh **uživatelského rozhraní** (desktop, mobile) * **Grafický návrh** stránek (desktop, mobile) * Programátorské konzultace k uživatelskému a grafickému a návrhu * Specifikace toku dat a napojení [ERP](/napojeni-a-moduly/ucetnictvi-a-fakturace) * Nasazení [jádra platformy InspiShop](/jadro-platformy-inspishop), * Nasazení [modulů](/napojeni-a-moduly) a testovacích prostředí * Finalizovaný seznam komponent e-shopu na základě grafického návrhu * Akceptace UX a grafických návrhů ### Vývoj V této fázi dokončujeme kódování e-shopu podle grafického návrhu a nastavujeme jednotlivé funkce administrace. * Kódování funkcí e-shopu, úpravy [InspiShop Vue.js Storefront](/vue-storefront) e-shopu na míru (desktop) * Kódování funkcí e-shopu, úpravy [InspiShop Vue.js Storefront](/vue-storefront) e-shopu na míru (mobile) * Nastavení a vzhled e-mailů * Napojení na [ERP](/napojeni-a-moduly/ucetnictvi-a-fakturace) na základě specifikace * Backend programování funkcí na míru * Nastavení e-shopu a základních informací * Vložení obsahových stránek (O nás, Obchodní podmínky, atp.) * Nastavení [platebních bran](/napojeni-a-moduly/platby) * Nastavení [dopravců a logistiky](/napojeni-a-moduly/dopravy) * Kontrola byznys procesů s klientem ### Testování a spuštění Testujeme všechny implementované funkce včetně případných zátěžových testů. Po akceptaci proběhne spuštění na doméně klienta. * Testování obecných kvalit e-shopu dle [SEO Checklistu](/checklisty/seo-checklist) * Testování napojení ERP * Testování funkcí na míru * Akceptace celého řešení * Školení * Předání do [klientské podpory](/technologie/zakaznicka-podpora) # Jádro platformy InspiShop # Objednávky ![Základní seznam Objednávek](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcS1XNdzrMduKgK70pW%2F-LcS2d0gT52UOUlCvfUu%2FSni%CC%81mek%20obrazovky%202019-04-14%20v%C2%A020.13.39.png?alt=media\&token=fef0e59f-9f6c-4164-95a5-7bc36c8bb34e) V objednávkách je možno vyhledávat jednak klasicky pomocí vyhledávacího pole, jednak pomocí speciálních filtrů (rozbalí a sbalí se po kliknutí na tlačítko Filtrace ). Také je možné zobrazit pouze objednávky, které mají daný stav. Kromě stavů objednávek lze dále filtrovat podle: * platby (lze vybrat druh plateb, které e-shop zákazníkům umožňuje), * dopravy (dle napojených dopravců), * časového období (od, do), * zaplaceno (ano, ne). Například tak lze vyfiltrovat všechny objednávky, které měly být zaplaceny převodem během minulého týdne a doručuje je dopravce GEIS. ### Hromadné úpravy Objednávky je taktéž možno **upravovat hromadně**. Stačí zaškrtnout příslušné objednávky (či kliknout na zaškrtávací pole nad nimi a tak vybrat všechny objednávky, které jsou v otevřeném okně) a kliknout na tlačítko Hromadné akce (nad objednávkami). Na výběr jsou tyto hromadné akce: * **Upravit** (umožňuje upravit všechny objednávky souhrnně – POZOR! Při vyplnění se VŠECHNY označené objednávky změní na totožný údaj!), * **Vystavit faktury** (vystaví všechny faktury, které ještě nebyly vystaveny, nebo je aktualizuje), * **Stáhnout faktury** (stáhne všechny vystavené faktury v právě aktuální podobě), * **Poslat** (potvrzení objednávky, potvrzení o zaplacení apod. – zašle potvrzení u vybraných objednávek na dostupné e-maily zákazníků), * **Stáhnout .csv** (stáhne informace o vybraných objednávkách ve formátu .csv) * **Vytvořit štítky** (vytvoří štítky daných objednávek pro dopravce), * **Tisknout dodací list** (vytiskne dodací listy u exportovaných balíků). ### Detail objednávky V detailu objednávky je možné upravovat všechny informace o vybrané objednávce, generovat a stahovat faktury, upravovat druhy dopravy a platby včetně ceny, přidávat nebo odebírat zboží, psát poznámky k objednávce apod. Užitečnou funkcí je zobrazení historie objednávky, díky které je vždy jasné, co se s objednávkou dělo. ![Detail objednávky](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcS1XNdzrMduKgK70pW%2F-LcS3cI-X7Gb_tGhmdQ0%2FSni%CC%81mek%20obrazovky%202019-04-14%20v%C2%A020.18.22.png?alt=media\&token=21ed0152-1948-4e22-b22c-045c8f044fd3) Pro další informace ohledně objednávek a případné demo nás neváhejte [**kontaktovat**](https://inspishop.cz/demo). # Produkty Možnosti produktů zahrnují přidávání, úpravy a mazání položek a jejich variant z produktového katalogu internetového obchodu. Produkty můžete také filtrovat na základě: * Názvu * Kategorie produktu * Štítku * Specifického data vytvoření produktu V Inspishopu budete pracovat s dvěma typy produktů. **Produkt bez variant** a **Produkt s variantami**. Například LCD obrazovka je typickým produktem bez variant (pouze jedna velikost a barva pro jeden model). Na druhou stranu tričko je typickým produktem s variantami (možnost volby různých velikostí a barev). V Inspishopu můžete vytvořit produkt bez variant a přidat více variant později nebo naopak. Pro jednotlivé varianty můžete nezávisle na sobě měnit název, ceny, počet kusů na skladě a další parametry. ![Výpis produktů](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcS4WzSXMhVYE6UMQ9N%2F-LcS5VZEfGSsRQUvE5gi%2FSni%CC%81mek%20obrazovky%202019-04-14%20v%C2%A020.26.32.png?alt=media\&token=6f454cd9-6a7f-41e4-a854-4ce47634ef2a) ### Možnosti pro SEO Produkty v InspiShopu umožňují řadu nastavení pro SEO optimalizaci. Jejich základní seznam obsahuje [SEO Checklist](/checklisty/seo-checklist). Pro další informace ohledně produktů a případné demo nás neváhejte [**kontaktovat**](https://inspishop.cz/demo). # Zákazníci a skupiny Funkce administrace u zákazníků a skupin zahrnují vytváření, úpravu zákazníků a práci se zákaznickými skupinami. V detailu zákazníka je přehledně vidět, jaké objednávky zákazník uskutečnil, kdy a jaký je jejich stav. Je také možné ihned stáhnout/vystavit příslušné faktury. {% hint style="success" %} Za zákazníka se jako administrátor můžete **přihlásit jedním klikem**. Tak jednoduše a rychle otestujete, jestli se mu nastavené informace a ceníky zobrazují, tak jak chcete. {% endhint %} ![Seznam zákazníků](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcS6HySbctaZHPv061d%2F-LcS7naRaZVnbtRvTu0l%2FSni%CC%81mek%20obrazovky%202019-04-14%20v%C2%A020.35.31.png?alt=media\&token=c74bd67a-e38f-467c-8ab9-563fb93a8316) ### Zákaznické skupiny Zákazníky je možné přiřazovat do specifických zákaznických skupin s vlastními ceníky. Skupiny jsou po vytvoření a přiřazení k zákazníkům viditelné ve výpise zákazníků. Pro další informace ohledně zákazníků a jejich skupin a případné demo nás neváhejte [**kontaktovat**](https://inspishop.cz/demo). # Marketingové funkce platformy V sekci marketingu můžete vytvářet a měnit slevy a nastavovat ceníky. Kompletní seznam slev uvidíte v části “Marketing” při výběru “Slevy” v menu. Sleva může být buď **absolutní cena**, která se bude odečítat (tedy je nutné nastavit přímou hodnotu), nebo **Relativní sleva** **nastavená pomocí procent** (např. pokud chcete vytvořit slevu typu “Doprava zdarma”, nastavíte 100% slevu pro dopravce). Slevy můžete nastavit na: * Produkt * Variantu * Kategorii produktů * Dopravu nebo Platbu Slevy můžete dále omezovat: * Na určitý časový úsek * Na určité zákaznické skupiny * Do určité výše objednávky ### Slevové kupóny Platforma umožňuje generovat určitý počet kupónů včetně zadaného prefixu či délky generované části (např. VIP123) a hlídat počet použití. Je také možné zvolit konkrétní časové rozpětí, po které jsou kupóny aktivní. {% hint style="success" %} Více o kupónech si můžete přečíst v článku: [Slevové kupóny na e-shopech: Proč fungují a jak je využít?](https://blog.inspirum.cz/slevove-kupony-na-e-shopech/) {% endhint %} ![Slevové kupóny](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcVmlBhcbSAFcAJqPeX%2F-LcVoszhTgFBoHLDZWoU%2FSni%CC%81mek%20obrazovky%202019-04-15%20v%C2%A013.46.29.png?alt=media\&token=73b6eab8-834a-461b-b607-3cc85b999e43) {% hint style="info" %} Pokud chcete odměňovat věrnost zákazníků pomocí kreditů, můžete využít náš [Loyalty kreditový systém](/jadro-platformy-inspishop/loyalty-kreditovy-system). {% endhint %} Pro další informace ohledně marketingových funkcí a případné demo nás neváhejte [**kontaktovat**](https://inspishop.cz/demo). # Loyalty kreditový systém Loyalty kreditový systém je sada funkcí, které automatizují odměňování zákazníků na e-shopu, určená majitelům a manažerům e-shopu InspiShop. ### Problém Narůstající konkurence na poli e-commerce přináší provozovatelům e-shopu nové problémy. Těmi jsou získávání nových zákazníků a neméně palčivé udržení stávajícího zákazníka. Průzkumy ukazují, že získat nového zákazníka je v průměru 10x nákladnější než udržení zákazníka stávajícího. Motivovat uživatele k tomu, aby se na e-shop vracel, ale není vůbec jednoduché a vyžaduje kontinuální ucelenou snahu ze strany provozovatele. Většina metod je ovšem poměrně časově náročná, jelikož vyžaduje aktivní přístup a správu. ### Řešení Modul Loyalty kreditový systém je jedna z nejefektivnějších metod udržení stávajících zákazníků. Modul je zároveň velmi bezúdržbový a nevyžaduje tak aktivní přístup jako většina dalších metod, které také pracují s věrností zákazníka. Základní princip kreditového systému: 1. Zákazník z každého nákupu dostane určité procento částky zpět jako kredit. 2. Objem získaných kreditů, společně s celkovou hodnotou konta je zákazníkovi po nákupu zaslán e-mailem. 3. Kredity se zákazníkovi sčítají na účtu. 4. Kredity zákazník může při objednávce využít pro uhrazení její části, což jej motivuje k dalším nákupům. Modul umožňuje následující nastavení: * Výši procenta, které zákazník dostane jako kredity * Dobu expirace kreditů * Minimální výši kreditů, které lze čerpat Po základním nastavení již není třeba s modulem dále pracovat a ten sám běží a zvyšuje množství vracejících se zákazníků. Pro vyzkoušení modulu Loyalty kreditový systém nás prosím [kontaktujte](https://inspishop.cz/demo). ## FAQ ### Q: Jsem majitel e-shopu, v čem mi modul pomůže? A: Především vám umožní lépe pracovat s věrností zákazníků a díky tomu zvýší šanci, že se k vám budou rádi vracet. ### Q: Jsem manažer e-shopu, v čem mi modul pomůže? A: Kromě toho, že vám ušetří čas tím, že nevyžaduje velkou správu, vám zároveň poskytuje nástroj který lze velmi dobře marketingově komunikovat. ### Q: Mohu sledovat, kolik má který uživatel kreditů? A: Ano, v detailu zákaznického účtu v administraci vidíte přehled kreditů, které má uživatel na kontě. ### Q: Je přidělování kreditů pevně vázané pouze na nákup? A: Ne, v případě potřeby jsme schopni navázat přidělení kreditů na prakticky jakoukoliv událost, která v e-shopu může nastat. Například tedy mohou být uživatelé odměněni za přihlášení se k odběru newsletterů.
# Napojení a moduly # Logistika a dopravy Umíme z administrace tisknout štítky i svolávat svozy. Nejjednodušší automatické napojení je z naší zkušenosti přes Balíkobot. Napojení na Balíkobot automaticky obsahuje balíček ​více dopravců: * Zásilkovna * Uloženka * GLS * Geis * a moho dalších, viz [Balikobot.cz](https://www.balikobot.cz/sluzby) {% hint style="info" %} Do napojení Balíkobota jsme dali hodně času a energie. Napsali jsme si také vlastní PHP knihovnu, která zjednodušuje práci s jejich API, a [zveřejnili ji jako Open Source na GitHubu](https://github.com/inspirum/balikobot-php). {% endhint %} # Platby Díky naší dceřinné firmě **InspiPay** umíme zajistit exkluzivní podmínky pro akceptaci platebních karet. InspiPay sdružuje nezávislé e-commerce a finanční experty, kteří spravují a navrhují e-shopy s milionovými obraty. Díky partnerství s těmi nejlepšími poskytovateli platebních metod na českém trhu jsme schopni nabídnout **nižší poplatky**, než které dostanete na pobočce nebo při kontaktu s bankou “z ulice”. Ve většině případů šetříme také pořizovací náklady. {% hint style="success" %} Díky InspiPay dostanete integraci všech partnerských platebních metod **zdarma**. {% endhint %} Partnerské platební brány: * ČSOB * GoPay * Global Payments * Comgate * B-Payment * Twisto * Processing Partners ### Reference - Pro další informace ohledně plateb a případné demo nás neváhejte [**kontaktovat**](https://inspishop.cz/demo). # ERP, účetnictví, fakturace V rámci ERP, účetnictví a fakturací nabízíme následující napojení: * Fakturoid - fakturace * iDoklad * Pohoda * Helios RED * UOL * Altus Vario * Money S4 V rámci propojení je možné **administrovat klíčové části e-shopu přímo z ERP**. Současně nabízíme automatickou změnu stavu zaplacení objednávky na základě spárování s účtem u **FIO banky**. # Analytika a marketingové nástroje ## Seznam napojení: * Napojení Ecomail * Napojení GTM a Google Analytics * Google Analytics Enhanced Ecommerce * Napojení Mailchimp * Heureka: Ověřeno zákazníky * Facebook přihlášení ## Automatická analytika a Business Inteligence InspiShop Analytics a ZOHO Analytics BI řešení umožňuje majitelům firem získat rychle dostupné vizualizace svého e-commerce byznysu. Pro více informací o funkcích doporučujeme projít [ZOHO Analytics Tour](https://www.zoho.com/analytics/tour.html). ![](https://493031960-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaQGIpVdZankt0Dnr1p%2F-LcWDRlDBAupvTya2wFV%2F-LcWE2HhPh0yd5h9uQhY%2FSni%CC%81mek%20obrazovky%202019-04-15%20v%C2%A015.42.10.png?alt=media\&token=86cecb19-2b7d-442e-ae6b-5809a891a14c) ZOHO Analytics najdete: * Přes váš webový prohlížeč na * Přes mobilní aplikaci pro Android/iOS ### FAQ #### Q: Proč jste vybrali zrovna ZOHO Analytics? A: Porovnali jsme mnoho různých řešení včetně Power BI nebo Tableau. ZOHO Analytics je jednoduché na ovládání i pro někoho, kdo není expert na datovou analytiku. Současně je to velmi pokročilý BI nástroj, který umožňuje širokou škálu funkcí. Také je celý postaven na webu a má řadu funkcí pro spolupráci více lidí nad daty (komentáře…). #### Q: Odkud se berou data? A: Máme dva základní zdroje dat: 1. Orders - seznam všech Objednávek 2. Order items - seznam všech položek ve všech Objednávkách. Jedna objednávka může mít jednu nebo více položek. #### Q: Jak často se zdroje dat aktualizují? A: Jednou za den brzy ráno (kolem 3-4 hodiny ranní CET) #### Q: Kolik služba stojí? A: Základní cena je 3 000 CZK za měsíc. Pro doplňkové funkce je níže [Ceník](https://docs.google.com/document/d/1LwYmspyxtdTuWhGzDXAlJyvn_LeBoTt-W2Pqv1x8koU/edit#heading=h.7nmj8yib8key). #### Q: Co obsahuje Základní cena? A: Základní cena obsahuje: 1. Automatickou integraci 1 InspiShop domény do ZOHO Analytics 2. Exportování všech objednávek a jejich položek každých 24 hodin 3. 1x ZOHO Analytics Standard plan Účet 4. 200 000 řádků dat (= Orders řádky + Order items řádky) #### Q: Dostanu k tomu podporu? A: Náš tým klientské podpory a analytici jsou připraveni vám pomoci na základě hodinové sazby v rámci Servisní smlouvy SLA. # Importy, Exporty {% hint style="success" %} Vzorové soubory pro automatický import/export jsou dostupné zde:\ {% endhint %} # Automatizace výměny a vrácení zboží Výměna a vrácení zboží je sada funkcí automatizujících klíčové účetní a systémové procesy při vratkách určená majitelům a manažerům e-shopu InspiShop. ### Problém Vrácení zboží je pro manažery e-shopů často velmi složitá a zdlouhavá procedura, protože jde proti směru klasického vyřizování nových objednávek. Dlouho trvá zejména: 1. Zjistit, které zboží, a kolik chce zákazník vrátit 1.1. Operátor většinou musí nejdříve najít danou objednávku, a následně si někam poznamenat počty a typy vráceného zboží 2. Vytvořit částečný dobropis 2.1. Přepsat doručovací a fakturační údaje zákazníka z objednávky 2.2. Přepsat konkrétní zboží, kódy, ceny... 2.3. V případě, že faktury generuje e-shop, jsou také ručně tvořené dobropisy většinou vizuálně jiné 2.4. A odeslat jej zákazníkovi Celý proces vyžaduje mnoho času a současně je velmi náchylný na chyby při přepisování. ### Řešení Tato sada funkcí umožňuje přímo zákazníkům e-shopu na základě objednávky vyplnit formulář pro výměnu / vrácení: 1. Zvolit číslo objednávky nebo e-mail (pokud je zákazník registrovaný a přihlášený, tak je vyplněno automaticky) 2. Proč zboží vrací 3. Zvolit konkrétní produkty z objednávky, které chce zákazník vyměnit / vrátit 4. Zobrazit informace o dopravě, jak má být zboží posláno 5. Odeslat žádost Manažer e-shopu následně může v administraci: 1. Filtrovat objednávky ve stavu Žádost o vratku 2. Zobrazit, co konkrétně chce zákazník z objednávky vyměnit / vrátit 3. Po schválení vratky automaticky vytvářet částečné dobropisy pro účetnictví. Další specifika: * Na detailu objednávky v zákaznickém účtu je odkaz na filtr podle objednávky * Po odeslání žádosti zákazník dostává e-mail, že došlo k uložení informací o žádosti * Po schválení žádosti dostává zákazník e-mail s částečným dobropisem * Výměna zboží je stejná jako vrácení, pouze umožňuje automaticky vytvořit novou objednávku na základě zvoleného zboží (číslo související objednávky je v poznámce) Pro vyzkoušení modulu Výměny a vrácení zboží pro váš e-shop nás prosím [kontaktujte](https://inspishop.cz/demo). ## FAQ ### Q: Jsem majitel e-shopu, v čem mi modul pomůže? A: Zejména budete mít klidnější spaní kvůli nižší chybovosti ve vratkách / výměnách. Současně se zaměstnanci mohou věnovat v ušetřeném čase důležitějším věcem. ### Q: Jsem manažer e-shopu, v čem mi modul pomůže? A: Ušetří vám čas strávený komunikací se zákazníkem a tvorbou dokumentace. ### Q: Kolik mi to ušetří času? A: Záleží na vašem počtu vratek / výměn a na průměrné době strávené nad vratkou / výměnou a tvorbou dokumentace. ### Q: Řeší modul naskladňování a komunikaci se skladem? A: V základním nastavení modul naskladní do interního skladu e-shopu vrácené zboží. Procesy příjmu vratky ve skladu a komunikace, že vratka dorazila, je vhodnější řešit přímo ve vašem skladovém systému. # InspiShop Vue.js Storefront ## Co je InspiShop Storefront? InspiShop Storefront (ISF) je frontendový framework pro řešení InspiShop určené dlouhodobě rostoucím e-shopům. Framework je postaven jako **standalone aplikace**, která komunikuje s tzv. headless backend e-commerce platformou pomocí **API**. Výhodou ISF je **modulovatelnost**, která umožňuje rozšiřování e-shopu bez závislosti na PHP napojení. Majitelům e-shopu šetří v dlouhodobém horizontu čas a peníze. ### Problém Většina tradičně stavěných e-shopů má frontendový kód napevno navázaný na šablony backendového systému. Toto způsobuje nutnost hlídat backendovou funkčnost při frontendových úpravách, které se týkají funkčnosti objednávkového procesu a modulů. Proto většina úprav vyžaduje backendové úpravy, případně nutné kontroly funkčnosti, a **každou úpravu tak prodražuje**. Současně vzniká **nepřehledný kód**. V případě větších frontendových úprav a nadstaveb, jako jsou například konfigurátory produktů, je nutné zásadních úprav na backendu. Současně bylo vždy nutné při změnách na frontendu buildit pokaždé celý projekt. ### **Řešení** InspiShop Storefront umožňuje naprostou většinu frontendových úprav udělat úplně nezávisle na backendové funkčnosti. Proto jsou úpravy v rámci ISF výrazně rychlejší a bezpečnější. ISF je současně postaven kompletně na komponentovém designu (dodržuje principy tzv. atomického designu), který opět zjednodušuje, zpřehledňuje a zrychluje proces kódování. ## **FAQ** ### Q: Jsem frontend vývojář na InspiShopu, v čem mi Storefront pomůže? Oproti staré verzi: * **Transparentnost toku dat** mezi BE a FE. FE si sám načítá, co potřebuje, “neotravuje” BE pro úpravy kontrolerů. Nemusí si přeposílat data přes pageData * **Jednotnost kódů**, některé komponenty (productBox, customerSupport, všechny atomy) musely dříve být psané jak ve Vue, tak v Blade šablonách. * **Možnost předzpracovat data**, která nám z backendu přijdou. Dříve bylo nutné hacky v podobě @php v blade šablonách, nebo opět řešit s BE člověkem. Jako takový: * Volnost rozhodování nad strukturou aplikace * Čistá struktura aplikace a komponent postavená pouze na JS a HTML * Moderní SSR přístup, FE si sám rozhoduje o dynamických prvcích aplikace * Jednotný datový store pro komunikaci s backendem # CMS - tvorba obsahu ## Co je InspiShop CMS? InspiShop CMS je systém umožňující dlouhodobé vytváření **na obsah bohatých stránek** pro marketingové týmy na e-shopech. CMS je postaven jako **standalone aplikace**, která komunikuje s tzv. headless backend e-commerce platformou [InspiShop](/jadro-platformy-inspishop) pomocí API. Výhodou CMS je **modulovatelnost obsahových stránek**, které rozšiřují e-shop například o případové studie, vizuálně bohaté popisky produktů nebo poptávkové formuláře. Majitelům e-shopu šetří v dlouhodobém horizontu čas a peníze, současně umožňuje administraci obsahu přímo v rámci administrace e-shopu pomocí pohledů na míru. ### Problém Většina tradičně stavěných e-shopů neumožňuje vytvářet obsahově bohaté stránky, proto je nutné využít externí CMS, které vyžaduje přihlašování do další administrace. Současně externí CMS neumožňuje editovat klíčové stránky e-shopu, jako je například detail produktu, protože frontend e-shopu je oddělen od frontendu CMS. Dva systémy najednou znamenají jednak prvotní náklady na pořízení, nastavení a kódování, ale také nutnost měnit designové změny na dvou místech v různých prostředích. To každou úpravu prodražuje a současně vzniká nepřehledný kód. ### Řešení InspiShop CMS umožňuje využít stejnou frontendovou aplikaci, na které běží e-shop, díky API napojení. Z toho důvodu je celková architektura sjednocená, úpravy lze dělat na jednom místě a úpravy jsou výrazně rychlejší a bezpečnější. Součástí administrace jádra InspiShop je sitebuilder určený pro vytváření nových typů obsahu. Pro vyzkoušení InspiShop CMS nás prosím [kontaktujte](https://inspishop.cz/demo). ## FAQ ### Q: Jsem frontend vývojář na [InspiShop Vue.js Storefront](/vue-storefront), v čem mi CMS pomůže? Existuje jednotné API pro obsah přímo v aplikaci CMS nebo v představeném GraphQL. ### Q: Jsem majitel/manažer e-shopu, v čem mi CMS pomůže? Budu mít sjednocený design e-shopu i všech obsahových stránek. Já nebo moji zaměstnanci si v administraci vytvoří i relativně složité obsahové stránky a strukturovaná data, jako jsou případové studie, jejich rok vytvoření, autory atd. Ušetřím peníze nutné pro dvojí změny na e-shopu a v externím CMS. # Roadmapa Do vývoje platformy **investujeme milióny korun**, už teď naši **klienti u nás udělali přes miliardu korun obratu** a dál rychle rosteme. **Headless** a **API-first** je přístup, který bude definovat e-commerce v následujících letech. Níže najdete výběr z funkcí, které máme v plánu implementovat a které jsou již hotové. ## 2021 ### Q3 2021 ### Květen * Napojení Foxentry ### Duben * Vylepšení tvorby seznamů zboží a oblíbených položek * Rozšíření multishopu o podporu více domén v rámci jednoho jazyku (například výprodejový e-shop, spuštění nové značky v rámci stejné země atd.) ### Březen * Napojení Disivo * Rozhraní pro automatizovanou Výměnu a vrácení zboží ### Únor * Zveřejnění API dokumentace [Store](/jadro-platformy-inspishop) * SMS Connect ### Leden * Modul napojení platební brány Besteron ## 2020 ### Prosinec ### Listopad * Možnost založit typ produktu Událost, možnost rezervace a nákup místa na Události ### Říjen ### Září ### Srpen ### Červenec * ### Červen * Napojení na mobilní aplikaci Asymbo ### Květen * Ukládání vícero doručovacích adres a jejich řazení do kategorií * Vylepšení ukládání košíků a hromadného vkládání produktů do košíku ### Duben * Automatické vytvoření mapy poboček e-shopu vč. možnosti filtrování * Tabulka velikostí pro konkrétní produkty ### Březen * Souhrnná SEO vylepšení aplikace [Storefront](/vue-storefront), parametrické URL, kanonizace * Souhrnná vylepšení napojení na Google Analytics Enhanced Ecommerce, nové tagy pro GA ### Únor * Vylepšení našeptávače vyhledávání * Možnost vyhledávání přes kódy produktů ### Leden * Podpora pro doplňkové služby k objednávce - např. pojištění zásilky či dárkové balení za příplatek * Podpora plnohodnotného blogu včetně možnosti propojení obsahu a produktů ## 2019 ### Prosinec * Vylepšení a zrychlení importu objednávky pomocí CSV * Podpora systému pro vytvoření oddělených landing pages administrovatelných z jedné aplikace Store. ### Listopad * Podpora CMS pro banner v produktovém katalogu na místě produktového boxu - prolink na další produkty/kategorii například v rámci promované nové značky produktů * Podpora pro chybové stránky na míru v případě plánovaných odstávek e-shopu ### Říjen * Podpora notifikační lišty určené pro rychlé informování zákazníků o slevách nebo nenadálých událostech * Mergado feed ### Září * Podpora pro napočítávání **desítek tisíc ceníků** v rámci komplikovanějších cenových procesů * Zahájen přechod na Kubernetes cluster a řešení infrastruktury pomocí dedikovaných podů ### Srpen * Ukládání košíku jako nákupního seznamu * Možnost vložení nákupního seznamu do košíku v rámci osobního profilu * Zvýraznění produktů ve výpisu pro podporu prodeje ziskového zboží ### Červenec * Zrychlená objednávka, import produktů z CSV * Dárkové vouchery jako samostatné produkty, možnost automatického generování PDF ### **Červen** * Automatická kontrola správnosti adresy (Storefront podpora) ### Květen * Doba doručení zboží (Storefront i backend podpora) * Dárky k produktu (Storefront i backend podpora) * Doprava zdarma na produkt (Storefront i backend podpora) * Vylepšený výběr poboček v košíku (Storefront i backend podpora) ### Duben * Pobídka N+1 produktů zdarma (Storefront i backend podpora) * Základní verze nového jednoduššího WYSIWYG editoru * WebP formát obrázků, stává se standardem v [SEO checklistu](/checklisty/seo-checklist) * Nová sada úprav pro rychlost, viz [Rychlost v SEO checklistu](/checklisty/seo-checklist#rychlost-nacitani) * Aktualizovány bezpečnostní hlavičky pro Security Headers Check * Dárky k objednávce (Storefront i backend podpora) ### Březen * Aplikace pro zátěžové testy e-shopů, simulace návštěv a vytváření objednávek * Výpis poslední viděné produkty * Notifikační banner pro vytváření akčních pobídek zákazníkům (jako má např. aktuálně Alza.cz úplně nahoře v případě dopravy zdarma) * CMS nově komunikuje se Storefrontem přes [GraphQL](https://graphql.org/) * Katalog produktů nově umí **parametrické filtrování pomocí virtuálních kategorií** * Sekce výrobců a možnost prokliku v detailu produktu ### Únor * První verze [headless CMS](/cms) * [Loyalty kreditový systém](/jadro-platformy-inspishop/loyalty-kreditovy-system) pro odměňování zákazníků * Nově běží všechny nové projekty na Kubernetes [infrastruktuře](/technologie/infrastruktura) * Microservice pro [Importy a Exporty](/napojeni-a-moduly/importy-exporty) * ALT popisky u obrázků * Nové [demo](/technologie/ukazkove-demo) pro ukázky funkcí potenciálním klientům ### Leden * Možnost upravovat jednotlivé položky menu z administrace i u nového [Storefrontu](/vue-storefront) * [Vrácení a reklamace zboží](/napojeni-a-moduly/automatizace-vymeny-a-vraceni-zbozi) včetně částečných dobropisů ## 2018 ### Prosinec * Plnohodnotný Multishop * Přepsání produktu/variant na stejnou entitu ### Listopad * Napojení na [ZOHO Analytics](/napojeni-a-moduly/napojeni-na-marketingove-nastroje#automaticka-analytika-a-business-inteligence) * Uzavírání objednávky před odchodem na platební bránu ### Předchozí měsíce * Platební brána Stripe * Napojení Ecomail * Napojení Comgate * Napojení GLS * Napojení UOL * Glami feed * Kalendář dopravy, možnost objednat dopravu na konkrétní časový úsek * Napojení Core Fullfilments * Uzavírání objednávky před odchodem na platební bránu * ... a mnoho dalších. Pro kompletní seznam funkcí nás prosím [**kontaktujte**](https://inspishop.cz/demo). #### # SEO Checklist ## Základní SEO checklist pro všechny e-shopy Následující body splňují při spuštění všechny e-shopy realizované po 1/2019: ### Frontend 1. E-shop je plně responzivní v rámci [Podporovaných prohlížečů](/checklisty/seo-checklist#podporovane-prohlizece). 2. Frontend splňuje požadavky na [Rychlost E-shopu](/checklisty/seo-checklist#rychlost-nacitani). 3. E-shop využívá [HTTP2](https://en.wikipedia.org/wiki/HTTP/2). 4. E-shop využívá lazyloading na [Obsah](/checklisty/seo-checklist#obsah), který není vidět. 5. Správně strukturovaný HTML kód. (?) 6. E-shop obsahuje chybovou hlášku při procházení stránek s vypnutým javascriptem. 7. Testování probíhá v prohlížečích dle seznamu [Podporovaných prohlížečů](/checklisty/seo-checklist#podporovane-prohlizece). 8. E-shop využívá vektorový formát pro ikony a typicky vektorové grafické prvky 9. E-shop má favicon ve velikostech pro zařízení dle [Podporovaných prohlížečů](/checklisty/seo-checklist#podporovane-prohlizece). 10. E-shop používá pouze veřejně dostupné fonty (ne vlastní). 11. Přístupnost pro starší i handicapované uživatele. 12. Na e-shopu jsou použita strukturovaná data (mikrodata Open Graph, JSON-LD, RDFa). Ukázka je k dispozici [zde](https://search.google.com/structured-data/testing-tool?hl=cs#url=https%3A%2F%2Fwww.ventilatory-shop.cz%2Fprodukt%2Fventilator-cata-e100-gth). 13. E-shop má základní tiskový výstup (schovaná hlavička a patička...). ### Rychlost načítání 1. Google Speed Index nad 7,5 na desktopu i mobilech. 2. Odpověď serveru musí být do 200 milisekund (Time To First Byte). 3. E-shop využívá GZIP kompresi 4. E-shop generuje obrázky pro klasické a retina displeje včetně optimalizace datové velikosti pomocí minifikovacích nástrojů 5. Scripty, styly a obrázky jsou minifikované, komprimované a cachovatelné. {% hint style="info" %} Více informací o naší infrastruktuře InspiShop Cloud naleznete [zde](/technologie/infrastruktura). {% endhint %} ### Technologie 1. Web běží na HTTPS (v základu používáme Let’s Encrypt s automatickou obnovou) 2. Obrázky jsou generovány pro různé velikosti displejů včetně optimalizace datové velikosti pomocí minifikovacích nástrojů 3. Je průběžně monitorována dostupnost a rychlost webu. ### Bezpečnost e-shopu 1. Průběžně monitorujeme dostupnost (nástroj Statuscake) a rychlost webu. 2. E-shop je ošetřen proti základním typům útoků. 3. Ukládaná citlivá data jsou šifrována. 4. Jsou správně nastavené bezpečnostní hlavičky () ### Backend 1. Title webu se generuje automaticky z nadpisů stránky, pokud tomu není potřeba jinak. 2. K jednotlivým stránkám a/nebo dílčím objektům na stránkách je možné v administraci zadat tato metadata: 1. Titulek (obsah elementu TITLE) 2. Text odkazu na stránku v navigační struktuře 3. Meta description 4. Open Graph protokol 5. Shrnutí stránky (anotace) 6. Atribut alt u obrázků 3. E-shop obsahuje exporty: 1. Sitemap 2. Zbožové vyhledávače 4. E-shop obsahuje stránku 404 (pro všechny neexistující stránky) a stránku 500. 5. Platí, že každá stránka je dostupná pouze na 1 tvaru URL adresy. Tedy včetně rozdílu s / a bez / na konci, včetně protokolu i varianty www a bez [www](http://www). 6. URL využívá jen malá písmena bez diakritiky, číslice, pomlčky (spojovník), tečky a lomítka. ### Obsah 1. Meta data - Title je defaultně nastaveno jako „nadpis H1 | Název společnosti”. Meta description je nastaven jako prvních 150 znaků textu stránky. Meta keywords na stránkách není. V CMS lze upravovat Title a Meta descriptions pro každou stránku zvlášť. 2. Nadpisy jsou správně strukturovány, nikde nechybí H1. Používáme tagy H1, H2, H3 a H4. Nadpisy jsou použity pouze pro věcný obsah podstránky, nikoli pro označení např. sitewide podnadpisů nebo struktury. 3. Obsah je vhodně provázán. Na všechny stránky vedou interní odkazy href, neodkazujeme pomocí Js. 4. Veškeré interní prolinkování končí odpovědí 200, ve výjimečných případech vede na přesměrování, nikdy však ne na chybu 4xx. 5. V interním prolinkování nejsou řetězená přesměrování, tedy odkaz na stránku, která je přesměrována ve dvou nebo více krocích. 6. Obrázky, on-line nástroje a bannery, pokud jsou zobrazeny na více stránkách webu, jsou vedeny vždy pouze z jednoho zdroje s jednou URL. 7. Důležitý obsah neschováváme pod taby, samostatná vyskakovací okna či prokliky typu „Zobrazit více“. ### Podporované prohlížeče Popisuje seznam kompatibilních prohlížečů, na které je odkazováno dále v textu. 1. Chrome 73 a novější 2. Internet Explorer 11 a novější 3. Safari 12 a novější 4. Firefox 65 a novější # Zákaznická podpora Mezi hlavní výhody e-shopu na míru spadá i rychlá a ochotná zákaznická podpora. Uvědomujeme si, že dodání řešení klientovi **neznamená konec práce, ale spíše její začátek**. Klademe proto vysoký důraz na péči v rámci provozu. #### Naše klientská podpora: * Přijímá požadavky klientů * Rozhoduje o správném řešení požadavků klientů na základě nastavených procesů a hodnot * Pomáhá jim se správným nastavením administrace InspiShopu Díky tomu dokážeme velmi rychle začít pracovat na nových součástech řešení, opravit nedostatky, nebo poradit při problémech s běžným užíváním eshopu. V případě složitějších úprav pak přichází na řadu jejich konzultace s projektovým manažerem a zadávání úkolů týmu programátorů. Celková koncepce zákaznické podpory InspiShop: * Poskytování podpory klientům e-mailovou a telefonickou komunikací * Poskytování dlouhodobého technického rozvoje a e-commerce expertízy * Udržování a rozvoj obchodních vztahů se stávajícími firemními partnery * Práce s interní databází zákazníků * Rozhodování o správném řešení požadavků klientů na základě nastavených procesů a hodnot ### Systémy podpory **Tiketovací systém ZOHO Desk** – slouží k příjmu emailů s požadavky od klientů. Tento systém nabízí kompletní řešení v oblasti zákaznické podpory/komunikace požadavků stávajících zákazníků. **Plánovací systém TeamWork** – slouží ke specifikaci požadavků vývojářům a dalším expertům. Jedná se o tzv. "úkolníček", kde jsou sepsány všechny dosavadní i již zpracované požadavky našich klientů. Zákazník pošle požadavek, my jej zaregistrujeme v ZOHO Desk, zadáme do společného úkolovacího systému a daný požadavek přiřadíme jednotlivým programátorům ke zpracování. Klientská podpora zahrnuje **testování a kontrolu požadovaných změn na eshopu**. Předtím než se změny aplikují na produkční (ostrou) verzi, vždy je potřeba je řádně zkontrolovat, popřípadě ještě zkonzultovat s klienty, a až poté je možné tyto změny uskutečnit. # Infrastruktura a nasazování změn Pro informace ohledně rychlosti e-shopu navštivte náš [SEO Checklist](/checklisty/seo-checklist#rychlost-nacitani). ## Nasazování změn V rámci nasazování máme pro vývojáře zaveden systém, který umožňuje: * Automatický deployment (develop, release, stage a production) * Každý release má **vlastní URL adresu** pro testování klientem * Škálování * Správu kontejnerovaných aplikací Systém je postavený na technologiích: * Kubernetes * Docker * Gitlab ### Problém Jelikož využíváme [Headless E-commerce přístup](/#headless-e-commerce) (microservices), je nutné mít pro každý typ služby vlastní server a vlastní prostředí. V rámci klasické architektury může být relativně složité spravovat vícero oddělených aplikací v rámci jednoho projektu. Současně vyžaduje nastavení deploymentu na míru a jeho neustálou správu. Z těchto důvodů nelze architekturu jednoduše škálovat. V případě aktualizace aplikace vyžaduje nová verze jiné prostředí pro běh, které není se stávající verzí kompatibilní -> musí běžet v novém prostředí. Vývojáři musí znát funkčnost a technologie celé aplikace pro různé změny: * Špatné rozdělení kompetencí vývojář / devops / server admin * Monolitický přístup neumožňuje změny technologií jednotlivých částí aplikace ### Řešení Jako řešení používáme **Docker** v rámci **Kubernetes** pro vytvoření oddělených prostředí pro jednotlivé typy služeb. Kubernetes a Docker umožňuje velmi jednoduchou replikaci, což umožňuje: * Jednodušší používání aplikací * Škálování (i na úrovni aplikací) * Změnit technologie jednotlivých aplikací nezávisle -> rychlejší reakce na inovace * Automatický deployment Toto řešení dále přináší: * Jednodušší identifikace bottlenecků a problémů s výkonem * Standardizaci technologií - lepší přenositelnosti a nezávislosti v rámci serverových poskytovatelů a jejich prostředí Máme zavedené také standardizované API, takže při aktualizaci nemusí být nutné aktualizovat ostatní aplikace. # Ukázkové demo a jak dál? Abyste si mohli vyzkoušet popisované funkce, doporučujeme využít **demo administrace**, které můžete [**získat zdarma zde**](https://inspishop.cz/demo). Pokud máte zájem o konkrétní funkce, ukážeme vám je na osobní schůzce nebo přes Skype včetně odborného komentáře. **Zadané informace v demu** **neztratíte**, umíme je překopírovat do začínajícího nového projektu. ## Nezávazná kalkulace a další kroky Neváhejte nás [**kontaktovat**](https://inspishop.cz/demo) ohledně **kalkulace** vašeho projektu. Zakládáme si na **osobním přístupu obchodníků**, kteří mají nástroje, jak vám vyjít vstříc včetně možnosti financování. Pokud vás to bude zajímat, pošleme vám také **návrh smlouvy**, **specifikace** a **harmonogramu**.