Jak skonfigurować koszyk zakupowy

Konfiguracja koszyka zakupowego dla sklepu internetowego

Obejrzyj ten samouczek dotyczący konfiguracji koszyka na zakupy.

Dodawanie koszyka na zakupy

Jak dodać koszyk w sklepie internetowym

Pokaż

Scenariusze użytkowania koszyka na zakupy

Jak korzystać z koszyka w sklepie internetowym

Pokaż

Jak działa koszyk zakupowy

Konkretne wskazówki dotyczące pracy z koszykiem zakupowym

Pokaż

Ogólne ustawienia koszyka

Trwałość koszyka, minimalna kwota zamówienia i inne parametry

Pokaż

Korzystając z koszyka, kupujący może wybrać opcje płatności i dostawy, podać swoje dane kontaktowe i inne dodatkowe informacje.

W Tilda można używać koszyka do sprzedaży wybranych towarów z katalogu, a także pojedynczych produktów lub usług.

Na przykład, możesz stworzyć sklep internetowy z produktami lub stronami promocyjnymi do sprzedaży kursów online z unikalnymi koszykami dla każdego produktu. Dzięki elastycznym ustawieniom koszyka możesz tworzyć najbardziej niestandardowe scenariusze sprzedaży na stronie internetowej.

Dodawanie koszyka na zakupy

Aby dodać koszyk do projektu, przejdź do biblioteki bloków i kliknij kategorię „Sklep”. Wybierz z listy blok ST100 „Koszyk z formularzem zamówienia”.

Jak sprawdzić, czy koszyk działa

Aby sprawdzić, czy koszyk wyświetla się poprawnie na stronie internetowej, przejdź do podglądu i kliknij ikonę koszyka.

W podglądzie produkt testowy jest domyślnie wyświetlany w koszyku. Produkt ten nie istnieje w projekcie, służy jedynie do wyświetlenia w podglądzie.

Aby sprawdzić, czy system płatności lub usługa dostawy działają, należy opublikować stronę z koszykiem. Na opublikowanej stronie dodaj produkt do koszyka, wypełnij wszystkie pola i złóż zamówienie.

Jeśli do koszyka podłączony jest tylko jeden system płatności lub usługa dostawy produktów, tytuł integracji nie będzie wyświetlany w koszyku.

Tytuły integracji będą wyświetlane, jeśli do koszyka podłączonych jest więcej niż jedna usługa.

Scenariusze użytkowania koszyka na zakupy

Koszyk można dodać zarówno do osobnej strony projektu, jak i do całego projektu.

Umieszczenie koszyka w całym projekcie. W przypadku witryn wielostronicowych umieść koszyk w nagłówku lub stopce, aby był zawsze widoczny dla klientów.

Ustawienia nagłówka i stopki. Szczegółowe informacje można znaleźć w przewodniku.

Umieszczenie koszyka na konkretnej stronie. Jeśli nie korzystasz z katalogu produktów i sprzedajesz pojedyncze przedmioty lub potrzebujesz różnych ustawień koszyka na różnych stronach, możesz dodać blok koszyka do każdej strony.

Aby ustawienia koszyka nie nakładały się na siebie podczas korzystania z tej opcji, należy wybrać opcję Nie zapisuj produktu w koszyku podczas konfigurowania koszyka.

Aby to zrobić, przejdź do Ustawień, otwórz zakładkę Więcej ustawień i zaznacz pole wyboru Nie zapisuj produktu w koszyku. Po zamknięciu koszyka produkt zostanie usunięty. Jeśli kupujący przejdzie do innej strony, poprzednie ustawienia koszyka nie zostaną zachowane w koszyku na innej stronie.

Umieszczenie koszyka w nagłówku i stopce sklepu internetowego. W Tilda można osobno dodać nagłówek i stopkę tylko do stron związanych z produktami w sklepie internetowym. Aby to zrobić, karty produktów muszą otwierać się jako strony. Szczegółowy przewodnik dotyczący pracy z kartami jest dostępny pod tym linkiem.

Jak działa koszyk na stronie

Koszyk pojawi się na stronie dopiero po dodaniu do niego co najmniej jednego produktu przez kupującego. Jeśli nie dodano żadnych produktów, ikona koszyka nie będzie wyświetlana.

Jeśli koszyk zostanie dodany do nagłówka, stopki lub strony witryny internetowej, jego ikona będzie zawsze wyświetlana w podglądzie. Kliknięcie ikony spowoduje wyświetlenie przykładowego produktu. Pokazuje to, jak działa koszyk.

Nie martw się, ani ikona, ani produkt nie będą wyświetlane jednocześnie w opublikowanej wersji witryny internetowej.

Koszyk pojawia się po kliknięciu przycisku „Kup”.

Gdy kupujący dodaje produkt do koszyka, na ekranie pojawia się wyskakujące okienko z formularzem zamówienia.

Jeśli wyłączysz opcję wyświetlania koszyka po wybraniu produktu, produkt zostanie dodany do koszyka bez wypełniania formularza zamówienia. Kupujący będzie mógł wypełnić formularz później, przechodząc do koszyka.

W ustawieniach koszyka można również skonfigurować domyślne zachowanie polegające na usuwaniu produktów z koszyka po jego zamknięciu. Aby uzyskać więcej informacji na temat tego, dlaczego jest to potrzebne i jak to skonfigurować, przeczytaj poniższy przewodnik.

