Utwórz popup dla WordPressa za pomocą Ad Inserter Pro

Adinserter Pro, mimo że jest wtyczką, być może najlepszą, przeznaczoną do zarządzania reklamami, może być wykorzystywany do innych celów.

Przy tej okazji zobaczymy, jak stworzyć wyskakujące okienko, w którym będzie wyświetlany formularz subskrypcji, choć można go wykorzystać do dodania dowolnej innej treści, niezależnie od tego, czy będzie to własna lub zewnętrzna reklama, wezwanie do działania z obrazkiem czy po prostu tekst informacyjny jako ostrzeżenie.

Opcja ta nie jest dostępna dla darmowej wersji Ad Inserter, musisz skorzystać z jego wersji Pro, która pozwala na tworzenie reklam w stałych pozycjach z animacjami wejścia i wyjścia oraz przyciskiem zamknięcia.

Oto kroki:

1- Utwórz nowy blok w Ad Inserterze i dodaj HTML lub PHP swojego formularza. W moim przypadku jest on tworzony za pomocą GenerateBlocks i po prostu skopiowałem i wkleiłem jego kod.

2 - Wybierz opcję "Entries" (lub gdziekolwiek chcesz, aby była wyświetlana). W "Listach" możesz wykluczyć posty lub strony, na których nie chcesz, aby były wyświetlane.

3 - W "Wstaw" wybierz "Stopka".

4 - W "Alignment" zaznaczamy "Custom CSS"

5-6- Wybierz położenie w poziomie i w pionie.

7- Opcjonalnie możesz dodać więcej CSS, aby naprawić pozycję w dowolnym miejscu, ustawić nieprzezroczystość koloru tła lub cokolwiek potrzebujesz.

Przycisk zamykania można również dostosować do własnego projektu.

9- W tym momencie mamy kilka sposobów na skonfigurowanie ilości wyświetleń, tak aby nie denerwować odwiedzającego.

W tym przypadku, gdy użytkownik zamknie okno, pojawi się ono ponownie dopiero po 5 dniach. Jeśli nie chcemy, aby pojawiła się ona ponownie, wystarczy dodać wysoką liczbę dni. Tutaj możesz również skonfigurować automatyczne zamykanie po X sekundach lub, że jest on wyświetlany tylko co X odsłon.

Wreszcie, w zakładce "Limity", możesz wybrać ograniczenie liczby wyświetleń i/lub kliknięć dziennie ogólnie lub indywidualnie.

Przed zapisaniem bloku, aby rozpocząć wyświetlanie swojego pop-upu warto kliknąć na "Preview" (patrz pierwszy obrazek), co pozwoli nam zobaczyć ostateczny wygląd na stronie testowej, takiej jak ta:

Zauważ, że ostateczny wygląd będzie się różnił, ponieważ podgląd jest prezentowany bez formatowania, w moim przypadku jest to ostateczny wygląd projektu z CSS szablonu i GenerateBlocks

W ostatnim kroku możesz teraz dopracować układ okna i dodać obramowanie, cień, dostosować kolory, wyśrodkować teksty, dodać odstępy, padding, marginesy itp.

Kilka uwag

Wyskakujące okna, które otwierają się automatycznie gwałtownie przerywają naturalną nawigację, mogą pojawiać się w momencie ładowania strony, po pewnym czasie lub podczas przewijania i są bardzo irytujące dla przeciętnego człowieka.

Ponadto, ponieważ historycznie były one wykorzystywane do natrętnych reklam, wiele przeglądarek już domyślnie je blokuje, a także często są karane przez wyszukiwarki, szkodząc SEO Twojej witryny.

Dlatego warto nie nadużywać tego typu okien i pokazywać je tylko raz na wizytę i tylko przez krótki czas w konkretnych kampaniach. Dobrą praktyką jest również takie ich skonfigurowanie, aby przestały się pojawiać na dość długi okres czasu lub nie pojawiały się ponownie, po zamknięciu ich przez użytkownika.

Ad Inserter nie jest wtyczką specjalnie do tworzenia okien modalnych, więc ma swoje ograniczenia w zakresie różnorodności wyzwalaczy z warunkami, które mają inne dedykowane wtyczki. Jeśli wolisz coś nieco bardziej konfigurowalnego i darmowego, możesz użyć tej wtyczki lub tej.