Publikowanie pop-upów na stronie na WordPressie

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

      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?