Kreator stron i projektowanie

Z kreatorem stron Quick Event możesz tworzyć profesjonalne strony wydarzeń wizualnie, bez znajomości programowania. Każda strona składa się z biblioteki 96 gotowych presetów sekcji w 11 kategoriach — hero, bilety, treść, CTA, galeria, ludzie, oś czasu, FAQ, odliczanie, mapa i wideo. Wybierz preset, wstaw go w miejsce i edytuj zawartość bezpośrednio. Pakiety motywów na poziomie sekcji i warstwowe tła sprawiają, że każda sekcja wygląda inaczej, jednocześnie zachowując spójność z marką. Przejrzyj pełną bibliotekę w galerii presetów, aby zobaczyć, co możesz zbudować.

Przegląd

Każda strona wydarzenia to pionowy stos sekcji. Kreator v3 jest oparty na slotach: każdy preset sekcji deklaruje sloty (nagłówek, obraz, przycisk, lista, galeria itp.), a ty wypełniasz je bezpośrednio. Dodaj nowe sekcje z biblioteki presetów — wybierz według kategorii (hero, bilety, treść, CTA, galeria, ludzie, oś czasu, FAQ, odliczanie, mapa, wideo) lub przeglądaj pełny zestaw w galerii presetów. Sekcje można przenosić, duplikować lub usuwać za pomocą przeciągania i upuszczania. Wybranie sekcji otwiera panel ustawień motywu, tła, układu i odstępów.

Wszystkie zmiany są natychmiast widoczne w podglądzie na żywo. Możesz cofnąć lub ponowić edycje w dowolnym momencie. Edytor zapisuje się automatycznie.

Sekcje i presety

Sekcje to elementy składowe każdej strony, a v3 zawiera wyselekcjonowaną bibliotekę 96 presetów w 11 kategoriach. Każdy preset to zaprojektowany układ z nazwanymi slotami — zamiast ręcznie układać kolumny, wybierasz pożądany układ i umieszczasz swoją treść w slotach.

• Hero — sekcje pierwszego wrażenia z tytułem, podtytułem, tłem obrazu lub wideo oraz głównym wezwaniem do działania.
• Bilety — tabele cenowe i selektory biletów, które łączą się bezpośrednio z twoimi kontyngentami.
• Treść — bloki tekstowo-graficzne, cytaty redakcyjne, rozkładówki magazynowe, kombinacje obraz-tekst.
• CTA — skoncentrowane bloki konwersji z nagłówkiem, tekstem wspierającym i jednym lub dwoma przyciskami.
• Galeria — układy siatkowe, murarskie i karuzelowe dla kolekcji zdjęć.
• Ludzie — siatki prelegentów, karty gospodarzy i układy zespołów.
• Oś czasu — układy agendy i programu w orientacji poziomej lub pionowej.
• FAQ — układy akordeonowe i siatkowe z wyjściem danych strukturalnych dla rozszerzonych fragmentów.
• Odliczanie — liczniki na żywo prowadzące do daty wydarzenia.
• Mapa — osadzone mapy lokalizacji ze szczegółami miejsca.
• Wideo — osadzone filmy z YouTube i Vimeo z niestandardowymi klatkami plakatowymi.

Każdy preset może być niezależnie stylizowany za pomocą pakietu motywów — skoordynowanego zestawu kolorów tła, tekstu i akcentów — dzięki czemu sąsiadujące sekcje mogą wyglądać odmiennie, jednocześnie zachowując spójność z marką. Przejrzyj pełną bibliotekę w galerii presetów.

Tła sekcji

Tło każdej sekcji składa się z maksymalnie czterech warstw elementów. Każda warstwa może być wyświetlana lub ukrywana niezależnie, a jej krycie można regulować w zakresie od 0 do 100 procent. Połączenie tych warstw tworzy wyrafinowane efekty wizualne, które nie wymagają edycji obrazu.

Poziom koloru

Warstwa koloru, którą można dowolnie konfigurować: jako jednolity kolor lub jako gradient między dwoma kolorami. Krycie całej warstwy można płynnie regulować – dzięki czemu kolor może na przykład pełnić funkcję półprzezroczystej zasłony na obrazie tła.

Płaszczyzna obrazu

Obraz tła wypełniający całą sekcję. Jest dopasowany rozmiarem i skalą, aby dobrze wyglądał na wszystkich ekranach. Możesz dostosować krycie, aby przyciemnić lub rozjaśnić obraz, zapewniając czytelność tekstu nad nim.

Poziom wideo

Wyciszony, automatycznie odtwarzany film w tle. Idealny do sekcji głównych, które mają na celu oddanie dynamiki i atmosfery – na przykład do nagrań z miejsca wydarzenia, minionych wydarzeń lub prezentacji produktów. Film odtwarza się w pętli i nie wpływa na czas ładowania strony.

Poziom efektu

