FAQ

Často kladené otázky. Pokud jste nenašli odpověď, neváhejte nás kontaktovat.

Malé virtuální zrcadlo

Multiplatformní řešení vizualizace produktu na zákazníkově fotce či na obrázcích modelů. Vaši zákazníci si mohou vyzkoušet vaše produkty na vlastní fotce. Podporovány jsou tyto kategorie: dekorativní kosmetika, oblečení, módní doplňky, brýle, čočky.

Zrcadlo je v HTML5, to znamená, že je podporován všemi moderními prohlížeči na desktopu i mobilních zařízeních.

Velká výhoda je, že zrcadlo běží na našich serverech, takže Vám nezatěžuje stránky. Stačí si jen vložit jednoduchý kód na produktovou stránku.

Pro zákazníka je funkčnost zrcadla velmi intuitivní:

  1. Stačí klkiknúť na "Nahrát mou fotku" knoflík se siluetou.
  2. Virtuální zrcadlo automaticky detekuje detaily obličeje a nastaví fotku.
  3. Knoflík "Nahrát moji fotku" se nahradí fotkou uživatele is vizualizovaných produktem. Při přechodu myší se zobrazí zvětšený detail.
    Při brouzdání na další produkty se mu zobrazí pod každým produktem virtuální zrcadlo s jeho fotkou a vizualizací daného produktu.
Naše technologie je podporována většinou moderních prohlížečů. Internet Explorer> = 10, Chrome> = 31.0, Firefox> = 27.0, Safari> = 7.0, iOS Safari> = 4.0 a Android browser> = 3.0.

Ano, fotka je uložena na po dobu brouzdání zákazníka na vašich stránkách, maximálně 24 hodin. Pak jsou všechny fotky zákazníků vymazány.

Ne. Pouze v tom případě, pokud zákazník sdílí svou vizualizaci.

Integrace malého zrcadla

  1. Je třeba vytvořit si účet na virtooal.com
  2. vloží kód získaný z našeho ADMINU na vaši produktovou stránku
  3. Nastavit barvu či fotku produktu a publikovat v našem ADMINU

    Pokud máte nějaké problémy s integrací, neváhejte nás kontaktovat, rádi Vám pomůžeme.

Ano. Protože zrcadlo se integruje pouze vložením kódu, v podstatě potřebujete pouze malé místo na stránce pro zobrazení zrcadla.

<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 je třeba umístit na frontu end produktové stránky. Kód najdete v našem admi, s nahrazených závorkami za vaše údaje, kromě {product id or sku}. Tento parametr je třeba programově nahradit ID-čkem daného produktu na vaší produktové stránce. Pokud nevíte jak a nemáte ani webmastera, napište nám, rádi vám pomůžeme.

Propojit produkty s naším systémem je možné třemi způsoby:

  1. Ve virtooal ADMI pod Products listing kliknout na "Add new product"
  2. Ve Virtooal ADMI v sekci XML nastavit xml feed (doporučený a nejrychlejší způsob)
  3. Vložit kód na back end produktu (čili administraci produktu u vás). Tento kód najdete v našem admi v sekci "Settings" pod názvem "Správce code". Takto si umíte nastavovat produkty přímo přes vaše stránky.

    Pokud máte nějaký problém s integrací produktů, neváhejte nás kontaktovat.

Pokud jsou vaše produkty již přidány / importované do našeho ADMI umíte si je nastavit a publikovat.

Dekorativní kosmetika:

  1. V Products listing klikněte na produkt. Při editaci produktu klikněte na fotku produktu nebo barevnou paletku pro výběr barvy produktu.
  2. Klikněte na publikovat a uložit.

Ostatní produkty:

  1. Je třeba nahrát obrázek produktu a nastavit to na fotce modelky (velikost, posun, otočení, vyříznutí pozadí)
  2. Klikněte na publikovat a uložit.

Nejlepší výsledky jsou dosaženy, pokud je obrázek ve formátu png s průsvitným pozadím. Náš systém je schopen odstranit bílé pozadí, ale pro náročnější fotky je třeba použít fotoeditačních software. (Např. Photoshop)