Konfiguracja sposobu otwierania koszyka

Ogólne ustawienia koszyka i płatności

Kliknij tag, aby przejść bezpośrednio do opisu potrzebnego ustawienia w przewodniku.

Trwałość koszyka zakupowego

Jeśli osoba odwiedzająca stronę internetową doda produkt do koszyka na jednej stronie, a następnie otworzy inną stronę lub zamknie stronę internetową, produkt pozostanie w koszyku przez 30 dni. Czas ten można zmienić w ustawieniach bloku. Jeśli zostanie ustawiony na 0, produkt zostanie usunięty z koszyka zaraz po zamknięciu wyskakującego okienka koszyka.

Konfiguracja czasu przechowywania produktu w koszyku

Łączenie systemów płatności z koszykiem zakupowym

Domyślnie w koszyku nie ma opcji płatności, należy je podłączyć osobno poprzez ustawienia strony internetowej. Można podłączyć jeden lub więcej systemów płatności. Przejdź do Ustawienia strony → Systemy płatności i wybierz potrzebne opcje z listy. Szczegółowe informacje na temat pracy z systemami płatności znajdują się tutaj.

Strona służąca do konfiguracji systemu płatności i waluty

Zapisywanie danych kontaktowych

Aby kupujący nie musieli wypełniać swoich danych kontaktowych przy ponownych zakupach w Twojej witrynie, włącz opcję zapisywania informacji kontaktowych.

W tym celu otwórz blok ST100 → Treść → Pola wprowadzania danych i dodaj nowe pole wyboru: Zapisz dane kontaktowe do następnego zakupu.

Włączenie opcji zapisywania danych kontaktowych kupującego

Dane w koszyku są zapisywane w przeglądarce kupującego, więc nie ma potrzeby umieszczania ich w Polityce prywatności na Twojej stronie internetowej. Jeśli kupujący chce usunąć dane, wystarczy, że wyczyści pamięć podręczną przeglądarki.

Wszystkie przesyłane dane są szyfrowane i chronione przed przechwyceniem przez osoby trzecie.

Minimalna kwota zamówienia

Jeśli chcesz, aby zamówienia były składane od określonej kwoty, np. 10 USD, możesz określić minimalną kwotę zamówienia.

Jeśli kupujący wybierze produkt o niższej wartości, zostanie on dodany do koszyka, ale przycisk „Do kasy” będzie nieaktywny, a kupujący zobaczy podpowiedź tekstową w koszyku.

Konfiguracja minimalnej kwoty zamówienia

Formularze zamówień

Kupujący używają formularza zamówienia do przesyłania swoich danych na Twojej stronie internetowej. Aby go skonfigurować, kliknij na sekcję „Treść” w bloku ST100. Następnie:

— dodaj i skonfiguruj pola do wypełnienia przez kupujących, przypisz im tytuły;
— wybierz, które pola są obowiązkowe;
— podłącz usługi przechwytywania danych, aby otrzymywać potencjalnych klientów z formularza.

W ustawieniach bloku możesz wybrać styl koszyka i pól.

Formularz zamówienia dla sklepu internetowego

Usługi gromadzenia danych

Domyślnie dane formularza są zapisywane w sekcji Potencjalni klienci przez 30 dni. Okres ten można zmienić do 90 dni w sekcji Ustawienia witryny → Formularze → Ogólne ustawienia formularzy.

Potencjalnych klientów można otrzymywać na adres e-mail, do Arkuszy Google lub wysyłać do zintegrowanych usług, takich jak MailChimp, GetResponse, UniSender. Można je połączyć w sekcji Ustawienia witryny → Formularze

Więcej informacji można znaleźć w przewodniku po usługach przechwytywania danych.

Przykład połączenia usług przechwytywania danych w koszyku zakupowym

Warianty dostawy

W koszyku można ustawić dostawę, korzystając z podłączonych usług dostawczych i wbudowanego pola „Warianty dostawy”. Niniejszy przewodnik opisuje, jak dodać usługi dostawcze do projektu i podłączyć je do koszyka.

Poniżej opisano opcję pola Warianty dostawy bez podłączonych usług dostawy.

Aby wyświetlić warianty dostawy podczas składania zamówienia, kliknij opcję Treść w bloku Koszyk ST100. Dodaj typ pola Warianty dostawy i w polu Warianty wymień opcje dostawy, każdą opcję w osobnym wierszu.

Jeśli dostawa nie jest bezpłatna, umieść znak „=” i podaj cenę dostawy bez waluty:

Bezpłatny odbiór lokalny
Dostawa kurierska 20 $ =20

Strona sukcesu dla koszyka zakupowego

Jeśli na stronie internetowej nie ma możliwości dokonywania płatności online, a koszyk służy wyłącznie do zbierania leadów, można skonfigurować stronę sukcesu bezpośrednio w nim. Kliknij na sekcję Treść w bloku ST100 i przejdź do zakładki Więcej, a następnie w polu Adres URL strony sukcesu podaj link do potrzebnej strony.

Konfiguracja strony sukcesu za pomocą koszyka ST100

Jeśli masz system płatności podłączony do projektu, musisz skonfigurować stronę sukcesu w ustawieniach systemu płatności. Aby to zrobić, przejdź do Ustawienia witryny → Systemy płatności, wybierz usługę z listy i podaj adres URL strony sukcesu w jej ustawieniach.