Jak skonfigurować koszyk
Konfiguracja koszyka w sklepie internetowym
Obejrzyj ten poradnik dotyczący konfiguracji koszyka na zakupy.
Jak dodać koszyk w sklepie internetowym
Pokaż
Jak korzystać z koszyka w sklepie internetowym
Pokaż
Konkretne wskazówki dotyczące pracy z koszykiem zakupowym
Pokaż
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, a także podać swoje dane kontaktowe i inne dodatkowe informacje.

Na stronieTilda można korzystać z koszyka w celu sprzedaży wybranych towarów z katalogu, a także pojedynczego produktu lub usługi.
Można na przykład stworzyć sklep internetowy z produktami lub strony promocyjne służące do sprzedaży kursów online, z osobnymi koszykami dla każdego produktu. Dzięki elastycznym ustawieniom koszyka można zrealizować na stronie nawet najbardziej nietypowe scenariusze sprzedaży.
Dodawanie koszyka
Aby dodać koszyk do projektu, przejdź do biblioteki bloków i kliknij kategorię „Sklep”. Z listy wybierz blok ST100 „Koszyk z formularzem zamówienia”.
Block Library: the "Store" category in the left panel and the ST100 "Shopping cart with an order form" block in the list.
Jak sprawdzić, czy koszyk działa
Aby sprawdzić, czy koszyk wyświetla się poprawnie na stronie, przejdź do podglądu i kliknij ikonę koszyka.
Page preview: shopping bag icon with item count badge in the upper-right corner.
W podglądzie produkt testowy jest domyślnie wyświetlany w koszyku. Produkt ten nie istnieje w Twoim projekcie – służy wyłącznie do wyświetlenia w podglądzie.
Product thumbnail in the cart pop-up and the "Back to editing" button in the bottom-left corner of page preview.
Aby sprawdzić, czy system płatności lub usługa dostawy działają prawidłowo, 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, nazwa integracji nie będzie wyświetlana w koszyku.

Nazwy integracji będą wyświetlane, jeśli do koszyka podłączonych jest więcej niż jedna usługa.
In the shopping cart checkout form: the "Payment method" options with radio buttons.
Scenariusze użytkowania koszyka na zakupy
Koszyk można dodać zarówno do osobnej strony projektu, jak i docałego projektu.

Umieszczenie koszyka w całym projekcie. W przypadku witryn wielostronicowych należy umieścić koszyk w nagłówku lub stopce, tak aby był zawsze widoczny dla klientów.
Site Settings, Header and Footer: "SET HEADER" and "SET FOOTER" dropdown fields.
Ustawienia nagłówka i stopki. Szczegółowe informacjeznajdziesz w instrukcji.
Umieszczenie koszyka na konkretnej stronie. Jeśli nie korzystasz z katalogu produktów i sprzedajesz pojedyncze pozycje lub potrzebujesz różnych ustawień koszyka na różnych stronach, możesz dodać blok koszyka do każdej strony.
Aby ustawienia koszyków nie nakładały się na siebie podczas korzystania z tej opcji, podczas konfigurowania koszyka należy wybrać opcję „Nie zapisuj produktu w koszyku”.
Cart block settings: the "Don't save product in a Cart" checkbox under the "MORE SETTINGS" section.
W tym celu przejdź do sekcji „Ustawienia”, 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 na inną stronę, poprzednie ustawienia koszyka nie zostaną zachowane w koszyku na tej stronie.
Umieszczenie koszyka w nagłówku i stopce sklepu internetowego. W serwisie Tilda można osobno dodać nagłówek i stopkę wyłącznie 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.
Catalog Settings: the "PRODUCT HEADER" and "PRODUCT FOOTER" dropdown lists, and the "Open page instead of pop-up" checkbox in the "Header and Footer" tab.
Jak działa koszyk na tej stronie
Koszyk pojawi się na stronie dopiero wtedy, gdy kupujący doda do niego co najmniej jeden produkt. Jeśli nie dodano żadnych produktów, ikona koszyka nie zostanie wyświetlona.
Jeśli koszyk zostanie dodany do nagłówka, stopki lub strony serwisu, jego ikona będzie zawsze widoczna 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ą od razu widoczne w opublikowanej wersji serwisu.
Product page: the "BUY NOW" button and the shopping cart widget with order total and item count in the upper right.
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 konieczności wypełniania formularza zamówienia. Kupujący będzie mógł wypełnić formularz później, po przejściu do koszyka.
W ustawieniach koszyka można również skonfigurować domyślne zachowanie dotyczące usuwania produktów z koszyka po jego zamknięciu. Aby dowiedzieć się więcej o tym, dlaczego jest to potrzebne i jak to skonfigurować, zapoznaj się z poniższym przewodnikiem.
In the cart block Settings panel: the "Open cart after product pick" checkbox at the top.
Konfiguracja sposobu otwierania koszyka.
Ogólne ustawienia koszyka i płatności
Kliknij na tag, aby przejść bezpośrednio do opisu potrzebnego ustawienia w instrukcji.
Trwałość koszyka zakupowego
Jeśli użytkownik dodaje produkt do koszyka na jednej stronie, a następnie otwiera inną stronę lub opuszcza witrynę, produkt pozostanie w koszyku przez 30 dni. Okres ten można zmienić w ustawieniach bloku. Jeśli wartość zostanie ustawiona na 0, produkt zostanie usunięty z koszyka natychmiast po zamknięciu okienka koszyka.
Block Settings > More Settings: The "Number of days for save products in a cart" field in the settings panel.
Konfiguracja czasu przechowywania produktu w koszyku.
Podłączanie systemów płatności do koszyka
Domyślnie w koszyku nie ma żadnych opcji płatności – należy je podłączyć osobno w ustawieniach strony. Można podłączyć jeden lub więcej systemów płatności. Przejdź do sekcji „Ustawienia strony” → „Systemy płatności” i wybierz odpowiednie opcje z listy.Szczegółowe informacje na temat korzystania z systemów płatności znajdziesz tutaj.
Site Settings → Payment Systems: the "SERVICES: UNITED STATES" country selector dropdown above the available payment services.
Strona służąca do konfiguracji systemu płatności i waluty.
Zapisywanie danych kontaktowych
Aby klienci nie musieli podawać swoich danych kontaktowych przy kolejnych zakupach w Twoim sklepie internetowym, włącz opcję zapisywania danych kontaktowych.