Pomůžeme vám s nastavením prvních produktů, případně si umíte i objednat integraci produktů a náš tým vám nastaví produkty.

Samozřejmě, víte si objednat v našem systému integraci produktů a naši profesionálové to udělají za vás.

Ve virtooal ADMIN pod Products listing si zvolte všechny produkty, které byste chtěli naintegrovať a klikněte na Order integration

  1. Máte vložený náš kód na vaši produktovou stránku?
  2. Je nahrazeny v tomto kódu {Product ID} vaším id produktu?
  3. je produkt publikován v našem admi?

    Pokud vám odpovědi nepomohly, prosím kontaktujte nás na [email protected], rádi vám pomůžeme.

Víme vám pomoci s integrací, stačí nám napsat.
Případně pokud to vaše platforma neumožňuje, je možné propojit produkty pouze pomocí url adresy.
  • Stačí nám napsat na [email protected]
  • Nastavíme vám účet
  • Pokud máte, tak prosím pošlete i link na váš xml feed
  • Nastavíme vám kód a pomůžeme s jeho vložením na váš front end produktové stránky ..

Velké virtuální zrcadlo

Multiplatformní řešení vizualizace produktu na zákazníkově fotce či na obrázcích modelů.
Na rozdíl od malého zrcadla, tady umí váš zákazník zkoušet všechny vaše produkty na jedné stránce s možností zobrazení i více produktů najednou na fotce. Podporované kategorie produktů: dekorativní kosmetika, oblečení, módní doplňky, brýle, čočky.

Velké zrcadlo může být umístěno na stránce katalogu / seznamu produktů, stránce produktu nebo i na samostatné stránce jako samostatná aplikace.

Integrace velkého zrcadla

Pro integraci produktů prosím následujte kroky jako pro integraci malého zrcadla. Pokud jednou nastavíte produkt, zobrazí se v malém i velkém zrcadle.

Rozdíl je pouze při vložení kódu na vaše stránky. Zrcadlo je nejlepší umístit na nějakou podstránku (např. 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ískáte z našeho ADMINU, kde všechny parametry v závorkách budou již nahrazeny vašimi údaji.

Velké zrcadlo může být umístěno na stránce seznamu produktů či na stránce detailu produktu. Vzor virtuálního zrcadla zde

Zrcadlo je vhodné i pro responzivní a mobilní stránky. Na mobilu je defautlne schované a po kliknutí na Vyzkoušet knoflík u produktu se zrcadlo zobrazí na celou obrazovku.

Integrace kódu

Kód zrcadla

Kód by měl být vložen před </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ískáte z našeho adminu, kde všechny parametry v závorkách budou již nahrazeny vašimi údaji. Je možné přizpůsobit všechny parametry jako color, width, language apod... kromě userName a apiKey.

Vyzkoušet Button

U každého produktu doporučujeme přidat button Vyzkoušet . Může to být jakýkoliv html element (např. <button>).

Musí však obsahovat třídu class=”virtooal-tryon-btn” a atribut data-virtooal_id=”{product id or sku}”, kde {product id or sku} je třeba programově nahradit ID-čkem daného produktu.

Doporučujeme přidat style=”display:none”, tak bude button defaultně neviditelný a zobrazí se až po načtení zrcadla a zjištění, zda daný produkt je možné vyzkoušet v zrcadle.

Customization

Ano, pokud potřebujete přizpůsobit zrcadlo vašemu designu nebo použít jiné modelky či speciální funkce, neváhejte nás kontaktovat.

500+

zákazníků celosvětově

s nárůstem konverze o 35%

Žádné vratky a nespokojení zákazníci

Vyzkoušejte naše řešení zdarma

vytvořte svůj účet zdarma now
nebo vyzkoušejte
Live Demo
Při poskytování našich služeb nám pomáhají soubory cookie. Využíváním našich služeb s jejich používáním souhlasíte. Další informace