Dodawanie produktów do sklepu internetowego
Jak tworzyć i dodawać produkty w serwisie Tilda
Na stronieTilda możesz stworzyć w pełni funkcjonalny sklep internetowy z katalogiem produktów, kontem użytkownika i opcjami dostawy. Ten szczegółowy przewodnik opisuje sposoby dodawania produktów.
Produkty w Twoim sklepie internetowym można dodawać na dwa sposoby: za pomocą funkcji „Katalog” oraz ręcznie, bezpośrednio na stronie.
Dodawanie i zarządzanie katalogiem produktów w sklepie internetowym
Czytaj więcej
Zarządzanie produktami za pomocą bloku „Treść”
Czytaj więcej
Aktywacja katalogu
Aby zacząć korzystać z katalogu, musisz go aktywować. Przejdź do sekcji „Ustawienia witryny” → „Wbudowane usługi” → „Katalog produktów” → „Połącz”.
Site Settings > "Built-in services": the "Connect" button under "Product catalog".
Otworzy się strona główna katalogu. Kliknij przycisk „Rozpocznij korzystanie z katalogu produktów”, aby kontynuować.
The "Get started with Product Catalog" button on the Product Catalog welcome page.
Na stronie zarządzania katalogiem pojawią się trzy produkty testowe. Można je usunąć; służą one wyłącznie do celów demonstracyjnych.
Online store Catalog: the "+ Add product" button in the upper right corner of the product list.
Dodawanie produktów za pośrednictwem katalogu
Kliknij przycisk „Dodaj produkt”, aby utworzyć nowy produkt w katalogu. Wpisz jego nazwę, a otworzy się karta, w której możesz wypełnić pozostałe pola produktu.
Jeśli zamierzasz utworzyć wiele produktów, skorzystaj z funkcji importu produktów za pomocą plików CSV lub YML. Szczegółowe instrukcje znajdziesz poniżej:
Wypełnianie i konfigurowanie karty produktu
Podstawowe pola karty produktu. Po utworzeniu karty produktu należy ją wypełnić:

  • Tytuł— nazwa produktu;
  • Opis— krótki opis produktu, który będzie wyświetlany w podglądzie karty produktu;
  • Tekst— szczegółowy opis produktu, który będzie wyświetlany w okienku informacyjnym produktu lub na stronie.
Product editor: "TITLE", "DESCRIPTION", and "TEXT" fields in the side panel.
Do wprowadzania opisu i tekstu służy edytor tekstu. Opis można sformatować według własnego uznania. Nie ma jednak możliwości umieszczania obrazów w treści tekstu.
Za pomocą narzędzia „zakraplacz” w edytorze tekstu można zmienić kolor czcionki. W takim przypadku zmiany koloru w karcie produktu będą miały pierwszeństwo przed zmianami koloru czcionki wprowadzonymi w ustawieniach bloku sklepu.
Product editor: the text formatting toolbar and text field below "DESCRIPTION".
Zdjęcia i filmy. Do karty produktu można dodać jedno lub więcej zdjęć, a także film. Należy kliknąć przycisk „Film” i wskazać źródło filmu w polu „Typ filmu”. Na karcie produktu można wyświetlać filmy z serwisów YouTube, Vimeo, Rutube, Kinescope i VK Video.
Warianty produktów. W zakładce „Warianty produktów” możesz tworzyć warianty produktów według koloru, rozmiaru i innych parametrów. Do każdego wariantu możesz również przypisać własny obrazek.

