C cenaly.com
Zacznij za darmo

Zamówienia online na własnej stronie

Przyciski „Do koszyka” i składanie zamówień na Twojej istniejącej stronie

9 min read Otwórz ten ekran w demo
On this page 10

Zamówienie online na własnej stronie

Widżet „Zamówienie online” dodaje przyjmowanie zamówień do strony, którą już masz. Niczego nie trzeba przenosić ani przerabiać: widżet czyta strony Twojej witryny, umieszcza na nich przyciski „Do koszyka” i prowadzi koszyk oraz składanie zamówienia na wierzchu Twojej struktury.

Gdzie: Marketing → „Moja strona” → karta „Zamówienie online” → ikona zębatego. Kod instalacyjny jest wspólny dla wszystkich widżetów, zobacz Moja strona.


Cztery tryby pracy#

Tryb Co widzi odwiedzający Kiedy wybrać
Własna witryna Przycisk „Zamów”; po kliknięciu otwiera się Twoja witryna z menu i koszykiem na wierzchu strony Wizytówka, strona docelowa, blog — na stronach nie ma produktów
Na wierzchu strony Nasze przyciski „Do koszyka” bezpośrednio w Twojej strukturze — na karcie produktu i w katalogu, koszyk w rogu ekranu Strona ma już katalog produktów, ale nie przyjmuje zamówień (albo robi to niewygodnie)
Zastąp przyciski To samo plus ukryte rodzime przyciski „kup” i koszyk strony Chcesz, aby wszystkie zamówienia przechodziły tylko przez nas
Pełne przechwycenie Strona wygląda na nietkniętą: przyciski pozostają rodzime, ale ich naciśnięcie przenosi produkt do naszego koszyka, przejście do koszyka strony otwiera nasz, a liczniki i kwoty pokazują nasze liczby Witryna jest już dobrze zbudowana — nie chcesz zmieniać jej wyglądu, a zamówienia i ceny mają być nasze

Skanowanie strony#

Wszystkie tryby poza „własną witryną” działają na podstawie mapy strony: gdzie na Twoich stronach znajduje się nazwa produktu, cena, obraz, rodzimy przycisk zakupu i rodzimy koszyk.

Mapę buduje skaner: podaj adres i naciśnij „Skanuj stronę” — zwykle 1–3 minuty. W środku:

  1. Presety platform — gotowy zestaw selektorów jest dla ośmiu platform: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Skaner rozpoznaje po odcisku jeszcze Ecwid, Squarespace i Wix, ale nie ma dla nich presetu — mapa powstaje w wyniku analizy AI;
  2. Analiza AI struktury — dla stron pisanych na zamówienie i niestandardowych motywów;
  3. Sprawdzenie każdego znalezionego selektora na rzeczywistych stronach; dane są porównywane ze znacznikami produktu. Niesprawdzony selektor nie trafia do mapy — lepiej mniej przycisków niż przycisk w złym miejscu.

W efekcie widać: rozpoznaną platformę, liczbę przeskanowanych stron, przykład rozpoznanego produktu oraz osobno — stronę produktu i karty katalogu. Mapa jest stosowana przyciskiem i zapisywana razem z ustawieniami widżetu. Strona się zmieniła — po prostu zeskanuj ponownie.


Rozmieszczenie przycisków i wygląd#

Konfiguruje się na makietach z podglądem na żywo — typowa strona produktu i katalog:

  • Przycisk na stronie produktu: pod ceną, obok rodzimego przycisku strony, pływający na dole ekranu lub wyłączony (główny scenariusz „pełnego przechwycenia” — nie ma własnego przycisku, gość naciska rodzimy);
  • Przycisk na karcie katalogu: na wierzchu karty, pod kartą lub wyłączony;
  • Przycisk koszyka: dowolny z czterech rogów ekranu;
  • Kolor przycisków i tekst („Do koszyka”, „Zamów”, własny) — podpis można ustawić osobno dla każdego języka Twojej strony.

Własne ceny#

Osobny przełącznik: widżet przelicza cenę z Twojej strony na swoją i pokazuje ją gościowi — na stronie produktu, w katalogu i w koszyku.

  • Podstawowa reguła dla wszystkich produktów: procent, narzut w walucie, ograniczenia „nie niżej / nie wyżej” i zaokrąglanie (do liczby całkowitej, końcówka …9, grosze ,99, równe dziesiątki …0, wielokrotność 10/50/100).
  • Punktowe nadpisania według adresu strony, nazwy lub numeru artykułu: własna cena, własna reguła, inna nazwa w koszyku lub „wycofany ze sprzedaży” — wtedy przycisk nie jest umieszczany.
  • Opcje wyświetlania: stara cena przekreślona obok nowej, podpis w rodzaju „cena promocyjna”, własny podpis waluty, dodatkowe miejsca z cenami (przyklejony panel, blok „podobne produkty”). Przerysowywanie cen bezpośrednio w strukturze strony można też wyłączyć: gość zobaczy cenę strony, a do koszyka trafi Twoja.
  • W koncie jest podgląd „było → jest” na przykładowej cenie z Twojej strony.

