Przycisk w Elementorze to osobny element z trzema rzeczami do ustawienia: napisem, linkiem i wyglądem. Wszystko zmienisz w panelu po lewej w kilka minut.
- Nowy napis: 1–3 słowa mówiące, co się stanie po kliknięciu
- Adres linku, numer telefonu albo plik PDF wgrany do biblioteki mediów
Film bez dźwięku, z napisami. Te same kroki do przeczytania są w zakładce Krok po kroku.
Krok po kroku
Kliknij przycisk na stronie
W trybie edycji (Edytuj w Elementorze) kliknij przycisk raz. Po lewej otworzą się jego ustawienia na zakładce Treść.
W trybie edycji kliknięcie nie przenosi pod link, tylko zaznacza przycisk.
Wpisz nowy napis
W polu Tekst usuń stary napis i wpisz nowy, np. „Zadzwoń”, „Pobierz cennik”, „Umów konsultację”.
Do 3 słów. Dłuższy napis na telefonie łamie się na dwie linie.
Wpisz adres w polu Połącz
W polu Połącz wklej adres strony, np. https://twojadomena.pl/kontakt/. Do telefonu wpisz tel: i numer bez spacji, np. tel:+48123456789, a do e-maila mailto:biuro@twojadomena.pl.
Włącz nową kartę, jeśli trzeba
Kliknij ikonę zębatki przy polu Połącz (Opcje odnośnika) i zaznacz Otwórz w nowym oknie. Używaj tego dla innych serwisów i plików PDF, nie dla własnych podstron.
Zmień kolor tła
Przejdź do zakładki Styl. Pod przełącznikiem Rodzaj tła kliknij próbkę w polu Kolor (podpowiedź po najechaniu: „Kolor tła”) i wybierz nowy kolor albo wpisz kod, np. #1A73E8. Kolor napisu zmienisz w polu Kolor tekstu.
Jeśli strona ma kolory globalne, wybierz kolor z palety strony zamiast własnego kodu. Wygląd zostanie spójny.
Ustaw kolor po najechaniu
Nad polami kolorów przełącz kartę z Normalna na Najechanie. Ustaw tam kolor tła i tekstu, jaki przycisk ma mieć po najechaniu kursorem.
Na telefonie efektu najechania nie widać, więc kolor z karty Normalna musi być czytelny sam w sobie.
Zaokrąglij rogi
Niżej w zakładce Styl znajdź Promień obramowania. Wpisz np. 8 dla lekkiego zaokrąglenia albo 50 dla przycisku w kształcie pigułki.
Zmień wielkość przycisku
Pole Dopełnienie to odstęp między napisem a krawędzią przycisku: większe liczby dają większy przycisk. Gdy ikona ogniwa przy tych polach jest włączona, wszystkie cztery wartości zmieniają się razem.
Opublikuj i przetestuj
Kliknij Opublikuj. Na opublikowanej stronie kliknij przycisk, a przycisk do telefonu sprawdź na smartfonie. Zobacz też, czy na telefonie napis mieści się w jednej linii.
Co gdzie zmienisz w przycisku
| Chcesz zmienić | Zakładka | Pole |
|---|---|---|
| Napis | Treść | Tekst |
| Adres, telefon, e-mail, PDF | Treść | Połącz |
| Otwieranie w nowej karcie | Treść | Zębatka przy polu Połącz → Otwórz w nowym oknie |
| Ikonę obok napisu | Treść | Ikonka |
| Czcionkę napisu | Styl | Typografia |
| Kolor tła i napisu | Styl | Rodzaj tła → Kolor oraz Kolor tekstu (karty Normalna i Najechanie) |
| Zaokrąglenie rogów | Styl | Promień obramowania |
| Wielkość przycisku | Styl | Dopełnienie |
Przycisk do pliku PDF i nowy przycisk
Żeby przycisk otwierał cennik lub ulotkę, wgraj plik PDF do biblioteki mediów i wklej jego adres w pole Połącz. Pełna instrukcja: plik PDF do pobrania.
Nowy przycisk najprościej zrobić z istniejącego: kliknij go prawym przyciskiem myszy i wybierz Powiel. Kopia ma ten sam wygląd, więc zmieniasz tylko napis i link. Jak dodać element od zera: dodawanie nowego elementu.
Przycisk nic nie robi po kliknięciu
Pole Połącz jest puste albo zawiera sam znak #. Wpisz pełny adres z https://. Pamiętaj, że w trybie edycji przycisk nie przenosi pod link: testuj na opublikowanej stronie.
Przycisk Zadzwoń nie działa
Sprawdź zapis: tel:+48123456789, bez spacji, myślników i nawiasów. Na komputerze bez programu do dzwonienia taki link może nic nie robić, więc testuj na smartfonie.
Na stronie przycisk ma stary kolor
Sprawdź, czy kolor zmieniono na karcie Normalna, a nie tylko na Najechanie. Jeśli w edytorze kolor jest nowy, a na stronie stary, odśwież stronę bez pamięci podręcznej: Ctrl+Shift+R.
Wszystkie przyciski na stronie zmieniły kolor
Zmiana trafiła do koloru globalnego (wspólnego dla całej strony), a nie do jednego przycisku. Cofnij ją skrótem Ctrl+Z (Mac: Cmd+Z) albo w Historia → Działania. Potem ustaw kolor tylko w zakładce Styl tego przycisku.
Nic z tego nie pomogło? Opisz problem w formularzu, odpowiemy w dni robocze.