Opcje dodatkowe. W tym miejscu możesz ustawić dodatkowe parametry, które mają zastosowanie do wszystkich wariantów produktu. Możesz na przykład dodać opakowanie prezentowe lub dodatkową usługę do każdego wariantu. Każda opcja dodatkowa może wpływać na ostateczną cenę produktu.
Product editing panel in the online store: the "PRODUCT VARIANTS" and "ADDITIONAL OPTIONS" sections.
Kategorie produktów. Tutaj możesz sprawdzić, do których kategorii został dodany dany produkt. Aby dodać produkt do innej kategorii, kliknij przycisk „Dodaj do kategorii”, a aby usunąć produkt z kategorii, kliknij krzyżyk obok pozycji na liście.
Product editor: the "PRODUCT CATEGORIES" section and the "+ Add to category" button.
Jeśli na karcie produktu pojawia się komunikat „Blok zawierający ten produkt nie został opublikowany na stronie internetowej”, oznacza to, że produkt nie jest wyświetlany na stronie. Aby rozwiązać ten problem, należy opublikować blok kategorii produktu na stronie internetowej.
Product editing panel in the online store: "The block with the product is not published on the website" notification under "Product categories".
Cechy. W tej zakładce można ustawić domyślne cechy, takie jak marka, wymiary i waga. Wartości podane w polach dotyczących wymiarów i wagi są również wykorzystywane przezfirmy kurierskie do prawidłowego obliczania kosztów wysyłki.

W tej zakładce można również tworzyć własne cechy i zmieniać ich kolejność. Cechy można wykorzystać do tworzenia filtrów dla katalogu.
Product editing panel in the online store: the "CHARACTERISTICS" section with brand, dimensions, weight, and custom parameters.
Zakładki. W zakładce „Zakładki” można zamieścić dodatkowe informacje o produkcie. Można dodać cztery rodzaje zakładek:


  • Informacje— blok tekstowy, do którego można również dodawać zdjęcia i filmy;
  • Szablon— służący do wpisywania standardowych informacji, które można jednym kliknięciem dodać do wszystkich kart produktów;
  • Informacja: Tekst— czy chcesz powielić opis produktu w zakładkach, czy też nie wyświetlać go w samej karcie produktu;
  • Informacje: Charakterystyka— jeśli chcesz wyświetlić wszystkie cechy produktu w osobnym bloku.
Online store product editor: The "TABS" section with the "Add a new tab" button in the left settings panel.
SEO. Pola te służą do optymalizacji pod kątem wyszukiwarek. W tej zakładce można wprowadzić tytuł, opis i słowa kluczowe.
Product editor: the expanded "SEO" section in the left panel.
Produkty sprzedawane na wagę. Jeśli zamierzasz sprzedawać produkty na wagę lub na długość, możesz określić jednostkę miary i ilość jednostkową w zakładce „Produkty sprzedawane na wagę”.
Product editing panel in the online store: the "SOLD BY WEIGHT" section with the "UNIT OF MEASUREMENT" and "UNIT QUANTITY" fields.
Link do strony produktu. W tym polu należy podać adres strony produktu utworzonej wcześniej. Na przykład, jeśli utworzyłeś stronę docelową dla produktu — możesz umieścić w tym polu link do niej. Teraz, gdy kupujący kliknie zdjęcie produktu w siatce produktów, zostanie przekierowany właśnie na tę stronę.
In the product editing panel, the "LINK TO THE PRODUCT PAGE" field.
Dodatkowe ustawienia. W karcie produktu można również ustawić widoczność produktu, podać jego kod zewnętrzny (wymagany w przypadku korzystania z integracji), a także identyfikator produktu (Product ID), który jest niezbędny do powiązania produktu z blokami ST2** i ST5**.

Można również powielić, usunąć lub zmienić kolejność karty produktu, korzystając z opcji dostępnych w samej karcie.
Product editing panel: The "VISIBILITY" dropdown, "PRODUCT EXTERNAL ID" field, and product actions at the bottom.
Rezerwacja produktu
W katalogu produktów można ustawić liczbę sztuk dostępnych w magazynie. Dzięki temu, gdy klient rozpocznie zakupy, sztuki produktu zostaną zarezerwowane, a ich liczba ulegnie zmniejszeniu. Różne systemy płatności mają różne terminy, w których należy dokonać płatności.