Dekoracyjne efekty ruchu nakładane na inne warstwy. Dostępne opcje to gradienty zorzy polarnej i wzory punktowe. Krycie i intensywność są regulowane. Efekty te dodają żywej głębi sekcji, nie odwracając uwagi od treści.

Przejścia dekoracyjne (maski)

Na górnej i dolnej krawędzi każdej sekcji możesz aktywować dekoracyjne przejścia: fale, krzywe lub zygzaki, które tworzą płynne przejście do sąsiedniej sekcji. Kształty można dostosować pod względem koloru i rozmiaru, nadając stronie płynną, nowoczesną fakturę.

Elementy treści

Możesz umieścić dowolną liczbę elementów treści w kolumnach. Wszystkie elementy są zaprojektowane specjalnie dla danego wydarzenia i można je skonfigurować w panelu ustawień.

Tekst i formatowanie

Nagłówki i tekst akapitów są dostępne na kilku poziomach hierarchicznych i mogą być formatowane jako pogrubione, kursywa, link lub wyróżnione. Listy punktowane i numerowane pomagają w przejrzystym prezentowaniu punktów programu lub usług.

Przyciski łączą odwiedzających z formularzem rejestracyjnym, inną podstroną wydarzenia lub zewnętrznym adresem URL. Możesz wybrać styl (wypełniony, obrysowany, przezroczysty), rozmiar i wyrównanie. Wiele przycisków można umieścić obok siebie.

Obrazy, galeria i wideo

Pojedynczy obraz : Obraz z opcjonalnym tytułem i opisem. Wybierasz szerokość wyświetlania (jedna trzecia, połowa, trzy czwarte lub pełna szerokość), proporcje obrazu oraz jego położenie w ramce. Możesz przesłać obrazy lub bezpośrednio wyszukać zdjęcia stockowe bez tantiem za pomocą zintegrowanej wyszukiwarki Pexels — miliony profesjonalnych obrazów, bez wychodzenia z edytora.

Galeria obrazów : Wiele obrazów wyświetlanych w jednej siatce. Dostępne są trzy opcje układu: siatka jednorodna, układ murowany (przesunięty, jak na Pintereście) lub karuzela z automatycznym przewracaniem stron. Liczbę kolumn można ustawić od dwóch do ośmiu, podobnie jak proporcje obrazów (kwadrat, pion, poziom).

Wideo : Osadzanie filmów z YouTube lub Vimeo z obrazem podglądu. Wideo ładuje się tylko po kliknięciu, co zapewnia szybkość ładowania strony. Możesz ustawić własny obraz podglądu i dostosować rozmiar wyświetlania.

Elementy interaktywne i specjalne

Odliczanie : Licznik czasu na żywo odliczający czas do daty wydarzenia. Dni, godziny, minuty i sekundy są aktualizowane w czasie rzeczywistym. Strefa czasowa jest opcjonalnie wyświetlana, dzięki czemu uczestnicy z całego świata mogą od razu zobaczyć, kiedy wydarzenie rozpocznie się w ich regionie.

Licznik : Animowane liczby do statystyk i najważniejszych wydarzeń — takie jak „500 uczestników”, „12 prelegentów” lub „3 sceny”. Liczby naliczają się w miarę ich pojawiania się, zwracając uwagę na wydarzenie.

FAQ (Akordeon) : Często zadawane pytania i odpowiedzi prezentowane w formie listy rozwijanej. Odwiedzający mogą otwierać i zamykać poszczególne wpisy. Sekcje FAQ automatycznie otrzymują ustrukturyzowane dane dla wyszukiwarek i mogą być wyświetlane jako rozbudowane fragmenty w wynikach wyszukiwania.

Oś czasu : Chronologiczna lista punktów programu z czasem i opisem – idealna do codziennych harmonogramów, wielodniowych konferencji lub kamieni milowych w projektach. Każdy wpis może zawierać tytuł, czas i opis.

Mapa : Osadzony widok Map Google, który pokazuje lokalizację wydarzenia bezpośrednio na stronie wydarzenia. Odwiedzający mogą powiększyć mapę i uzyskać wskazówki dojazdu ze swojej lokalizacji bez opuszczania strony.

Elementy układu

Odstępy : Niewidoczny element, który tworzy pionową przestrzeń między pozostałymi elementami. Wysokość jest regulowana. Pozwala to kontrolować rytm i odstępy na stronie bez konieczności dostosowywania odstępów w każdym elemencie.

Siatka kolumn : Dodatkowy element siatki, który umożliwia tworzenie kolejnych kolumn w obrębie kolumny. Umożliwia to tworzenie złożonych, wielowarstwowych układów – na przykład kolumny z trzema małymi znacznikami obok dużej kolumny tekstowej.

Pakiety motywów i motywy dla poszczególnych sekcji