⚠️ Nadpisanie jest wizualne: backend Twojej strony nie wie o nowej cenie. Dlatego własne ceny mają sens razem z przechwyceniem zamówienia — inaczej gość, który naciśnie ocalały rodzimy przycisk, złoży zamówienie po starej cenie z pominięciem Ciebie. W trybie „Pełne przechwycenie” własne ceny są domyślnie włączone, a panel administracyjny ostrzega, jeśli włączyłeś je bez przechwycenia.


Co się dzieje po złożeniu zamówienia#

Gość wkłada produkty do koszyka, otwiera go i składa zamówienie — imię, telefon, dostawa lub odbiór osobisty z adresem, komentarz. Zamówienie trafia do sekcji „Zamówienia” konta, na równi z zamówieniami z witryny, kasy i agregatorów: te same statusy, powiadomienia, druk i przekazanie do kuchni. Osobnego „inboksu widżetu” nie ma. Każda pozycja zamówienia przychodzi z linkiem do tej strony Twojej witryny, z której została włożona do koszyka — operator widzi, co dokładnie zamówiono.

Wszystko pozostałe dotyczące zamówienia online konfiguruje się tam samo, w oknie modalnym widżetu: jest ono zbudowane jak akordeon z sekcjami „Widżet na Twojej stronie”, „Przyjmowanie zamówień”, „Dostawa i odbiór osobisty”, „Płatność”, „Składanie zamówienia” i „Fiskalizacja paragonów” — te same formularze co w odpowiednich sekcjach konta, zebrane w jednym miejscu.


Przycisk „Powiadom o dostępności”#

Drugi, osobny tag tego samego widżetu — dla strony wyprzedanego produktu w Twoim serwisie. Gość naciska przycisk, zostawia adres e-mail, potwierdza go linkiem z wiadomości i otrzymuje jedną wiadomość, gdy produkt wrócił do dostępności; w wiadomości potwierdzającej obok „potwierdź” jest też „odrzuć”. Powiadomienia wysyła ten sam mechanizm co w przypadku subskrypcji „powiadom o dostępności” w naszej witrynie — drugi nie powstaje.

Jak podłączyć: w oknie ustawień zamówienia online otwórz kartę „🔔 Powiadom o dostępności”, wybierz produkt i, jeśli jest, wariant z własnego opublikowanego katalogu — generator złoży kod. Na stronie produktu umieść przycisk z atrybutem data-cenaly-stock="<товар>" (gotowy przykład — w tej samej karcie) i raz wstaw tag stock/v1.js. Loader waży mniej niż kilobajt i potrafi dokładnie jedno — doczekać się kliknięcia; formularz subskrypcji, słowniki i wysyłka docierają osobnym plikiem już po działaniu gościa.

Co warto wiedzieć:

  • Produkt przypisuje się ręcznie. Cudzego katalogu nie porównujemy i stanów z cudzej strony nie odczytujemy: „wrócił do dostępności” — to dostępność w Twoim katalogu u nas, ta sama, którą widzi nasza witryna. Produktu, którego nie ma w opublikowanym katalogu placówki, przycisk nie przyjmie.
  • Subskrypcja potwierdzana jest e-mailem (double opt-in): do kliknięcia linku w wiadomości wiadomości o dostępności nie są wysyłane.
  • Subskrypcja nie rezerwuje produktu. Powiadomienie jest wysyłane przy powrocie do dostępności w naszym katalogu. W obecnej wersji jeden adres e-mail jest uwzględniany raz dla produktu: ponowna subskrypcja na inny wariant tego samego produktu nie zastępuje już wybranego wariantu.
  • Przy ścisłym CSP tylko z nonce formularz subskrypcji na razie nie otworzy się bez dodatkowego zezwolenia na skrypty CDN lub odpowiedniej polityki 'strict-dynamic': szczegóły — w „Mój serwis”.
  • To nie jest jeden wspólny tag. Przycisku „Powiadom o dostępności” pojedynczy loader „Mojego serwisu” nie podnosi — ma swój tag i własny znacznik na stronie, bo stoi tylko tam, gdzie go postawisz.

