dhosting.pldhosting.pl
  • Strona główna
  • Zacznij tutaj
  • Kategorie
    • Hosting
    • Poczta
    • Domeny
    • Faktury i płatności
    • Pozostałe
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
  • Strona główna
  • Zacznij tutaj
  • Kategorie
    • Hosting
    • Poczta
    • Domeny
    • Faktury i płatności
    • Pozostałe
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
Strona główna/Baza wiedzy/Hosting/Aplikacje internetowe (CMS)

Jak dodać pop-up na stronie opartej o CMS WordPress?

2575 wyświetleń 1

Autor: Jan Elastyczny
02.07.2021

Pojawiające się na Twojej stronie WWW okienka pop-up mogą w niektórych przypadkach spełnić ważną rolę aby namówić odwiedzającego do zasubskrybowania newslettera czy też jeśli prowadzisz sklep internetowy do powiadomienia czy przypomnieniu o trwającej właśnie promocji. Utworzenie takiego okienka nie musi być trudne i pomoże Ci w tym chociażby wtyczka o nazwie „Popup Maker – Popup for opt-ins, lead gen, & more” . Poniżej przedstawimy jak ją zainstalować i rozpocząć pracę nad swoim pierwszym pop-upem.

Instalacja

Zaloguj się do zaplecza swojej strony WWW i przejdź do sekcji „Wtyczki”,  a następnie „Dodaj nową”.

Na stronie, która się pojawi w prawym górnym rogu wpisz w polu wyszukiwarki ciąg: Popup maker i po chwili gdy otrzymasz wyniki, przy wskazanej przez nas wtyczce kliknij kolejno przycisk „Zainstaluj” , a gdy proces się zakończy przycisk „Włącz”.

popup maker 1

Teraz możesz przejść do tworzenia wyskakujących okienek.

Pierwszy pop-up

Na początek pojawi się strona powitalna. Kliknij przycisk „Create your first popup” aby rozpocząć pracę.

popup maker 2

Po załadowaniu strony pojawi się edytor, gdzie w pierwszym polu od góry nadać możesz nazwę wewnętrzną, tak aby po utworzeniu kilkunastu lub z czasem kilkudziesięciu projektów, był porządek wśród ich nazewnictwa i było łatwo odnaleźć te wcześniej utworzone.

W kolejnym polu możesz nadać tytuł, który pojawi się Twoim odwiedzającym w okienku. W naszym przykładzie jest to słowo Promocja.

Ostatnie pole to edytor tekstowy, który pozwoli Ci podobnie do domyślnego edytora treści w CMS „WordPress” zamieścić tekst oraz w razie potrzeby również obrazy. To tutaj zamieścisz zdjęcie oraz opis tego czego dotyczy promocja i jakie są jej warunki.

popup maker 3

Pod polem głównego edytora treści znajdują się dodatkowe opcje i tak pierwsza z nich – „Zdarzenia” określa tzw. wyzwalacze, a więc możesz zdecydować, czy okienko ma się pojawić automatycznie od razu lub po pewnym czasie, czy dopiero po kliknięciu w link lub przycisk.

popup maker 4

Zakładka „Ukierunkowanie”  pozwoli Ci określić, czy pup-up ma się pojawiać na wszystkich stronach, tylko na stronie głównej, a może wyłącznie na jednej z podstron.

popup maker 5

„Wyświetlanie” określi jaką formę przyjmie Twoje wyskakujące okienko / komunikat. Masz do wyboru wstępnie kilka opcji zaprezentowanych na obrazkach pomocniczych, przy czym przechodząc do dodatkowych sekcji tek zakładki, możesz niemal dowolnie dostosować inne parametry.

popup maker 6

Wreszcie zakładka „Zamknij” pozwoli Ci określić w jaki sposób okienko będzie mogło zostać zamknięte.

popup maker 7

Gdy Twój projekt jest gotowy, z prawej strony możesz kliknąć przycisk „Opublikuj”.

popup maker 8

Gdy projekt zostanie opublikowany, będzie można sprawdzić jego wygląd klikając przycisk „Zobacz” znajdujący się na górze strony.

