Formularz wyceny na Wix

Demonstracja drukarni pokazuje, jak produkt, nakład i wybrane dodatki wpływają na cenę. Zmień konfigurację i porównaj podsumowanie. To przykład działania formularza, nie oferta produkcji.

Więcej o zasadach przykładu znajdziesz na stronie formularza dla drukarni . Jeśli wyceniasz usługi innej branży, przejrzyj pozostałe demonstracje . Przed wdrożeniem przygotuj cennik, wyjątki i kilka zamówień z oczekiwanymi kwotami. Stawki zmieniasz później w panelu cennika .

1. W panelu Offerandum otwórz stronę „Start”, znajdź opublikowany formularz i kliknij „Kopiuj kod” w sekcji „Kod do wklejenia na stronę”.
2. W edytorze Wix wybierz podstronę, kliknij „Dodaj elementy”, potem „Osadź kod” → „Osadź HTML” . Na stronie pojawi się pusty prostokąt.
3. Kliknij element, wybierz „Wprowadź kod”, zaznacz tryb kodu HTML i wklej obie linijki z panelu. Zatwierdź.
4. Rozciągnij element na szerokość kolumny treści i na wysokość, która zmieści najdłuższy krok formularza. Opublikuj witrynę.

Powyższe kroki dotyczą Wix Editor. Inny edytor, w tym Wix Studio, może mieć inny układ opcji. Używaj adresów HTTPS i sprawdź aktualną instrukcję Wix .

Wix uruchamia zawartość elementu „Osadź HTML” w osobnej ramce, odciętej od reszty strony. Skrypt wklejony w ustawieniach witryny (Ustawienia → Kod niestandardowy → „Head”) działa na stronie, ale nie wewnątrz tej ramki. Dlatego w Wix nie rozdzielaj kodu: skrypt i element formularza zawsze razem, w jednym elemencie. Wpis w kodzie niestandardowym nie jest potrzebny.

Ramka Wix nie dopasowuje się do zawartości. Jeśli jest za niska, klient zobaczy przewijanie wewnątrz prostokąta albo ucięty przycisk „Dalej”. Ustaw wysokość z zapasem na najdłuższy krok (zwykle podsumowanie z danymi kontaktowymi). Potem przełącz edytor na widok mobilny: na telefonie pola układają się w jednej kolumnie i krok jest wyższy, więc element na urządzeniach mobilnych zwykle wymaga osobnej, większej wysokości.

Formularz sam skaluje się do szerokości ramki; nie ustawiaj mu stałej szerokości w kodzie.

W panelu, pod kodem do wklejenia, sprawdź listę dozwolonych adresów stron. Testuj opublikowany adres, a nie tylko podgląd edytora. Jeżeli ramka zgłasza błąd domeny, zachowaj komunikat i adres do sprawdzenia; podgląd i opublikowana ramka nie muszą używać tego samego źródła. Kroki wspólne dla wszystkich systemów opisuje instrukcja instalacji .

Otwórz opublikowaną stronę na komputerze i telefonie, przejdź wszystkie kroki do podsumowania i zwróć uwagę, czy nic nie jest ucięte. Próbne zgłoszenie wyślij przez link testowy z panelu albo dodaj do elementu formularza atrybut test-token z tokenem z tego linku i usuń go po testach. Zgłoszenia trafiają do panelu, a klient dostaje ofertę PDF .

Jeśli wolisz nie walczyć z wysokością ramki, dodaj w menu Wix przycisk prowadzący do gotowego adresu formularza: otwiera się na całą stronę i wygląda tak samo. Stawki zmieniasz w panelu cennika , warunki opisuje cennik .