Ck Sections Documentation

Po instalacji zostaniesz przekierowany do Marketplace’u sekcji CK. Przeglądaj dostępne szablony, takie jak „Licznik statystyk” czy „Nowoczesny obraz z tekstem”. Gdy znajdziesz sekcję, która Ci się spodoba, kliknij przycisk Dodaj za darmo, aby dodać ją do swojej kolekcji.

Z panelu „Moje sekcje” odszukaj sekcję, której chcesz użyć (np. CK - FAQ #1). Kliknij przycisk „Zainstaluj w motywie” znajdujący się na dole karty sekcji.

Pojawi się okno z napisem „Zainstaluj [Nazwa sekcji] w motywie”. Kliknij menu rozwijane „Wybierz motyw”, aby zobaczyć listę wszystkich motywów obecnie dostępnych w Twoim sklepie Shopify. Wybierz motyw, do którego chcesz dodać sekcję

Przejdź do paska bocznego w panelu administracyjnym Shopify i kliknij Sklep internetowy. Zostaniesz przekierowany do sekcji motywów, gdzie możesz zarządzać aktywnymi motywami oraz motywami w przygotowaniu.

W pasku bocznym Edytora motywu znajdź obszar, na którym chcesz dodać nową treść (np. obszar „Szablon”), i kliknij przycisk (+) Dodaj sekcję.

Otworzy się menu wyszukiwania. Przewiń listę lub wyszukaj sekcję, którą właśnie zainstalowałeś. Zazwyczaj ma ona przedrostek „CK” (np. CK faq #1). Kliknij ją, aby dodać do układu strony.

Gdy sekcja pojawi się na Twojej stronie, możesz skorzystać z prawego paska bocznego, aby dostosować kolory, czcionki i tekst. Gdy uzyskasz satysfakcjonujący wygląd, kliknij przycisk Zapisz w prawym górnym rogu, aby opublikować zmiany.

Kliknij przycisk + Utwórz formularz w prawym górnym rogu lub na środku pulpitu, aby otworzyć ekran konfiguracji.

Masz dwa sposoby na utworzenie formularza:

• Szablony: Wybierz jedną z gotowych opcji, takich jak Formularz kontaktowy, Aplikacja o pracę lub Zamówienie niestandardowe, aby zaoszczędzić czas.
• Zacznij od zera: Kliknij Utwórz pusty formularz, aby zbudować unikalny układ od podstaw.

Edytor jest podzielony na trzy główne obszary:

• Lewy pasek boczny (Typy pól): Twoje narzędzia. Kliknij lub przeciągnij dowolne pole (tekst, e-mail, telefon, lista rozwijana itp.) do środkowego obszaru.
• Środkowy obszar roboczy: Podgląd formularza na żywo. Tutaj możesz edytować Nagłówek formularza i Opis.
• Górny pasek: Zawiera opcje Cofnij/Powtórz, przycisk Podgląd do wyświetlenia wersji na żywo, Ustawienia oraz przycisk Zapisz.

Po dodaniu pola kliknij je, aby otworzyć pasek edycji po prawej stronie. Możliwości dostosowania są podzielone na cztery kategorie:

Zmień etykietę, dodaj tekst zastępczy lub oznacz pole jako obowiązkowe.

Ustaw minimalną/maksymalną długość znaków lub użyj wyrażeń regularnych dla konkretnych typów danych.

Przełącz między opcjami Pełna szerokość i Pół szerokości, aby umieścić dwa pola obok siebie.

Logika warunkowa pozwala tworzyć „inteligentne” formularze, które zmieniają się w zależności od wprowadzonych przez użytkownika danych. Możesz wyświetlać lub ukrywać określone pola tylko wtedy, gdy spełnione zostaną określone warunki.

Jak skonfigurować logikę

1. Wybierz pole: Kliknij pole, które chcesz dynamicznie wyświetlać lub ukrywać.
2. Włącz logikę: W prawym pasku bocznym rozwiń sekcję Logika warunkowa i zaznacz pole Włącz logikę warunkową.
3. Zdefiniuj działanie: * Wybierz, czy chcesz Wyświetlić, czy Ukryć wybrane pole.
4. Ustaw dopasowanie reguły:
   Wszystkie: Każdy warunek musi być spełniony.
   Dowolny: Wystarczy, aby jeden z warunków był spełniony.
5. Skonfiguruj warunki:
   Wybierz pole: Wybierz pole, którego wartość spowoduje uruchomienie logiki.
   Wybierz operator: Wybierz sposób porównania wartości (np. Równa się, Zawiera, Większe niż, Puste).
   Wprowadź wartość: Wpisz konkretną wartość, której szukasz.

Zarządzaj tym, co dzieje się po interakcji użytkownika z formularzem.

• Tekst przycisku wysyłania: Dostosuj etykietę głównego przycisku akcji (np. „Wyślij wiadomość”, „Zarezerwuj teraz”).
• Komunikat o sukcesie: Napisz spersonalizowaną wiadomość z podziękowaniem, która pojawi się natychmiast po pomyślnym przesłaniu formularza.
• Adres URL przekierowania: (Opcjonalnie) Automatycznie kieruj użytkowników na konkretną stronę (np. stronę „Dziękujemy” lub „Oferty”) po przesłaniu formularza.

Dostosuj wygląd do identyfikacji wizualnej swojego sklepu bez pisania kodu.

• Kolory: Ustaw konkretne kody szesnastkowe dla Koloru głównego (przyciski/elementy wyróżnione), Tła i Tekstu.
• Typografia: Wybierz Rodzinę czcionek lub ustaw Dziedzicz z motywu, aby zachować spójny wygląd sklepu.
• Odstępy i kształt: Użyj suwaków, aby dostosować Zaokrąglenie narożników (dla zaokrąglonych rogów) i Wypełnienie (aby dać swoim polom więcej miejsca).

Bądź na bieżąco z nowymi leadami i zapytaniami.

• Włącz powiadomienia: Przełącz przełącznik, aby otrzymywać e-mail za każdym razem, gdy zostanie przesłany formularz.
• E-maile z powiadomieniami: Kliknij + Dodaj adres e-mail, aby jednocześnie wysyłać powiadomienia do wielu członków zespołu lub działów.

Chroń swój sklep przed spamem i zautomatyzowanymi botami.

• Ochrona CAPTCHA: Włącz ją, aby dodać krok weryfikacji dla użytkowników i zapobiegać przesyłaniu danych przez boty.
• Limit zapytań: Ustal maksymalną liczbę przesyłek na minutę z jednego konta użytkownika, aby zapobiegać nadużywaniu formularza.

Zanim formularz pojawi się w Twoim sklepie, musi zostać opublikowany.

• Opublikuj: Kliknij przycisk Opublikuj w prawym górnym rogu edytora.
• Skopiuj identyfikator: Po opublikowaniu kliknij przycisk Skopiuj identyfikator na górnym pasku. Będziesz potrzebować tego unikalnego identyfikatora, aby wskazać Shopify, który formularz należy wyświetlić.

Możesz umieścić swój formularz na dowolnej stronie (Strona główna, Kontakt, Produkt itp.) za pomocą Edytora motywu Shopify.

• Otwórz Edytor motywu: Przejdź do panelu administracyjnego Shopify > Sklep internetowy > Motywy > Dostosuj.
• Dodaj sekcję: Kliknij Dodaj sekcję w lewym pasku bocznym.
• Wybierz kartę Aplikacje: Przełącz się z „Sekcje” na kartę Aplikacje i wybierz Ck Forms.

Wklejenie identyfikatora formularza: Kliknij nowo dodany blok Ck Forms. W pasku ustawień po prawej stronie wklej wcześniej skopiowany identyfikator w polu Form ID (zrzut ekranu 11).

Zapisanie: Kliknij Zapisz w prawym górnym rogu edytora Shopify.

Twój formularz pojawi się teraz na żywo w sklepie. Automatycznie przejmie style (kolory, czcionki i układ), które skonfigurowałeś w ustawieniach aplikacji.