FAQ

Často kladené otázky. Ak ste nenašli odpoveď, neváhajte nás kontaktovať.

Malé virtuálne zrkadlo

Multiplatformové riešenie vizualizácie produktu na zákazníkovej fotke či na obrázkoch modelov. Vaši zákazníci si môžu vyskúšať vaše produkty na vlastnej fotke. Podporované sú tieto kategórie: dekoratívna kozmetika, oblečenie, módne doplnky, okuliare, šošovky.

Zrkadlo je v jazyku HTML5, to znamená, že je podporovaný všetkými modernými prehliadačmi na desktope aj mobilných zariadeniach.

Veľká výhoda je, že zrkadlo beží na našich serveroch, takže Vám nezaťažuje stránky. Stačí si iba vložiť jednoduchý kód na produktovú stránku.

Pre zákazníka je funkčnosť zrkadla veľmi intuitívna:

  1. Stačí klkiknúť na "Nahrať moju fotku" gombík so siluetou.
  2. Virtuálne zrkadlo automaticky detekuje detaily tváre a nastaví fotku.
  3. Gombík "Nahrať moju fotku" sa nahradí fotkou užívateľa aj s vizualizovaným produktom. Pri prechode myšou sa zobrazí zväčšený detail.
    Pri browsovani na ďalšie produkty sa mu zobrazí pod každým produktom virtuálne zrkadlo s jeho fotkou a vizualizáciou daného produktu.
Naša technológia je podporovaná vačšinou moderných prehliadačov. Internet Explorer >= 10, Chrome >= 31.0, Firefox >= 27.0, Safari >= 7.0, iOS Safari >= 4.0 a Android browser >= 3.0.

Áno, fotka je uložená na po dobu browsovania zákazníka na vaších stránkach, maximálne 24 hodín. Potom sú všetky fotky zákazníkov vymazané.

Nie. Iba v tom prípade, ak zákazník zdieľa svoju vizualizáciu.

Integrácia malého zrkadla

  1. Je potrebné vytvoriť si účet na virtooal.com
  2. Vložíť kód získaný z nášho adminu na vašu produktovú stránku
  3. Nastaviť farbu či fotku produktu a publikovať v našom admine

Pokiaľ máte nejaké problémy s integráciou, neváhajte nás kontaktovať, radi Vám pomôžeme.

Áno. Kedže zrkadlo sa integruje iba vložením kódu, v podstate potrebujete iba malé miesto na stránke pre zobrazenie zrkadla.

<script charset="utf-8" id="gallery-widget" src="http://widget.virtooal.com/{your username}/{your API key}/{language}/{product id or sku}" async> </script>
<div class="virtooal-widget">
<div class="gw-container"
data-modal_color = "{color}"
data-plus_color = "{color}"
data-modal_opacity = "0.8"
data-thumbwidth="{width in px}">
</div>
</div>

Tento kód treba umiestniť na front end produktovej stránky. Kód nájdete v našom admine, s nahradenými zátvorkami za vaše údaje, okrem {product id or sku}. Tento parameter je potrebné programovo nahradiť ID-čkom daného produktu na vašej produktovej stránke. Ak neviete ako a nemáte ani webmastera, napíšte nám, radi vám pomôžeme.

Prepojiť produkty s naším systémom je možne troma spôsobmi:

  1. Vo virtooal admine pod Products listing kliknúť na "Add new product"
  2. Vo Virtooal admine v sekcii XML nastaviť xml feed (odporúčaný a najrýchlejší spôsob)
  3. Vložiť kód na back end produktu (čiže administráciu produktu u vás). Tento kód nájdete v našom admine v sekcii "Settings" pod názvom "Admin code". Takto si viete nastavovať produkty priamo cez vaše stránky.

Ak máte nejaký problém s integrovaním produktov, neváhajte nás kontaktovať.

Ak sú vaše produkty už pridané/importované do nášho adminu viete si ich nastaviť a publikovať.

Dekoratívna kozmetika:

  1. V Products listing kliknite na produkt. Pri editácii produktu kliknite na fotku produktu alebo farebnú paletku pre výber farby produktu.
  2. Kliknite na publikovať a uložiť.

Ostatné produkty:

  1. Je potrebné nahrať obrázok produktu a nastaviť to na fotke modelky (veľkosť, posun, otočenie, vyrezanie pozadia)
  2. Kliknite na publikovať a uložiť.

Najlepšie výsledky sú dosiahnuté, ak je obrázok vo formáte png s priesvitným pozadím. Náš systém je schopný odstrániť biele pozadie, ale pre náročnejšie fotky je potrebné použiť fotoeditačný softvér. (napr. photoshop)

Vieme vám pomôcť s nastavením prvých produktov, prípadne si viete aj objednať integráciu produktov a náš tím vám nastaví produkty.

Samozrejme, viete si objednať v našom systéme integráciu produktov a naši profesionáli to urobia za vás.

Vo virtooal admine pod Products listing si zvoľte všetky produkty, ktoré by ste chceli naintegrovať a kliknite na Order integration

  1. Máte vložený náš kód na vašu produktovú stránku?
  2. Je nahradené v tomto kóde {Product ID} vaším id produktu?
  3. je produkt publikovaný v našom admine?