W tym celu otwórz blok ST100 → Treść → Pola wprowadzania danych i dodaj nowe pole wyboru: „Zapisz dane kontaktowe na następny zakup”.
Block Content panel: "Save and close" button in the top bar with "Checkbox: Save contact data for the next purchase" field settings below.
Włączenie opcji zapisywania danych kontaktowych kupującego.
Dane zawarte w koszyku są zapisywane w przeglądarce kupującego, więc nie ma potrzeby uwzględniania ich w Polityce prywatności na Państwa stronie internetowej. Jeśli kupujący chce usunąć te 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 dopiero od określonej kwoty, np. 10 dolarów, możesz ustawić 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 odpowiednią informację w koszyku.
Formularze zamówień
Kupujący korzystają z formularza zamówienia, aby podać swoje dane na Twojej stronie internetowej. Aby go skonfigurować, kliknij opcję „Treść” w bloku ST100. Następnie:

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

W ustawieniach bloku możesz wybrać styl koszyka i pól.
The shopping cart pop-up window with fields "Your Name", "Your Email", "Your Phone", the "Cash" payment method, and the "Checkout" button.
Formularz zamówienia dla sklepu internetowego.
Usługi gromadzenia danych
Domyślnie dane z formularza są przechowywane w sekcji „Leads” przez 30 dni. Okres ten można wydłużyć do 90 dni w sekcji „Ustawienia witryny” → „Formularze” → „Ogólne ustawienia formularzy”.

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

Więcej informacji znajdziesz w przewodniku po usługach gromadzenia danych.
Block content panel: the "FORM DATA RECEIVER" section with "CONNECTED SERVICES" checkboxes selected.
Przykład połączenia usług gromadzenia danych w koszyku.
Warianty dostawy
W koszyku można skonfigurować dostawę, korzystając z podłączonych usług dostawczych oraz 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 dostawczych.

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

Jeśli dostawa nie jest bezpłatna, umieść znak „=” i podaj cenę dostawy bez podawania waluty:
Odbiór osobisty
, dostawa kurierska 20 $ = 20
Shopping cart Content panel: the "DELIVERY VARIANTS" field settings with the "VARIANTS" and "MINIMUM ORDER VALUE REQUIRED FOR FREE SHIPPING" fields.
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 pozyskiwania potencjalnych klientów, możesz skonfigurować stronę potwierdzenia bezpośrednio w nim. Kliknij opcję „Treść” w bloku ST100, przejdź do zakładki „Więcej”, a następnie w polu „Adres URL strony potwierdzenia” podaj link do żądanej strony.
Shopping cart block Content panel: the "MORE" section header and the "SUCCESS MESSAGE" field.
Konfiguracja strony potwierdzenia zakupu za pomocą koszyka ST100.
Jeśli do projektu podłączono system płatności, należy skonfigurować stronę potwierdzenia w ustawieniach tego systemu. W tym celu przejdź do sekcji Ustawienia witryny → Systemy płatności, wybierz usługę z listy i podaj adres URL strony potwierdzenia w jej ustawieniach.
Wykonane na
Tilda