Publikowanie pop-upów na stronie na WordPressie

Zaktualizowano: 20 czerwca, 2022 Autor:

Marta Szeliga

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.

Dodawanie pop-upu z zainstalowaną 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ć – 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, przejdź przez poniższe kroki.

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

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

3. 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).

4. 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!

WAŻNE: Po wklejeniu kodu do pliku header.php nadpisze się on automatycznie dla całej strony oraz wszystkich jej podstron.

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

Chcę, aby pop-up wyświetlał się jedynie na jednej lub kilku wybranych podstronach

1. Skopiuj poniższy kod PHP:

<?php if (is_page(['nazwa_podstrony'])) : ?> 
<script src="https://popups.landingi.com/api/website/install-code?apikey=???"></script> 
<?php endif; ?>

W funkcji (pierwszy wers) zdefiniuj, na jakiej konkretnej podstronie (lub podstronach) powinien wyświetlać się pop-up, np.: ['kontakt'], ['o_nas'], ['kontakt', 'produkty'].

W drugim wersie zastąp nasz przykład kodem wygenerowanym podczas ostatniego etapu publikacji pop-upu.

2. Całość kodu wklej na końcu sekcji.

3. Kliknij Zaktualizuj plik.

Chcę, aby pop-up wyświetlał się na wszystkich podstronach z wyłączeniem wybranych

1. Analogicznie jak powyżej – skopiuj poniższy kod PHP zawierający zaprzeczenie w funkcji („!”):

<?php if !(is_page(['nazwa_podstrony'])) : ?> 
<script src="https://popups.landingi.com/api/website/install-code?apikey=???"></script> 
<?php endif; ?>

W funkcji (pierwszy wers) zdefiniuj, na jakiej konkretnej podstronie (lub podstronach) nie powinien wyświetlać się pop-up, np.: ['kontakt'], ['o_nas'].

W drugim wersie zastąp nasz przykład kodem wygenerowanym podczas ostatniego etapu publikacji pop-upu.

2. Całość kodu wklej na końcu sekcji.

3. Kliknij Zaktualizuj plik.