Ak vám odpovede nepomohli, prosím kontaktujte nás na [email protected], radi vám pomôžeme.

Vieme vám pomôcť s integráciou, stačí nám napísať.
Prípadne ak to vaša platforma neumožňuje, je možné prepojiť produkty iba pomocou url adresy.
  • Stačí nám napísať na [email protected]
  • Nastavíme vám účet
  • Ak máte, tak prosím pošlite aj link na váš xml feed
  • Nastavíme vám kód a pomožeme s jeho vložením na váš front end produktovej stránky..

Áno, pre niektoré platformy máme aj natívne moduly:

Virtuálne zrkadlo je však možné jednoducho integrovať na hocijakej platforme pridaním kódu na produktovú stránku. Ak nemáte vlastného vývojára, vieme vám zrkadlo naintegrovať.

Veľké virtuálne zrkadlo

Multiplatformové riešenie vizualizácie produktu na zákazníkovej fotke či na obrázkoch modelov.
Na rozdiel od malého zrkadla, tu vie váš zákazník skúšať všetky vaše produkty na jednej stránke s možnosťou zobrazenia aj viac produktov naraz na fotke. Podporované kategórie produktov: dekoratívna kozmetika, oblečenie, módne doplnky, okuliare, šošovky.

Veľké zrkadlo môže byť umiestnené na stránke katalógu/zoznamu produktov, stránke produktu alebo aj na samostatnej stránke ako samostatná aplikácia.

Integrácia veľkého zrkadla

Pre integráciu produktov prosím nasledujte kroky ako pre integráciu malého zrkadla. Ak raz nastavíte produkt, zobrazí sa v malom aj veľkom zrkadle.

Rozdiel je iba pri vložení kódu na vaše stránky. Zrkadlo je najlepšie umiestniť na nejakú podstránku (napr. yourdomain.com/zrkadlo).

Kód:

<iframe src="//mirror.virtooal.com/app/{your API key}/{your username}?c={color}&l={language}" width="100%" height="660" scrolling="no" frameborder="0" id="virtooal-mirror"></iframe>
<script src="//mirror.virtooal.com/assets/js/widget.js"></script>

Kód získate z nášho adminu, kde všetky parametre v zátvorkách budú už nahradené vašimi údajmi.

Veľké zrkadlo môže byť umiestnené na stránke zoznamu produktov či na stránke detailu produktu. Vzor veľkého virtuálneho zrkadla tu

Zrkadlo je vhodné aj pre responzívne a mobilné stránky. Na mobile je defautlne schované a po kliknutí na Vyskúšať gombík pri produkte sa zrkadlo zobrazí na celú obrazovku.

Integrácia kódu

Kód zrkadla

Kód by mal byť vloženy pred koncový </body> tag

<div id="virtooal-mirror-fix-container"><div id="virtooal-mirror-fix-content"><div id="virtooal-mirror-title"></div><div id="virtooal-mirror-fix-iframe"></div></div></div>
<script>
var virtooalMirrorSettings = {
userName: "{your username}",
apiKey: "{your API key}",
mirrorWidth: 260,
lang: "en",
title: "Virtual Mirror",
titleLeft: "Virtual",
titleRight: "Mirror",
color: "E20074",
color2: "E20074",
side: "left",
maxContentWidth: 0,
marginFromContent: 10,
fullscreenWidth:0,
loadFirstProduct:'no',
browse:false
} </script>
<script src="https://mirror.virtooal.com/assets/js/widget.js"></script>
<script src="https://mirror.virtooal.com/assets/js/crossmirror.php"></script>

Kód získate z nášho adminu, kde všetky parametre v zátvorkách budú už nahradené vašimi údajmi. Je možné prispôsobiť všetky parametre ako color, width, language a pod., orekm userName a apiKey.

Vyskúšať Button

Pri každom produkte odporúčame pridať gombík Vyskúšať. Môže to byť hocijaký html element (napr. <button>).

Musí však obsahovať triedu class=”virtooal-tryon-btn” a atribút data-virtooal_id=”{product id or sku}”, kde {product id or sku} je potrebné programovo nahradiť ID-čkom daného produktu.

Odporúčame pridať gombíku štýl style=”display:none”, tak bude gombík defaultne schovaný a zobrazí sa až po načítaní zrkadla a zistení, či daný produkt je možné vyskúšať v zrkadle.

Customization

Áno, ak potrebujete prispôsobiť zrkadlo vášmu dizajnu alebo použiť iné modelky či špeciálne funkcie, neváhajte nás kontaktovať.

500+

zákazníkov celosvetovo

s nárastom konverzie o 35%

Žiadne vratky a nespokojní zákazníci

Vyskúšajte naše riešenie zadarmo

Vytvorte svoj účet zdarma now
alebo vyskúšajte
Live Demo
Súbory cookie nám pomáhajú poskytovať služby. Používaním našich služieb vyjadrujete súhlas s tým, že používame súbory cookie. Ďalšie informácie