Edytor stron udostępnia pakiet motywów na poziomie sekcji: każdy preset może używać ogólnostronicowego motywu marki lub zastąpić go własnymi skoordynowanymi kolorami tła, tekstu i akcentów. W połączeniu z warstwami tła na poziomie sekcji (kolor, obraz, wideo, efekt ruchu) możesz tworzyć sekcje hero o wysokim kontraście, delikatne fragmenty redakcyjne i odważne CTA bez dotykania indywidualnych ustawień stylu.

Ta sama biblioteka presetów zasila generator stron AI: gdy AI tworzy stronę docelową na podstawie opisu twojego wydarzenia, wybiera najbardziej odpowiednie presety dla każdej kategorii i wypełnia ich sloty odpowiednią treścią. Zobacz Funkcje AI, aby poznać pełny przepływ.

Przeglądaj bibliotekę presetów

Galeria presetów przedstawia całą bibliotekę 96 presetów sekcji w 11 kategoriach. Każdy preset jest renderowany z realistyczną zawartością, dzięki czemu możesz dokładnie zobaczyć, co jest możliwe — warianty hero, siatki biletów, układy galerii, style osi czasu, formaty FAQ, bloki odliczania, mapy i wiele więcej.

Kiedy asystent AI tworzy dla ciebie stronę docelową, wybiera z tej samej biblioteki — więc wszystko, co widzisz w galerii, AI może wygenerować, a wszystko, co AI wygeneruje, możesz samodzielnie zmienić lub przearanżować.

Wiele stron na wydarzenie

Wydarzenie nie ogranicza się do jednej strony docelowej. W studiu możesz utworzyć dowolną liczbę podstron – na przykład stronę „Prelegent”, stronę „Lokalizacja” lub stronę „Program”. Wszystkie strony mają ten sam design (kolory, czcionki, logo) i są dostępne za pośrednictwem menu nawigacyjnego strony wydarzenia. Główna strona docelowa jest powiązana z formularzem rejestracyjnym.

Projektowanie korporacyjne

W sekcji projektowania studia definiujesz wygląd wizualny. Ustawienia te dotyczą wszystkich stron, wiadomości e-mail i biletów PDF na wydarzenie.

paleta kolorów

Definiujesz kolor podstawowy i akcentujący, a także kolory tła i tekstu. Kolory te kontrolują przyciski, linki, nagłówki i tła w całym wydarzeniu. Opcjonalnie możesz przesłać logo lub obraz i automatycznie wyodrębnić z niego kolory dominujące – Quick Event zasugeruje wówczas odpowiednią paletę.

Pisma

Dostępnych jest ponad 1900 czcionek Google Fonts. Możesz wybrać po jednej czcionce do nagłówków i tekstu głównego. Jeśli Twoja marka używa własnej czcionki, prześlij pliki czcionek (WOFF2 lub TTF) – zostaną one zastosowane na wszystkich stronach, tak jak w przypadku czcionek Google Fonts.

Logo i ikona Favicon

Twoje logo pojawi się w nagłówku strony wydarzenia. Obsługiwane są pliki PNG, SVG i JPEG. Rozmiar wyświetlania automatycznie dostosowuje się do różnych rozmiarów ekranu, ale można go również dostosować ręcznie. Dodatkowo możesz przesłać ikonę favicon, która pojawi się na karcie przeglądarki i w zakładkach, nadając stronie wydarzenia profesjonalny i rozpoznawalny wygląd.

Tryb ciemny

Każda strona wydarzenia może być wyświetlana w trybie jasnym lub ciemnym — ustawienie jest konfigurowane dla każdego wydarzenia. W trybie ciemnym kolory tła i tekstu są automatycznie dostosowywane, dzięki czemu cała treść jest czytelna nawet na ciemnym tle. Niestandardowe kolory tekstu są inteligentnie dostosowywane: jeśli kolor jest zbyt ciemny dla ciemnego tła, jest automatycznie rozjaśniany. Nie ma potrzeby definiowania oddzielnych wartości kolorów dla trybu ciemnego.

Responsywny projekt

Wszystkie strony są automatycznie optymalizowane pod kątem komputerów stacjonarnych, tabletów i smartfonów. Kolumny układają się jedna na drugiej na małych ekranach, rozmiary czcionek skalują się proporcjonalnie, a obrazy są dostarczane jako pliki WebP z funkcją leniwego ładowania. Masz dostęp tylko do jednej wersji – funkcja Quick Event automatycznie dostosowuje układ.

Optymalizacja SEO

Funkcja Quick Event automatycznie generuje meta tagi (tytuł, opis, Open Graph) na podstawie danych o wydarzeniu. Znaczniki zdarzeń Schema.org dostarczają wyszukiwarkom ustrukturyzowane informacje o dacie, lokalizacji i cenie. Sekcje FAQ otrzymują własny schemat i mogą być wyświetlane jako rozbudowane fragmenty w wynikach wyszukiwania Google. Kanoniczne adresy URL zapobiegają duplikacji treści. Dzięki własnej domenie Twoje strony również korzystają z wiarygodności Twojej marki.