Smartform – jak ho rozběhnout v e-shopu na platformě Eshop-rychle

  1. Zaregistrujte se v administrační aplikaci. Tím získáte své clientId, které později vložíte do zdrojového kódu pro přihlášení k Smartformu.
  2. V administrační aplikaci přidejte doménu Vašeho webu (např. mojedomena.cz).
  3. Klikněte na aktivaci služby „Poštovní adresy“ a podle pokynů proveďte platbu.
  4. V administraci Eshop-rychle přidejte vlastní Měřící kód. V administraci se kód vkládá v menu „E-shop“, submenu „Měřící kódy“, tlačítko „Přidat vlastní kód“. Měřící kód pojmenujte např. „Smartform“, pozici nastavte na „Hlavička“. Do pole „Zdrojový kód“ zkopírujte následující kód:
    
    <!-- Smartform naseptavac adres -->
    <script type="text/javascript" src="https://secure.smartform.cz/api/v1/smartform.js?source=web_eshop-rychle_v20230517" async></script>
    <script type="text/javascript">
        var smartform = smartform || {};
        smartform.beforeInit = function () {
           smartform.setClientId('CLIENTID');
        }
    
        smartform.afterInit = function () {
          smartformAddClass("basket-delivery__input-element[adresa]", 
            "smartform-street-and-number", "smartform-instance-1");
          smartformAddClass("basket-delivery__input-element[mesto]", 
            "smartform-city", "smartform-instance-1");
          smartformAddClass("basket-delivery__input-element[psc]", 
            "smartform-zip", "smartform-instance-1");
    
          smartformAddClass("basket-delivery__input-element[faktura_adresa]", 
            "smartform-street-and-number", "smartform-instance-2");
          smartformAddClass("basket-delivery__input-element[faktura_mesto]", 
            "smartform-city", "smartform-instance-2");
          smartformAddClass("basket-delivery__input-element[faktura_psc]", 
            "smartform-zip", "smartform-instance-2");
    
          smartform.rebindAllForms(true);
        }    
        
        function smartformAddClass(id, class1, class2) {
          var element = document.getElementById( id );
          if( element ) {
            element.classList.add( class1 );
            element.classList.add( class2 );
          }
        }
    </script>
    <!-- ^^ Smartform naseptavac adres ^^ -->
    
  5. Ve vloženém kódu nahraďtě řetězec CLIENTID (na 6. řádku) svým zákaznickým ID (clientId), které získáte po přihlášení do Smartform administrace (vpravo nahoře). Např. pokud je vaše ID zákazníka aaaBBBccc, bude upravený řádek v HTML kódu vypadat takto:
           smartform.setClientId('aaaBBBccc');
  6. Nezapomeňte vložený a upravený kód v administraci uložit.
  7. Zkontrolujte, jestli Smartform funguje na stránce se třetím krokem objednávky. Měl by se zobrazit u dodací i fakturační adresy.

V případě jakýchkoli problémů nebo dotazů ohledně rozběhnutí Smartformu nás neváhejte kontaktovat. Rádi Vám s integrací našeptávače pomůžeme.