Jak dodać koszyk Zanfia bezpośrednio na swoją stronę (CSS Classes)?

Możesz umieścić koszyk bezpośrednio na swojej stronie sprzedażowej, bez przekierowywania klientów do zewnętrznego linku. Dzięki temu cały proces zakupowy odbywa się w jednym miejscu na Twojej stronie produktu. Proces ten jest obsługiwany przez dodanie klas css do przycisku

1. Przejdź do ustawień koszyka produktu #

Przejdź do Produkty → wybierz produkt → Integracje → Koszyk na stronie.

2. Znajdź sekcję osadzania #

Znajdź sekcję Kod do wstawienia na stronę.
Znajdziesz tam gotowy kod do wklejenia na swoją stronę.

3. Skopiuj kod embed #

Kliknij przycisk Kopiuj kod lub zaznacz cały kod i skopiuj go ręcznie.

4. Dodaj skrypt otwierający koszyk (overlay) #

Dodaj skrypt na samym dole swojej strony:

<script src="https://mailingr.co/mailingr-checkout-1.0.min.js?productId={id_produktu}&host=https://mailingr.co/&overlay=true"></script>

Podmień {id_produktu} na ID produktu w Zanfii.

Przykład:

<script src="https://mailingr.co/mailingr-checkout-1.0.min.js?productId=prod_NOLi78GFEjUBx3&host=https://mailingr.co/&overlay=true"></script>

ID produktu znajdziesz tutaj:

5. Dodaj przycisk, który otworzy koszyk na stronie (dla konkretnej ceny) #

a) Dodaj przycisk na swojej stronie.

b) Dodaj klasy css mailingr-open oraz mailingr-price__{id_ceny}

Podmień {id_ceny} w powyższym kodzie na ID ceny w produkcie w Zanfii, dla której ma otworzyć się koszyk.

Np. dla ceny o ID: price_1M9a4PDr7RQDbP1pXyRcnluc

<a class="mailingr-open mailingr-price__price_1M9a4PDr7RQDbP1pXyRcnluc" href="#">Kup mój kurs</a>

Jeżeli korzystasz z wizualnych edytorów stron (np. Elementor) klasy możesz zdefiniować w parametrach przycisku.

ID ceny znajdziesz w liście cen dla danego produktu.

6. Ustal zachowanie po zakupie #

Domyślnie:

• Płatności bez przekierowania (np. karta, BLIK) — potwierdzenie zakupu pojawi
  się w panelu koszyka.

• Płatności z przekierowaniem (np. Przelewy24, PayU) — potwierdzenie pojawi się
  na stronie podziękowania operatora.

Jeśli chcesz przekierować klienta na własną stronę podziękowania, ustaw to w produkcie:
Szczegóły produktu → Ustawienia → Po zakupie.

8. Obsługa wielu produktów na jednej stronie (opcjonalnie) #

Jeśli chcesz mieć kilka przycisków dla różnych produktów na jednej stronie, użyj rozszerzonego ID przycisku:

a) Dodaj przycisk na swojej stronie.
b) Dodaj klasy css mailingr-open, mailingr-price__{id_ceny} oraz mailingr-product__{id_produktu}

Np. dla ceny o ID: price_1M9a4PDr7RQDbP1pXyRcnluc i produktu o ID: prod_NOLi78GFEjUBx3

<a id="mailingr-open mailingr-price__price_1M9a4PDr7RQDbP1pXyRcnluc mailingr-product__prod_NOLi78GFEjUBx3" href="#">Kup mój kurs</a>
  

Co dalej? #

👉 Metody płatności w koszyku Zanfia
👉 Upselling w koszyku
👉 Własna domena

Potrzebujesz pomocy?

support@zanfia.com