Opcje Szablony HTML

Proste szablony HTML opcji

Szablon HTML opcji zapewnia gotowy układ do prezentowania kilku alternatyw obok siebie, ułatwiając odwiedzającym zauważenie różnic między nimi. Wiele takich wyborów w ogóle nie dotyczy kwestii cenowych. Sklep może przedstawiać różne sposoby zakupu pojedynczego produktu, podczas gdy firma doradcza może jedynie oczekiwać, że klienci wybiorą preferowaną formę kontaktu. Po przygotowaniu treści projekt eksportuje się jako pliki HTML, które można samodzielnie hostować lub przekazać programiście.

Jaki układ pasuje do Twoich opcji

Plan taryfowy to tylko jeden z rodzajów opcji, a siatka cennika bywa zbyt sztywna w innych zastosowaniach. Popularne warianty wyborów zazwyczaj najlepiej sprawdzają się w następujących układach:

• Opcje członkostwa doskonale prezentują się w formie kart, ponieważ użytkownicy porównują korzyści poziom po poziomie.
• Opcje zakupu, takie jak pojedynczy produkt lub zestaw, są bardzo czytelne w rzędzie kart z warunkami umieszczonymi pod każdą z nich.
• Opcje kontaktu rzadko wiążą się z płatnościami, dlatego zwarta lista lub kilka równorzędnych bloków z wyraźnymi wezwaniami do działania zazwyczaj w zupełności wystarczają.

Opcje cenowe dzielące wiele wspólnych cech łatwiej porównać kolumna po kolumnie, a Element Tabela w Nicepage obsługuje edytowalne wiersze, kolumny oraz podlinkowane przyciski wewnątrz komórek. Na telefonie sześć uporządkowanych kolumn może jednak wymusić przewijanie w poziomie, dlatego karty ułożone jedna pod drugą bywają bezpieczniejszym rozwiązaniem.

Od edytora do wyeksportowanych plików

Tutejsze szablony dostępne są jako kompletne strony lub jako pojedyncze bloki. Blok dodaje sekcję opcji do już istniejącej podstrony, natomiast pełna strona sprawdza się na ekranie zaprojektowanym specjalnie wokół dokonywanego wyboru. Nazwy, opisy i przyciski modyfikuje się w edytorze Nicepage. Następnie strona jest eksportowana jako kod HTML wraz ze zdjęciami oraz skryptami, dzięki czemu nie trzeba niczego kodować ręcznie. Przełączniki i zakładki wymagają odpowiednich linków lub skryptów w tle, aby faktycznie zmieniać widok.

Rozważmy firmę naprawczą świadczącą wizyty serwisanta, naprawy w warsztacie oraz konsultacje telefoniczne. Żadna z tych możliwości nie wymaga podawania ceny, a przycisk z napisem „Zapytaj o konkretną usługę” przekazuje znacznie więcej niż lakoniczne „Wybierz”. Po zredagowaniu bloków i skontrolowaniu widoku mobilnego właściciel eksportuje stronę na serwer, na którym działa już witryna przedsiębiorstwa.

Ostatnie sprawdzenie przed wdrożeniem na hosting

Zanim strona zacznie działać publicznie, przetestuj ją z rzeczywistą zawartością. Najdłuższa nazwa opcji powinna bez problemu mieścić się na karcie, a każdy z wariantów musi pozostać łatwy do odróżnienia na ekranie telefonu. Przyciski i linki wymagają szybkiej weryfikacji po umieszczeniu plików na serwerze. Logiczny układ nagłówków oraz teksty alternatywne dla istotnych ikon stanowią ułatwienie dla użytkowników technologii asystujących.