Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak generować i dodawać kody QR w WordPress (Prosty poradnik)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz dodać kody QR do twoich wpisów na blogu i stron docelowych w WordPress?

Wykorzystanie kodów QR rośnie, a prawie 100 milionów urządzeń mobilnych skanuje kody QR każdego roku. Możesz ich używać do wielu celów, takich jak umożliwienie użytkownikom pobierania plików, kontaktowania się z Tobą, znajdowania Twojego sklepu w Google Maps, otrzymywania kuponów i nie tylko.

W tym artykule pokażemy, jak generować i dodawać kody QR w WordPress.

How to Generate and Add QR Codes in WordPress

Czym są kody QR i dlaczego warto ich używać?

Kod QR lub kod szybkiej odpowiedzi to rodzaj kodu kreskowego. Zawiera więcej informacji niż standardowy kod kreskowy i może być łatwo skanowany przez telefony komórkowe. Kody te stały się bardzo popularne i są używane przez wiele witryn internetowych i sklepów internetowych, a także fizycznych znaków i dokumentacji.

Kody QR mogą być odnośnikami do cyfrowych plików do pobrania na Twojej witrynie internetowej, takich jak filmy, eBooki, pliki PDF lub podcasty. Podobnie, możesz użyć kodów QR, aby zwiększyć liczbę pobrań aplikacji i skierować użytkowników do sklepu z aplikacjami na podstawie ich urządzenia.

Możesz również zaoferować klientom, którzy zeskanują kod QR, ekskluzywne rabaty i oferty specjalne. Możesz też użyć ich, aby pomóc ludziom znaleźć Twoją fizyczną lokalizację sklepu w Google Maps.

Porada eksperta : Jeśli chcesz akceptować płatności za pomocą kodów QR, zapoznaj się z naszym poradnikiem krok po kroku, jak dodać płatności kodem QR Stripe w WordPress.

To powiedziawszy, przyjrzyjmy się, jak możesz tworzyć kody QR dla twojej witryny WordPress.

Jak generować i dodawać kody QR w WordPress?

Najprostszym sposobem generowania i dodawania kodów QR w WordPress jest użycie wtyczki WordPress, takiej jak Shortcodes Ultimate.

Pozwala używać krótkich kodów do tworzenia kodów QR, przycisków, boksów, pokazów slajdów, karuzeli i innych. Do wyboru jest ponad 50 krótkich kodów, które współpracują z dowolnym motywem WordPress.

W tym poradniku będziemy używać darmowej wtyczki, ponieważ zawiera ona funkcję kodu QR. Istnieje jednak również wersja Shortcodes Ultimate Pro, która oferuje dodatki premium i odblokowuje więcej krótkich kodów, które możesz wykorzystać na swojej witrynie internetowej.

Powiązane: Zobacz naszą pełną recenzję Shortcodes Ultimate, aby uzyskać więcej szczegółów.

Najpierw należy zainstalować i włączyć wtyczkę Shortcodes Ultimate. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu otrzymasz możliwość subskrypcji powiadomień e-mail, a w twoim menu administratora WordPress pojawi się nowa opcja „Krótki kod”. Następnie zostaniesz przekierowany na ekran powitalny Shortcodes Ultimate.

Shortcodes Ultimate welcome screen

Dodawanie kodów QR do wpisów i stron

Teraz możesz zacząć dodawać kody QR do Twoich wpisów i stron na blogu.

Aby to zrobić, wystarczy edytować dowolny wpis lub stronę w twojej witrynie internetowej. Gdy znajdziesz się w edytorze treści WordPress, dodaj blok z krótkim kodem w dowolnym miejscu treści.

Add a shortcode block

Po dodaniu bloku Shortcode w menu pojawi się opcja „Wstaw krótki kod”. Jest to ikonka z podwójnymi nawiasami '[ ]’.

Wystarczy kliknąć ikonkę „Wstaw krótki kod”, aby otworzyć narzędzie wyboru Shortcode Ultimate.

Click the Insert Shortcode Button

Wtyczka wyświetli listę krótkich kodów, których możesz użyć w swojej witrynie internetowej. Musisz wyszukać lub przejść do opcji krótkiego kodu „QR code” i kliknąć go.

Spowoduje to wyświetlenie większej liczby opcji, w których możesz wpisz szczegóły dotyczące twojego kodu QR.

Enter QR Code Details