Ograniczenia#

  • Skaner czyta serwerowy HTML. Jeśli katalog jest w całości rysowany przez JavaScript, strony produktów mogą się nie znaleźć — wtedy działa tryb „Własna witryna”.
  • Produkty w koszyku są pobierane ze stron Twojego serwisu, a nie z katalogu w koncie: nazwę i cenę widżet czyta z samej strony (i w razie potrzeby przelicza według Twojej reguły cen). Przenoszenie katalogu do nas z tego powodu nie jest potrzebne — ale i stany w koncie takich zamówień nie zdejmują.
  • W koszyku widżetu można wybrać płatność przy odbiorze lub płatność online, jeśli dla placówki skonfigurowano obsługiwanego dostawcę. Po utworzeniu zamówienia gość przechodzi na stronę dostawcy; sam widżet nie przyjmuje danych karty. Jeśli przygotowanie płatności się nie udało, można ją powtórzyć dla już utworzonego zamówienia.
  • W trybie „Zamień przyciski” rodzime przyciski są ukrywane wizualnie; jeśli w serwisie istnieje inna droga do złożenia zamówienia (na przykład bezpośredni link do cudzego koszyka), trzeba ją usunąć samodzielnie — albo przejść w tryb „Pełne przechwycenie”, który takie przejścia przejmuje.

Rozwiązywanie problemów#

W serwisie nie ma przycisków „Do koszyka”.

  1. Nie znaleziono tagu — naciśnij „Sprawdź instalację” w sekcji „Mój serwis”. „Nie ma kodu” — tag nie został wstawiony lub nie stoi na wszystkich stronach szablonu; „kod innej placówki” — w tagu jest obcy data-domain. Tag wstawia Google Tag Manager — weryfikacja go nie zobaczy, oglądaj serwis na własne oczy.
  2. Zmiany nie dotarły — pliki widżetów są rozdawane przez CDN z pamięcią podręczną 5 minut: poczekaj i odśwież stronę z wyczyszczeniem pamięci podręcznej.
  3. Mapa serwisu nie jest zbudowana lub nie została zastosowana — w trybach innych niż „własna witryna” przyciski są stawiane według mapy: przeskanuj serwis i zastosuj wynik.
  4. Skaner nie znalazł stron produktów — czyta serwerowy HTML; jeśli katalog jest w całości rysowany przez JavaScript, przełącz się na tryb „Własna witryna”.
  5. Przycisk na stronie produktu jest wyłączony w ustawieniach rozmieszczenia — tak właśnie ma być w scenariuszu „pełnego przechwycenia”, gdzie gość naciska rodzimy przycisk serwisu.

Przycisk koszyka zniknął. Sprawdź wybrany róg ekranu w ustawieniach rozmieszczenia; jeśli włączony jest multiprzycisk i w jego wachlarzu jest pozycja „Zamów”, własny przycisk widżetu jest celowo wygaszany.

Przyciski stanęły nie tam albo zniknęły po aktualizacji serwisu. Układ się zmienił — naciśnij „Skanuj ponownie”: ustawienia rozmieszczenia przy tym się zachowają.

Ceny na stronie się nie zmieniły. Przerysowanie cen bezpośrednio w znaczniku serwisu można wyłączyć ustawieniem — wtedy gość widzi cenę serwisu, a do koszyka jedzie Twoja. Sprawdź też, czy reguła cen jest włączona i czy dla tego produktu nie ma punktowego nadpisania.

Gość złożył zamówienie w serwisie, a zamówienia nie ma w koncie. Najprawdopodobniej zamówienie poszło obok nas — przez ocalały rodzimy przycisk lub bezpośredni link do koszyka serwisu. To leczy tryb „Zamień przyciski” lub „Pełne przechwycenie”.

W zamówieniu jest nie ta cena. Nadpisywanie cen jest wizualne: backend Twojego serwisu o nim nie wie. Własne ceny ma sens włączać tylko razem z przechwyceniem zamówienia — inaczej część zamówień zostanie złożona po starej cenie obok nas.


Powiązane sekcje#


Częste pytania#

Czy trzeba przenosić katalog do was? Nie. Widżet działa z towarami bezpośrednio na stronach twojej witryny — nazwy i ceny czyta właśnie stamtąd. Katalog w koncie jest potrzebny, jeśli chcesz prowadzić ewidencję magazynową, analitykę według przedmiotów i naszą witrynę: można go przenieść przez import po adresie witryny lub z pliku — zob. Import katalogu AI i Sklep internetowy.

Co, jeśli witryna się zmieniła? Kliknij „Skanuj ponownie” — mapa zostanie zaktualizowana, a ustawienia rozmieszczenia zachowane.

Czy widżet zepsuje układ strony? Przyciski są wstawiane w znalezione miejsca twojego kodu, wygląd można dostosować; koszyk i zamówienie otwierają się na wierzchu strony i nie naruszają twojego układu.

Was this article helpful?