Widget przycisk

Ostatnia aktualizacja: 24.09.2019

W platformie Landingi możesz dodać przycisk do swojego landing page’a, którego kliknięcie spowoduje wybraną akcję.

Możesz wybrać jedną z poniższych akcji po kliknięciu w przycisk:

  • przekierowanie na dowolny adres URL;
  • przekierowanie do innego landinga;
  • przewinięcie do wybranej sekcji landinga;
  • pojawienie się lightboxa;
  • pobranie pliku.

Z tej instrukcji dowiesz się, jak dodać przycisk do swojego landing page’a, edytować go oraz ustawić akcję po jego kliknięciu.

I. Dodawanie przycisków

1. Przeciągnij widget przycisk z lewej strony edytora w wybrane miejsce w obszarze roboczym landinga.

widget_przycisk_PL

Po dodaniu przycisku możesz edytować jego wygląd.

II. Edycja przycisków

Kliknij w przycisk, aby go zaznaczyć. Wyświetli się jego menu podręczne oraz uaktywni panel boczny z opcjami edycji po prawej stronie edytora.

przycisk_PL

Klikając w punkty na obramowaniu, możesz zmieniać dowolnie rozmiar przycisku. Pozostałe ikony umożliwią Ci zmianę jego położenia, wejście w ustawienia przycisku, skopiowanie go, przesunięcie na wierzch/pod spód oraz usunięcie przycisku. W panelu bocznym po prawej stronie znajdziesz dodatkowe możliwości edycji przycisku.

Panel boczny z opcjami przycisku

W opcjach przycisku możesz zmienić jego rozmiar i położenie (1), a także treść wyświetlaną na przycisku (2), skopiować ID przycisku (może Ci się przydać do niektórych, dodatkowych skryptów) czy dodać klasę (3). Możesz wybrać, czy ukryć przycisk na którymś widoku (4) – domyślnie, po utworzeniu, przycisk jest widoczny zarówno na widoku dekstopowym, jak i mobilnym.

opcje_przycisku_PL

A. Zakładka Tekst

W zakładce Tekst możesz zmienić font oraz jego rozmiar i kolor, dostosować wysokość linii tekstu, wybrać style oraz justowanie.

opcje_przycisku_PL2

B. Zakładka Tło

Możesz włączyć lub wyłączyć tło przycisku oraz wybrać styl tła: pełny kolor, gradient albo obraz.

opcje_przycisku_PL3

C. Zakładka Obramowanie

Możesz włączyć lub wyłączyć obramowanie przycisku, a następnie dostosować jego parametry, takie jak grubość, styl linii czy kolor.

Opcje_przycisku_PL4

D. Zakładka Zaokraglone rogi

Możesz włączyć lub wyłączyć zaokrąglone rogi przycisku oraz ustalić ich wartość.

opcje_przycisku_PL5

E. Zakładka Cień tekstu

Możesz włączyć lub wyłączyć cień tekstu, a także ustalić jego parametry.

opcje_przycisku_PL6

III. Ustawienia przycisków

Aby wejść w ustawienia przycisku, zaznacz dany przycisk i kliknij w Ustawienia.

przycisk_ustawienia_PL

1. Zakładka Rodzaj

W zakładce Rodzaj znajdziesz akcje do wyboru po kliknięciu w przycisk.

A. Przekierowanie

W pole Adres docelowy (1) wpisz adres URL, na który użytkownik ma zostać przekierowany po kliknięciu w przycisk.

Opcjonalnie, możesz zaznaczyć checkboxy (2):

  • Śledź kliknięcie jako konwersję – dzięki temu klkinięcia w przycisk będą widoczne w panelu statystyk i liczone jako konwersja na danym landingu.
  • Otwórz w nowej zakładce – otwiera stronę przekierowania w nowej zakładce przeglądarki.

Po kliknięciu w Dodatkowe opcje (3) możesz dodać parametry UTM do linku.

przycisk_przekierowanie

B. Przekieruj na landing page’a

Wybierz docelowy landing page z rozwijanego menu (1). Opcjonalnie możesz zaznaczyć checkboxy Śledź kliknięcie jako konwersję (2), Przenieś dane leada (3) i Otwórz w nowej zakładce (4).

przycisk_LP_PL

 C. Pobranie pliku

Aby udostępnić użytkownikowi plik do po kliknięciu w przycisk, wpisz adres URL, gdzie znajduje się dany plik (1), albo wgraj plik z z komputera (2) (maksymalnie 16 Mb).

przycisk_plik_PL

D. Link do sekcji

Umożliwia stworzenie płynnego przewinięcia landinga do wskazanej sekcji. Aby skorzystać z tej akcji, musisz mieć co najmniej dwie sekcje na danym landingu.

przycisk_sekcja_PL

E. Pokaż lightbox

Kliknięcie w przycisk wyświetli lightbox – możesz wybrać stworzony już wcześniej lightbox z rozwijanej listy, albo zrobić nowy klikając w przycisk +.

przycisk_lightbox_PL

2. Zakładka Szablony

Znajdziesz tutaj gotowe szablony przycisków; aby uaktywnić dany szablon, kliknij w niego i zapisz zmiany.

przycisk_szablony_PL

3. Zakładka Ustawienia

Możesz zmienić tekst wyświetlany na przycisku oraz dodać kod Javascript, który uaktywni zdarzenie onClick po kliknięciu w przycisk.

przycisk_onclick_PL

IV. Najczęściej zadawane pytania

Jak stworzyć przycisk click-to-call?

Aby stworzyć przycisk, który po kliknięciu automatycznie wywołuje domyślny program do wykonywania połączeń, przejdź do zakładki Rodzaj > Przekierowanie.  W polu Adres docelowy wpisz numer telefonu w następującym formacie: „tel:+48999999999”, a następnie zapisz zmiany.

Po więcej szczegółów zajrzyj do tej instrukcji.

Jak stworzyć przycisk z linkiem mailto?

Aby stworzyć przycisk, który po kliknięciu aytomatycznie wywołuje domyślny program pocztowy, przejdź do zakładki Rodzaj > Przekierowanie.  W polu Adres docelowy wpisz adres email, na który ma zostać wysłana wiadomość w następującym formacie: „mailto:mojemail@test.com”, a następnie zapisz zmiany.

Po więcej szczegółów zajrzyj do tej instrukcji.

Jak na przycisku utworzyć dwie linie tekstu?

Aby dodać kolejną linię tekstu, przedziel jedną od drugiej znacznikiem
w polu Treść. 

przycisk_2linie_PL

Ważne: W edytorze ostateczny efekt nie będzie widoczny – dwie linie pojawią się na przycisku po opublikowaniu landinga.

Czy ten artykuł był dla Ciebie pomocny?

Nadal potrzebujesz pomocy?

Skontaktuj się z naszym supportem. Chętnie pomożemy.
Wyślij nam wiadomość
Ta strona używa plików cookies w celach analitycznych. Polityka prywatności.