Projektowanie pop-upu

Edytor pop-upów w WEMASY ma ustawienia po lewej i Twój pop-up po prawej. Słowa i obrazy zmieniasz w projektancie treści, kształt i styl na karcie Wygląd, a teksty dla odwiedzających w innych językach na karcie Języki. Pop-upy używają kolorów Twojej strony, więc pasują do reszty witryny.

Otwórz edytor

1. Otwórz Pop-upy i kliknij Pop-upy w górnym menu.
2. Kliknij podgląd pop-upu albo jego ikonę ołówka.

Po lewej są cztery karty: Ustawienia, Wygląd, Test A/B i Języki. Po prawej są Podgląd i Projektant treści.

Zmień treść

1. Kliknij Projektant treści po prawej.
2. Kliknij tekst, przycisk lub obraz w pop-upie i zmień go.
3. Zmiany w projektancie zapisują się tam automatycznie.
4. Kliknij Podgląd, aby zobaczyć wynik na komputerze i na telefonie.

Zaprojektowana treść jest publikowana razem ze stroną. Opublikuj stronę ponownie, aby odwiedzający zobaczyli zmieniony projekt.

Wybierz układ

Na karcie Wygląd wybierz Układ:

• Okno na środku
• Okienko w rogu
• Pasek u góry lub Pasek na dole. Dla paska u góry zaznacz Przesuń stronę w dół (pasek nie zasłania góry strony).
• Pełny ekran
• Na stronie: pokazuje się wewnątrz strony, bez tła za oknem i przycisku zamknięcia. Na stronie WEMASY dodaj blok Pop-up w projektancie strony. Na innej stronie kliknij Kopiuj kod i wklej kod tam, gdzie ma się pokazać.

Szerokość i Pozycja na ekranie są na karcie Ustawienia.

Ustaw styl

• Tło: kliknij jeden z kolorów swojej strony, aby pop-up podążał za kolorami witryny, także gdy się zmienią.
• Zaokrąglone rogi, Odstęp wewnątrz i Cień.
• Kolor tła za oknem, Przyciemnienie tła i Rozmycie tła dla obszaru za pop-upem.
• Kolor przycisku zamknięcia.
• Animacja: Pojawianie się, Powiększanie, Wsuwanie z dołu lub Brak.
• Pełna szerokość na telefonach.
• Zakładka boczna po zamknięciu: kilka słów na małej zakładce przy lewej krawędzi, na przykład „10% zniżki”. Kliknięcie ponownie otwiera pop-up.

Kliknij Zapisz, aby zachować wygląd. Zmiany wyglądu docierają na Twoją stronę w ciągu około minuty.

Pokaż pop-up w innych językach

1. Otwórz kartę Języki.
2. Wybierz język w polu Dodaj język i kliknij Dodaj.
3. Wpisz teksty albo kliknij Przetłumacz z AI.
4. Kliknij Zapisz dla tego języka.

Odwiedzający, dla których język nie ma tu tekstów, widzą pop-up tak, jak go zaprojektowano. Karta informuje też, gdy wielu odwiedzających czyta w języku, którego jeszcze nie dodałeś.

Najczęstsze pytania

Powiązane: Dodawanie formularza do pop-upu i Tworzenie pop-upu.