Jak wywołać pop-up po kliknięciu?
Poniższy artykuł dotyczy naszego nowego edytora Formularzy i pop-upów. Pomoc dotycząca starszego edytora dostępna jest tutaj.
Teraz możesz skonfigurować formularz tak, aby pojawiał się, gdy odwiedzający Twoją stronę kliknie wybrany przycisk lub link. Możesz połączyć wyzwalacz na kliknięcie z różnymi innymi wyzwalaczami. Więcej informacji na temat innych wyzwalaczy znajdziesz tutaj.
Konfigurowanie wyzwalacza po kliknięciu
Aby skonfigurować wyzwalacz swojego pop-upa po kliknięciu:
- Przejdź do sekcji Formularze i pop-upy, a następnie kliknij jego nazwę.
- Kliknij Edytuj w sekcji Reguły wyświetlania.
- Kliknij Edytuj wyzwalacze, aby wybrać akcję, która spowoduje pojawienie się okienka pop-up.
- Wybierz Po kliknięciu.
- Podaj selektor CSS, który identyfikuje element HTML, który po kliknięciu otworzy pop-up. Sprawdź przykłady wyzwalaczy poniżej. Jeśli nie masz dostępu do kodu swojej strony, skontaktuj się z deweloperem.
- Kliknij Zapisz.
Przykłady selektorów CSS
Selektor CSS to atrybut używany w tworzeniu stron internetowych, który pozwala na identyfikowanie i stylizowanie konkretnych elementów HTML na stronie. Podczas konfigurowania wyzwalacza Po kliknięciu dla formularza pop-up w GetResponse, selektor CSS identyfikuje przycisk lub link, na który użytkownicy muszą kliknąć, aby wywołać okienko pop-up.
Wyobraź sobie, że na swojej stronie internetowej masz przycisk z następującym kodem HTML:<button class="subscribe-button">Subskrybuj</button>
Aby użyć tego przycisku jako wyzwalacza dla formularza popup, należy ustawić selektor CSS, który go zidentyfikuje. Na przykład:
- Aby zidentyfikować go po klasie (zadziała dla każdego elementu HTML w tej klasie):
.subscribe-button - Aby zidentyfikować go po tagu HTML i klasie (co może działać dla każdego przycisku w tej klasie):
button.subscribe-button - Aby zidentyfikować przycisk za pomocą konkretnego ID (jeśli przycisk miałby
id="subscribe"):#subscribe
Selektor po ID/# znajduje pierwszy pasujący element, a kliknięcie zostanie zarejestrowane tylko na nim. Selektor po klasie działa na wielu elementach, podobnie jak inne selektory. Selektor po ID/# jest unikalny pod tym względem. Jeśli chcesz, aby kliknięcie działało dokładnie na wybranym elemencie, upewnij się, że selektor jest unikalny.
Konfigurowanie wyzwalacza “Po kliknięciu” za pomocą selektorów CSS wymaga podstawowej wiedzy z zakresu HTML i CSS. Jeśli nie jesteś zaznajomiony z tymi pojęciami lub strukturą kodu swojej strony internetowej, zalecamy skonsultowanie się z deweloperem strony.
Pamiętaj, że GetResponse nie oferuje wsparcia technicznego przy konfigurowaniu selektorów CSS. Jeśli jednak potrzebujesz ogólnych wskazówek, możesz skorzystać z dostępnych zasobów online lub zwrócić się o pomoc do specjalisty.