W polu „Dane” można wpisz tekst, adres URL, kody rabatowe, odnośnik do strony z formularzem kontaktowym i wszelkie inne informacje, które mają być przechowywane w kodzie QR.

Oprócz tego istnieje opcja wpisz tytuł dla kodu QR, który działa jako tekst alternatywny.

Jeśli przewiniesz w dół, zobaczysz więcej opcji, aby dostosować swój kod QR. Możesz na przykład dostosować rozmiar kodu QR, zmienić jego wyrównanie lub marginesy, wpisz odnośnik i uczyń go klikalnym dla użytkowników witryny internetowej i nie tylko.

Poza tym istnieje również opcja zmiany podstawowego koloru kodu QR i koloru tła. Domyślnie są one czarno-białe, ale można wybrać dowolny kolor.

Enter QR Code Details

Po sfinalizowaniu ustawień możesz zobaczyć podgląd na żywo, jak będzie wyglądał twój kod QR. Gdy będziesz zadowolony, kliknij przycisk „Wstaw krótki kod”.

Teraz możesz opublikować wpis na blogu lub landing page i przejść na twoją witrynę internetową WordPress, aby zobaczyć kod QR w działaniu.

QR code preview

Dodawanie kodów QR do widżetów WordPress

Możesz również dodać twój kod QR do dowolnego obszaru widżetów w witrynie internetowej, takiego jak panel boczny.

Sposób, w jaki to zrobisz, zależy od tego, czy używasz motywu, który można konfigurować za pomocą edytora Full Site Editor, czy starszego motywu, który korzysta z klasycznego edytora widżetów.

Instrukcje dotyczące obu metod znajdziesz w naszym przewodniku na temat korzystania z krótkich kodów w panelu bocznym WordPress.

Podobnie jak w przypadku dodawania kodu QR do wpisu lub strony, kliknięcie ikonki „Wstaw krótki kod” pozwoli ci skonfigurować twój krótki kod za pomocą wtyczki Shortcodes Ultimate.

Tak wygląda kod QR w obszarze widżetu na naszej witrynie demonstracyjnej.

QR Code in Widget Preview

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak generować i dodawać kody QR w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat dodawania płatności za pomocą kodów QR Stripe w WordPressie i naszą ekspercką listą najlepszych wtyczek WordPress do rozwoju Twojej witryny internetowej.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

11 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Smile Onwughara says

    Thank you for your beautiful tutorial. Please i’d like to know how to add qr code to a wordpress form. When the user is about to print the form, there should be a QR code printed along with the form. You reply will help a lot

  3. Tanish Sehgal says

    Hi,
    I want to make a qr code instantly whenever the user enter his details and when a person scans the qr code all the details typed by the user should be displayed.

  4. Akinola says

    Hi,
    I want to use the QR code to register people for a event, such that when they book their seats, they get a receipt with a unique QR code which can be printed or saved (as image or pdf) on their mobile devices. Once they get to the event venue, they can have their QR codes scanned and verified.

    Is this possible?

  5. Cesar Sacconi Falcao says

    I´d like to use QR codes in certificates of my online education site, so people can verify if its authentic.

    But creating the code is just one part of the problem, maybe I´d need some forms to create a unique serial number, create the QR and then create a page where you type the serial or scan the code and then it shows the info of the exam.

    • Nick says

      Cesar, it may be a while since you posted, but this may be of help to you ?

      We provide validation qr codes to keep documents secure, with each applicable page or document having it’s own unique qr code, mostly devised by the validator. The licence can allow hundreds of these validating codes where you register each one as you print/provide it, and allows you to enter the name, certificate number, your contact details etc for anyone who needs to validate it’s authenticity.

      Let me know if this might be of use to you.

      Thanks

      Nick

  6. Mike Panic says

    rant

    Until the iPhone (iOS) and Android operating systems come with a built in, default QR code reader, the only people who get really excited about them are marketing directors and misinformed business leaders / owners.

    Who on earth has actually scanned a bar code on a computer screen. Another point, what happens when I’m viewing a site on my phone (a demographic growing at a staggering rate), it’s no impossible to do anything with this fancy QR code until I get another device out and now I’m scanning my iPhone with my iPad.

    Seriously, what happened to UX people and what UI designers are allowing this wretched marketing ploy take over the Internet?

    /rant

  7. Mark says

    Hi. In your shortcode example, you have credit=false with no closing quote. should fix that before people that only use the admin panel editor lock themselves out of their sites with a fatal error :)

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.