Publikowanie pop-upów na stronie na WordPressie

Zaktualizowano: 11 lipca, 2022 Autor: Autor Magdalena Dejnak
Spis treści
Spis treści

Pop-upy stworzone w Landingi możesz dodać do swoich landing page'y i innych stron w WordPressie dzięki wtyczce lub ręcznej zmianie kodu.

Na pierwszym etapie publikacji pop-upu określ strony i podstrony, na których wyświetlać się będzie pop-up.

Określ, gdzie dokładnie będzie wyświetlał się pop-up

Miejsca wyświetlania pop-upu możesz wybrać na etapie jego publikacji zarówno dla stron opublikowanych przez wtyczkę, jak i pozostałych stron.

1. Aby pop-up wyświetlał się na wybranych podstronach, wybierz Zawiera oraz Pokaż na, a następnie wpisz ścieżkę podstrony.

2. Aby pop-up nie wyświetlał się na wybranych podstronach, wybierz Zawiera oraz Ukryj na, a następnie wpisz ścieżkę podstrony.

3. Więcej reguł dodasz, klikając +.

Po zmianie reguł wyświetlania się pop-upu nie musisz aktualizować kodu w WordPressie.

Dodawanie pop-upu do landing page'a opublikowanego przez wtyczkę do WordPressa

Jeśli korzystasz z naszej wtyczki do WordPressa (Landing Pages App lub Landingi Landing Pages) i masz za jej pomocą zaimportowanego landing page'a, nie musisz nic robić – podczas ustawiania opcji wyświetlania pop-upu wybierz odpowiedniego landing page'a, a kod umożliwiający wyświetlanie pop-upu zostanie do niego dodany automatycznie, w końcowym etapie tworzenia pop-upu (podczas publikacji):

Dodawanie pop-upu do innej strony na WordPressie

Jeśli chcesz, aby pop-up został dodany do Twojej innej strony obsługiwanej przez WordPressa (bez zainstalowanej wtyczki), przejdź przez poniższe kroki.

1. W końcowym etapie tworzenia pop-upu skopiuj wygenerowany kod HTML.

wordpress landingi popup

2. Kod musisz wkleić w kod swojego motywu na WordPressie. W zależności od tego, z jakiego motywu korzystasz, masz dostęp do różnych edytorów kodu.

Wybierz, jakiego motywu (edytora) używasz:

3a. Przejdź do kokpitu swojego WordPressa. W menu po lewej stronie wejdź w zakładkę Wygląd (1) i wybierz Edytor motywu (2).

wordpress edytor motywu

3b. Pojawi się okno z możliwością edycji motywu w kodzie źródłowym. Po prawej stronie kliknij w plik Nagłówek motywu (header.php).

kod header wordpress

3c. Otworzy się okno z kodem <!doctype html>. Wklej do tej sekcji kod wygenerowany w Landingi, najlepiej na samym jej końcu. Pamiętaj, aby zrobić to przed tagiem zamykającym.

3d. Na koniec kliknij Aktualizuj plik.

Jeżeli chcesz wprowadzić zmiany w pop-upie albo w sposobach jego wyświetlania, wystarczy, że zrobisz to w edytorze Landingi – aktualizacja w WordPressie nastąpi automatycznie.

4a. Przejdź do kokpitu swojego WordPressa. W menu po lewej stronie wejdź w zakładkę Wygląd i wybierz Edytor.

4b. Kliknij Ustawienia (ikona trzech kropek) i wybierz Edytor kodu.

4c. Wklej kod pop-upu tuż pod sekcją 'header' (1). Następnie kliknij Zapisz (2).

Jeżeli chcesz wprowadzić zmiany w pop-upie albo w sposobach jego wyświetlania, wystarczy, że zrobisz to w edytorze Landingi – aktualizacja w WordPressie nastąpi automatycznie.

Czy ta instrukcja była pomocna?