Jak dodać przycisk połączenia telefonicznego na stronę WordPress?

Jak dodać przycisk zadzwoń teraz na stronę WordPress

Dlaczego warto dodać przycisk „Zadzwoń teraz” na stronie?

Czy Twoi klienci wchodząc na stronę, od razu wiedzą jak się z Tobą skontaktować? Jeśli prowadzisz firmę usługową, sklep internetowy lub oferujesz doradztwo, przycisk połączenia telefonicznego może znacząco zwiększyć liczbę kontaktów od klientów. Szczególnie na urządzeniach mobilnych, szybka możliwość kliknięcia i zadzwonienia to wygoda, która przekłada się na lepszą konwersję.

Co dokładnie stworzymy w tym poradniku?

W tym wpisie pokażę Ci jak krok po kroku dodać prosty, ale nowoczesny przycisk połączenia „Zadzwoń teraz” na stronę WordPress. Po kliknięciu przycisk rozwija elegancki box z Twoim zdjęciem, imieniem, nazwiskiem i przyciskiem do wykonania połączenia. Bez użycia wtyczek i bez obciążania strony animacjami.

Jak dodać przycisk połączenia telefonicznego na stronę WordPress

Jak dodać przycisk połączenia na stronę WordPress – instrukcja krok po kroku

4. Jak dodać przycisk połączenia na stronę WordPress – instrukcja krok po kroku

  1. Zaloguj się do WordPressa

  2. Przejdź do sekcji „Wygląd” > „Edytor plików motywu” (lub użyj wtyczki Code Snippets)

  3. Otwórz plik functions.php motywu potomnego (child theme)

  4. Wklej poniższy kod na jego końcu:

				
					add_action('wp_footer', function () {
    ?>
    

    <div id="call-button" title="Zadzwoń teraz">
      <svg viewBox="0 0 24 24">
        <path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.21
        11.72 11.72 0 003.69.59 1 1 0 011 1v3.61a1 1 0 01-1
        1A17 17 0 013 5a1 1 0 011-1h3.61a1 1 0 011
        1 11.72 11.72 0 00.59 3.69 1 1 0
        01-.21 1.11z"/>
      </svg>
    </div>

    <div id="call-cta">
      <div style="display: flex; align-items: center; gap: 12px;">
        <img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="LINK_DO_TWÓJEGO_ZDJĘCIA" alt="Twoje imię i nazwisko">
        <div>
          <strong>Twoje Imię i Nazwisko</strong><br>
          <span>Dostępny do rozmowy</span>
        </div>
      </div>
      <a href="tel:+48123123123" class="call-button-link">
        Zadzwoń teraz
      </a>
    </div>

    
    <?php
});

				
			

5. Zmień:

  • LINK_DO_TWÓJEGO_ZDJĘCIA – np. link do zdjęcia profilowego
  • Twoje Imię i Nazwisko – na swoje dane
  • tel:+48123123123 – na numer telefonu, z którego odbierasz połączenia

6. Zapisz zmiany – gotowe! 🎉

Jak to działa?

Po dodaniu kodu do strony:

  • w prawym dolnym rogu pojawi się fioletowy przycisk z ikoną telefonu,

  • po kliknięciu rozwinie się mały panel z Twoimi danymi i przyciskiem „Zadzwoń teraz”,

  • użytkownik na telefonie może od razu wykonać połączenie jednym kliknięciem.

To prosty sposób na zwiększenie dostępności kontaktu i zaufania do Twojej firmy.

Podsumowanie

Dodanie przycisku „Zadzwoń teraz” na stronę WordPress nie wymaga żadnych wtyczek ani specjalnych umiejętności. To lekki, szybki i skuteczny sposób, by być bardziej dostępnym dla klientów i poprawić doświadczenie użytkownika na stronie. A to wszystko wpływa pozytywnie na SEO i konwersje.

Chcesz coś bardziej zaawansowanego?

Ten poradnik pokazuje najprostszą wersję przycisku połączenia — bez zbędnych dodatków, idealną do szybkiego wdrożenia.

 

Jeśli jednak chcesz bardziej rozbudowane rozwiązanie, takie jak to, które wykorzystujemy na naszej stronie — z animacjami, pulsującym efektem, dynamiczną zmianą ikony i jeszcze lepszym CTA — po prostu napisz do nas! Chętnie podzielimy się gotowym kodem lub wdrożymy go bezpośrednio na Twojej stronie.

Tomasz Bogulski
Tomasz Bogulski Dostępny do rozmowy
697 746 613