Wersja rozwojowaBudujemy KlikGotowe razem z pierwszymi użytkownikami.Coś nie wychodzi? Napisz, z czym masz trudność →

Fryzjer i barber
twojafirma.pl
Kliknij — ułóż swoją wersję strony ⤢
BARBERSHOP

Barber House

Kremowo-złoty barbershop: zdjęcie w hero, trzy usługi, cztery kroki standardu, cennik bez gwiazdek, opinie, umawianie i kontakt. Własna kopia startuje z pełną treścią.

Ułóż swoją wersję →
Jeden adres może mieć jedno aktywne demo. Jeśli zadziała limit, pokażemy to wprost.
Barber House · Twoja wersja

Dobry wygląd. Twój wybór.

Zacznij od oryginału. Przejdź stronę sekcja po sekcji — wybierasz budowę, a treść dopasujesz na końcu. Wszystkie wybory zobaczysz razem.

Przejdź do części strony

Styl całej strony

Kolory Oryginalny
Kolory Twojej strony
Zestaw czcionek Oryginalny

Wybierz wygląd całej strony

Wybierz gotową stronę. Potem możesz zmienić każdy jej fragment osobno.

Podgląd wybranej strony jest obok. Otwórz cały podgląd →

Jaki nagłówek najbardziej Ci się podoba?

Klasyczny zakład

Jaki układ sekcji „Hero” najbardziej Ci się podoba?

Dobry styl. Bez kompromisów

Jaki układ sekcji „Oferta” najbardziej Ci się podoba?

Co zrobimy z Twoim stylem

Jaki układ sekcji „Standard” najbardziej Ci się podoba?

Dobry efekt zaczyna się od rozmowy, nie od maszynki

Jaki układ sekcji „Cennik” najbardziej Ci się podoba?

Prosto i bez gwiazdek

Jaki układ sekcji „Opinie” najbardziej Ci się podoba?

Klienci wracają. I wiedzą, dlaczego

Jak chcesz przyjmować wizyty?

Zajmij krzesło na swoją godzinę

Dokąd trafia zgłoszenie?

Wiadomość wysyła Twój program pocztowy.

Jaki układ sekcji „Kontakt” najbardziej Ci się podoba?

Wpadnij na rozmowę. Zadbamy o resztę

Jak strona ma domknąć rozmowę?

Dobry styl. Prosty wybór

Twój asystent AI · Twoje materiały

A teraz zobacz tu swoją firmę.

Dopasuj treści, zdjęcia i logo w podglądzie swojej strony. Zapisz projekt, aby wrócić do zmian po zamknięciu lub odświeżeniu karty.

Otwórz ten krok, aby edytować swoją stronę.

← Wróć do stopki

Twój zestawOryginalny wygląd

Twoja strona na żywoPowiększ ↗

Przygotowujemy Twój podgląd…

Przewijaj stronę i sprawdź każdą sekcję.

Co dostajesz w środku

Z czego zbudowana jest ta strona

Liczby policzone z pakietu, który wgrywamy na Twoją stronę — z tych samych plików, które oglądasz w podglądzie.

Natywne — ustawiasz w edytorze

Kolory, kroje, odstępy, obramowania, cienie i układ kolumn siedzą w ustawieniach bloków Spectra Blocks i WordPressa. Zmieniasz je klikając, bez dotykania kodu.

  • 99 teksty i nagłówki
  • 86 sekcje i kolumny
  • 6 menu
  • 6 pozycje menu
  • 3 ikony
  • 3 grupy ikon
  • 2 części szablonu
  • 1 grupy
  • 1 obrazy
  • 1 treść strony

Dopisane — 2 arkusze CSS

To reguły, których edytor bloków nie wystawia w ustawieniach: efekty przy najechaniu, animacje, przyklejony nagłówek, siatki sekcji na różnych szerokościach. Bez nich strona nadal działa i da się edytować — wygląda tylko prościej.

  • Szablon · 526 KBreguły na różne szerokości ekranu, efekty najechania, siatki sekcji, ozdobniki, kroje pisma, widoczny fokus klawiatury, wyciszenie ruchu
  • Szablon · 1 KB

Do tego 2 krótkie skrypty (np. menu na telefonie) — bez skryptu menu nadal działa jako zwykłe linki.

Sprawdzona na szerokościach od 349 do 1023 px

Progi przełączania układu są zmierzone dla tej strony, nie wzięte z wtyczki. Wtyczka Spectra i WordPress znają tylko dwa progi (tablet i laptop); ta strona ma ich 8, bo tyle razy jej treść naprawdę przestaje się mieścić. Poniżej każdego z nich układ zmienia się tak, jak opisano.

  • 349 pxŁamanie długiej nazwy w wąskiej ramce Twojej firmy.
  • 620 pxPróg telefonu oryginalnego kanonu strony 1.
  • 621 pxtablet — próg profilu miar
  • 767 pxGutter i skład telefonu nowych stron.
  • 800 pxZmiana natywnych siatek i rytmu nowych stron.
  • 900 pxMenu, siatki i rytm oryginalnego kanonu strony 1.
  • 901 pxlaptop — próg profilu miar
  • 1023 pxNatywne menu nowych stron przechodzi do panelu mobilnego.

Strona działa na WordPress 7.1.1, motywie Spectra One 1.2.6 i wtyczce Spectra Blocks 1.0.8. Kroje pisma i zdjęcia serwujemy z Twojego serwera — przeglądarka odwiedzającego nie pyta Google ani nikogo innego.