Kan du föreställa dig att din publik enkelt kan ladda ner resurser, ansluta till dig på sociala medier eller hitta din butik location med en enkel skanning av sin smartphone? Det är kraften i QR-koder.
Användningen av QR-koder skjuter i höjden och nästan 100 miljoner mobila enheter skannar QR-koder varje år. Nu är det perfekta tillfället att integrera dem i dina blogginlägg och landing pages i WordPress.
Vi har noggrant undersökt de bästa QR-kod tools och plugins, och i den här artikeln visar vi dig hur du genererar och add to QR-koder i WordPress för att ta din website till nästa nivå.
Vad är QR-koder och varför använda dem?
En QR-kod eller Quick Response-kod är en typ av streckkod. Den innehåller More information än en vanlig streckkod och kan enkelt skannas av mobiltelefoner. Dessa koder har blivit mycket populära och används av många websites och online stores såväl som fysiska skyltar och documentation.
Du kan använda QR-koder för att länka till digitala downloads på din website, till exempel videoklipp, e-böcker, PDF-filer eller podcasts. På samma sätt kan du använda QR-koder för att öka download av appar och dirigera användare till appens store baserat på deras device.
Du kan också erbjuda kunder som skannar QR-koden exklusiva rabatter och specialerbjudanden. Eller så kan du använda dem för att hjälpa människor att hitta dina fysiska butiker i Google Maps.
Experttips: Om du vill godkänna betalningar via QR-koder kan du se vår steg-för-steg tutorial om hur du lägger till Stripe QR-kodbetalningar i WordPress.
Med detta sagt, låt oss ta en titt på hur du kan skapa QR-koder för din WordPress webbplats.
Så här genererar du och add to QR-koder i WordPress
Det enklaste sättet att generera och lägga till QR-koder i WordPress är genom att använda Shortcodes Ultimate, som är ett av de bästa QR-kod tillägg.
Du kan använda shortcodes för att skapa QR-koder, knappar, boxes, sliders, carousels och mycket mer. Det finns över 50 shortcodes att välja mellan, och de fungerar med alla WordPress-teman.
För denna tutorial kommer vi att använda det gratis WordPress plugin eftersom det innehåller QR-kod funktionen. Det finns dock också en Shortcodes Ultimate Pro-version som erbjuder premium addons och unlocks fler shortcodes som du kan använda på din website.
Related to: Se vår kompletta Shortcodes Ultimate review för mer detaljer.
Först måste du installera och aktivera pluginet Shortcodes Ultimate. För mer detaljer, vänligen se vår guide om hur du installerar ett plugin för WordPress.
Vid aktivering får du möjlighet att prenumerera på e-postmeddelanden och ett nytt alternativ ”Shortcode” kommer att visas i din WordPress admin meny. Du kommer sedan att redirectas till Shortcodes Ultimate välkomstvy.
Added QR-koder till posts och pages
Nu kan du börja add QR-koder till dina blogginlägg och pages.
För att göra det, helt enkelt edit någon post eller page på din website. När du är i WordPress content editor, gå vidare och add to en Shortcode block var som helst i innehållet.
När du har lagt till Shortcode-blocket ser du ett alternativ ”Insert shortcode” i menyn. Detta är en icon med dubbla parenteser ’[ ]’.
Klicka bara på ikonen ”Insert shortcode” för att öppna Shortcode Ultimate väljare verktyg.
Tillägget kommer att dyka upp en lista med shortcodes som du kan använda för din webbplats. Du måste searcha eller navigera till shortcode-alternativet ”QR-kod” och klicka på det.
Detta kommer att visa dig fler alternativ där du kan enter details om din QR-kod.
I fältet ”Data” kan du enter text, en URL, rabattkoder, en link till en Contact Form page och all annan information som du vill att QR-koden ska store.
Dessutom finns det ett alternativ för att enter titeln för QR-koden, som fungerar som alt-text.
Om du rullar ner ser du fler alternativ för att customize din QR-kod. Du kan till exempel justera storleken på QR-koden, ändra dess inriktning eller marginaler, enter en link och göra den klickbar för användare av websites, med mera.
Annat än det finns det också ett alternativ att ändra QR-kodens primära färg och bakgrundsfärg. Som standard är de svarta och vita, men du kan välja vilken färg du vill.
När du har slutfört inställningarna kan du se en live preview av hur din QR-kod kommer att se ut. När du är nöjd, fortsätt och klicka på knappen ”Insert shortcode”.
Nu kan du publicera blogginlägget eller landing page och besöka din WordPress website för att se QR-koden i action.
Added QR-koder till WordPress Widgetar
You can also add your QR code to any widgets area on your website, such as the sidebar.
Hur du gör detta beror på om du använder ett tema som kan customize med hjälp av Full Site Editor, eller ett äldre tema som använder den klassiska widgetar-editorn.
Du hittar instruktioner för båda metoderna i vår guide om hur du använder shortcodes i dina sidebar widgets i WordPress.
Som du gjorde när du lade till en QR-kod till ett post eller en page, klicka på ”Insert shortcode” icon kommer att tillåta dig att ställa in din shortcode med hjälp av Shortcodes Ultimate plugin.
Så här ser en QR-kod ut i ett widgetar area på vår demo site.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du genererar och add to QR-koder i WordPress. Du kanske också vill se vår guide om hur du lägger till Stripe QR code payments i WordPress och vårt expertval av de bästa WordPress -tilläggen för att få din website att växa.
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.
Syed Balkhi
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!
Hazel
Uhm, this plugin is not maintained. You may want to talk about a newer QR code plugin
WPBeginner Support
Thank you for letting us know, we’ll be sure to take a look
Administratör
Smile Onwughara
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
Tanish Sehgal
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.
Akinola
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?
Cesar Sacconi Falcao
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
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
Mike Panic
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
Mark
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
Editorial Staff
Good catch. Fixed.
Administratör