Integracja z Selly (na kodach)

Podstawowa integracja

Integracja z platformą Selly.pl jest bardzo prosta. Wystarczy w odpowiednim miejscu panelu administracyjnego wkleić odpowiednie kody. Szczegóły niżej.

Krok 1 - Kod główny

Z menu Konfiguracja wybieramy Integracje - opcje dodatkowe 

W polu Integracja własna wklejamy poniższy kod zmieniając jedynie linię 8, wpisując własny kod strony.

<script>
  (function(a,b,c,d,e,f,g,h,i){
    h=a.SPT={u:d},a.SP={init:function(a,b){h.ai=a;h.cb=b},
    go:function(){(h.eq=h.eq||[]).push(arguments)}},
    g=b.getElementsByTagName(c)[0],f=b.createElement(c),
    f.async=1,f.src="//js"+d+e,i=g.parentNode.insertBefore(f,g)
  })(window,document,"script",".trustisto.com","/socialproof.js");
  SP.init("###-KOD-WITRYNY-###");
</script>

Powinno to wyglądać tak jak na poniższym screenie z dokładnością do kodu strony.

Następnie klikamy Zapisz.

Krok 2 - Strona główna

Korzystając z edytora szablonów, modyfikujemy szablony strony głównej.

Wchodzimy do edytora wybierając Wygląd (1) i następnie Edytor szablonów (2)

Z menu Plik do edycji edytujemy kolejno dwa pliki które znajdziemy w Podstawowe szablony strony (1):

• D01. Szkielet szablonu: strona główna (2)
• D07. Szkielet szablonu: strona główna sklepu dostępnego po zalogowaniu (3)

W każdym z nich dodając na końcu następujący fragment kodu:

<script>
  SP.go(&#39;startPage&#39;);
</script>

Wstawiamy go przed linijką zawierającą kod </body>. Tak jak pokazana niżej. Następnie klikamy Zapisz.

Krok 3 - Strona kategorii

Ponownie za pomocą edytora szablonów modyfikujemy stronę, tym razem wybieramy Podstawowe szablony stron (1) i następnie D02. Szkielet szablonu: Katalog produktów (2).

W to same miejsce na końcu strony wklejamy kod:

<script>
  SP.go(&#39;categoryAndSearchPage&#39;);
</script>

i klikamy Zapisz.

Krok 4 - Karta produktu

Jeszcze raz za pomocą edytora szablonów modyfikujemy stronę, tym razem wybieramy Karta produktu (1)  i następnie wybieramy E01. Szablon: Karta produktu (2).

i na samym końcu strony wklejamy kod:

<script>
SP.go(&#39;productPage&#39;, {
  productId: &#39;{#PRODUKT_ID#}&#39;,
  product: &#39;{#NAZWA#}&#39;,
  link: &#39;$SP.platforms.custom.getTagAttrValueByKeyValue,link,href,rel,canonical&#39;,
  image: &#39;$SP.platforms.custom.getTagAttrValueByKeyValue,a,href,class,product-img-link&#39;
});
</script>

Następnie klikamy Zapisz.

Krok 5 - Koszyk

Ponownie za pomocą edytora szablonów modyfikujemy stronę, tym razem wybieramy dwie strony i modyfikujemy je w ten sam sposób. Elementy znajdziemy w Elementy stron (1) a następnie K01. Strefa koszyka: zawartość koszyka (2).

Odnajdujemy w treści kod:

<!-- endblock:zamowienie_produkt -->

i tuż nad nim wklejamy:

<script>
    window.trustBasket = window.trustBasket || [];
    trustBasket.push({
        productId: &#39;{#PRODUKT_ID#}&#39;,
        product: &#39;{#PRODUKT#}&#39;,
        link: &#39;/{#PRODUKT_HTACCESS#},id{#PRODUKT_ID#}.html&#39;,
        image: &#39;/{#PRODUKT_FOTO#}&#39;,
    });
</script>

Tak to powinno wyglądać:

a na samym końcu strony wklejamy kod:

<script>
 SP.go(&#39;basketPage&#39;, window.trustBasket);
</script>

Tak to powinno wyglądać:

Na koniec klikamy Zapisz.

Krok 6 (ostatni) - Zamówienie

Ostatni raz korzystając z edytora szablonów wybieramy Elementy stron (1) i następnie wybieramy K05. Strefa koszyka: potwierdzenie zamówienia (2).

Szukamy w pliku fragmentu

<!-- endblock:zamowienie_produkt -->

i zaraz nad nim wklejamy następujący kod:

<script>
window.trustBasket = window.trustBasket || [];
window.trustBasket.push({
  productId: &#39;{#PRODUKT_ID#}&#39;,
  product: &#39;{#PRODUKT#}&#39;,
  link: &#39;/{#PRODUKT_HTACCESS#},id{#PRODUKT_ID#}.html&#39;,
  image: &#39;/{#PRODUKT_FOTO#}&#39;,
  price: &#39;{#CENA#}&#39;.slice(0,-3),
  quantity: &#39;{#ILOSC#}&#39;,
  sum: &#39;{#WARTOSC#}&#39;.slice(0,-3)
});
</script>

Powinno to wyglądać mniej więcej tak:

Następnie na samym końcu pliku wklejamy:

<script>
  SP.go(&#39;thankYouPage&#39;, {
    order: {
      id: "{#ID_ZAMOWIENIA#}",
      total: "{#KWOTA_DO_ZAPLATY#}".slice(0,-3),
    },
    client: {
      firstname: "{#IMIE#}",
      city: "{#MIASTO#}",
      email: "{#EMAIL#}",
      phone: "{#TELEFON#}"
    },
    basket: window.trustBasket
  });
</script>

Tak to powinno wyglądać:

Na koniec klikamy Zapisz.

Plik produktowy

Po zalogowaniu się do panelu Selly przechodzimy do 1. Konfiguracja > 2. Integracje - porównywarki

Następnie wyszukujemy Ceneo.pl i upewniamy się, że mamy odznaczone Wszystkie dostępne i Eksport stanów magazynowych.

Jeżeli odznaczyliśmy to następnie zapisujemy zmiany.

Po zapisaniu zmian wybieramy Adresy stron eksportów.

I następnie wyszukujemy Ceneo.pl i kopiujemy link XML.

Następnie dodajemy skopiowany link pliku produktowego do Trustisto.

Śledzenie koszyka

Jeżeli podstawowa integracja przebiegła pomyślnie, to tutaj już nie musisz nic robić :)

Import kontaktów

Import klientów z platformy Selly jest bardzo łatwy, zajmie Ci dosłownie parę chwil.

Po zalogowaniu się do panelu Selly najedź na pole 1. Sprzedaż > a następnie wybierz 2. Klienci

Następnie zjedź na sam dół i wybierz Eksport CSV

Plik który zostanie pobrany załaduj do Trustisto. 

Instrukcję jak załadować plik CSV z kontaktami do Trustisto znajdziesz w tym miejscu.