Można ustawić opcję, zgodnie z którą produkt będzie zarezerwowany do momentu jego zakupu (gdy nadejdzie powiadomienie z systemu płatności), lub określić okres, w którym produkt powinien zostać zakupiony. Ustawienia te można wprowadzić w sekcji Ustawienia serwisu → Systemy płatności → Ogólne ustawienia płatności → Rezerwacja produktu.
In Site Settings > Payment Systems: the "Edit Settings" button under the "GENERAL PAYMENT SETTINGS" section.
Online store settings: "BOOK A PRODUCT" dropdown menu, the "Do not create orders with zero price" option, and "Save" button.
Zobacz także sekcję
Możesz dodać sekcję prezentującą produkty, które mogą zainteresować kupującego. Po wyświetleniu produktu pojawia się dodatkowy element, w którym kupującemu proponowane są inne produkty z Twojego sklepu.

Aby aktywować ten element, należy połączyć produkty z katalogu, a następnie przejść do zakładki Ustawienia bloku → sekcja „Zobacz też” → wybrać kategorię, z której chcesz oferować produkty → określić liczbę produktów w elemencie oraz tytuł sekcji → zapisać zmiany.
  • Pytanie
    Czy istnieje ograniczenie liczby produktów?
    Odpowiedź
    W ramach planu Personal możesz dodać do katalogu maksymalnie 5000 produktów, w ramach planu Business – 50 000, a w obu planach – do 1000 kategorii.
Ręczne dodawanie produktów
To add products manually, add any product card block without the Catalog label to the page. For example, ST350.
In the Block Library, the "Store" category on the left and the ST350 block "Product cards with buttons + Pop-up with product details".
Kliknij przycisk „Treść”, aby przejść do edytora bloków i utworzyć nowe karty produktów.
In the ST305N block panel: the "Content" button in the upper-left corner of the block.
Kliknij przycisk „Dodaj nowy produkt” i wypełnij pola karty produktu: lista zdjęć (prześlij jedno lub kilka zdjęć), opis, tekst (który będzie widoczny w wyskakującym okienku karty produktu), cena produktu/usługi, poprzednia cena, nazwa przycisku, link do przycisku oraz karta produktu.
W polu „Link dla przycisku i karty produktu” możesz wybrać trzy opcje działania dla produktu w bloku po kliknięciu: „Link na stronie” — otworzy się inna strona, „Zobacz pełne informacje o produkcie” — otworzy się okienko z szczegółowymi informacjami, „Dodaj do koszyka” — produkt zostanie natychmiast dodany do koszyka.
Aby dodać drugi przycisk, numer katalogowy produktu lub parametry, kliknij hiperłącze „Pokaż więcej: drugi przycisk, etykieta, opcje”. Otworzą się dodatkowe pola, które możesz wypełnić w razie potrzeby.
The "Show more: second button, label, options" link at the bottom of a product card in the "Content" panel of a store block.
Jeśli chcesz przenieść produkty z bloku do katalogu, w treści bloku zawierającego produkty kliknij hiperłącze „Skopiuj produkty z tego bloku do katalogu produktów”.
To display products from Catalog, use the ST340 and ST340A–E blocks.
Wgrałeś zdjęcia, dodałeś opisy, ustaliłeś cenę — produkty są gotowe.

Teraz musisz dodać koszyk i podłączyć system płatności, jeśli zamierzasz przyjmować płatności online.
FAQ:
Q
Co stanie się z produktami, jeśli przejdę na plan Free?
A
Katalog jest dostępny wyłącznie w ramach płatnych planów. W przypadku przejścia na plan bezpłatny produkty będą przechowywane w koszyku w Tilda 30 dni. Jeśli po upływie tego okresu nie powrócisz do płatnego planu, Twoje produkty zostaną nieodwracalnie usunięte. Aby zachować produkty, zalecamy wcześniejsze pobranie listy produktów w formacie CSV lub YML.
Wykonane na
Tilda