popup maker 9

Tak wygląda nasz przykładowy pop-up. Nie jest może zbyt okazały, niemniej tutaj wszystko zależy od Twoich potrzeb oraz fantazji. Wtyczka kreatora daje naprawdę spore możliwości.

popup maker 10

Tags:jak dodać pop-upwordpress pop-upwyskakujące okienkojak dodać komunikatgdprcookie concentinformacja o ciasteczkach

Czy ten artykuł był pomocy?

1 Tak  Nie
Powiązane artykuły
  • Jak zainstalować Elementora?
  • Czy Elementor wymaga znajomości kodowania?
  • Czy warto nauczyć się obsługi Elementora?
  • Czy warto nauczyć się obsługi Brizy?
  • Czy warto nauczyć się obsługi Divi?
  • Czy warto nauczyć się obsługi Gutenberga?
Elastyczny Web Hosting
Fachowe poradniki
  • Drzewo kategorii i tagi – jak zarządzać strukturą serwisu contentowego
  • Headless CMS – WordPress jako backend Twojego serwisu
  • Jak stworzyć wtyczkę do WordPressa? Poradnik dla początkujących
  • Jak założyć bloga? Kompletny przewodnik instalacji WordPressa dla początkujących
  • Jekyll, generator stron statycznych, alternatywą dla WordPressa
  • Tailwind CSS – utility-first framework alternatywą dla Bootstrap
  • Vue.js jako wtyczka do WordPressa
  • Wielojęzyczna strona w WordPressie bez użycia wtyczek – jak ją stworzyć?
  • WordPress MultiSite – omówienie, instalacja oraz konfiguracja
Aplikacje internetowe (CMS)
  • Jak dodać pop-up na stronie opartej o CMS WordPress?
  • Jak zainstalować Elementora?
  • Czy Elementor wymaga znajomości kodowania?
  • Czy warto nauczyć się obsługi Elementora?
  • Czy warto nauczyć się obsługi Brizy?
  • Czy warto nauczyć się obsługi Divi?
Pokaż wszystko 153  
Najpopularniejsze
  • W jaki sposób skonfigurować program pocztowy?
  • Czym różni się CC od BCC podczas wysyłania wiadomości e-mail?
  • Jak wykonać polecenie traceroute w systemie Windows?
  • Jak skonfigurować pocztę w Outlook 365?
  • Jak odbierać pocztę ze swojej skrzynki na Gmailu?
Kategorie
  • Hosting
    • SSH
    • Strony WWW
    • Zacznij tutaj
    • Aplikacje internetowe (CMS
    • Bazy danych
    • Certyfikaty SSL
    • Cloudflare
    • CRON
    • Inne
    • Elastyczny Web Hosting
    • Kooperacja
    • FTP
    • dKonta / dVPS
    • Operacje PHP
    • Problemy z działaniem stron WWW
    • Redis
    • Rodzaje błędów HTTP
  • Poczta
    • Aliasy pocztowe
    • Filtry antyspamowe
    • Problemy z odbiorem wiadomości
    • Gmail
    • Problemy z wysyłką wiadomości
    • Konfiguracja programów pocztowych
    • Webmail dPoczta.pl
    • Zarządzanie pocztą w dPanelu
    • Migracja skrzynek
  • Kalendarz
  • Pozostałe
    • Program Partnerski
    • Bezpieczeństwo
    • Zarządzanie kontem
    • Inne
  • Domeny
    • Rejestracja i odnowienia domen
    • Transfery domen
    • Zarządzanie domenami w dPanelu
    • Registry Lock
  • Faktury i płatności
    • Inne
    • Metody i płatności
    • Problemy z płatnością
    • RODO
    • Zarządzanie fakturami i płatnościami w dPanelu
    • Faktury VAT
  • Strona główna
  • Zacznij tutaj
  • Status usług
  • Fachowe poradniki
  • Helpdesk 24h
  • Elastyczny Web Hosting →
  • Copyright © 2023 dhosting.pl Sp. z o.o.