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

Cómo generar y añadir códigos QR en WordPress (Tutorial sencillo)

¿Se imagina a su público descargando recursos sin esfuerzo, conectando con usted en los medios sociales o encontrando la ubicación de su tienda con sólo explorar su smartphone? Ese es el poder de los códigos QR.

El uso de códigos QR se está disparando, y casi 100 millones de dispositivos móviles exploran códigos QR cada año. Ahora es el momento perfecto para integrarlos en las entradas de tu blog y en tus páginas de destino en WordPress.

Hemos investigado cuidadosamente las mejores herramientas y plugins de códigos QR y, en este artículo, te mostraremos cómo generar y añadir códigos QR en WordPress para llevar tu sitio web al siguiente nivel.

How to Generate and Add QR Codes in WordPress

¿Qué son los códigos QR y por qué utilizarlos?

Un código QR o código de respuesta rápida es un tipo de código de barras. Contiene más información que un código de barras estándar y se puede explorar fácilmente con teléfonos móviles. Estos códigos se han hecho muy populares y se utilizan en muchos sitios web y tiendas en línea, así como en carteles físicos y documentación.

Puedes utilizar códigos QR para enlazar descargas digitales en tu sitio web, como vídeos, libros electrónicos, PDF o podcasts. Del mismo modo, puede utilizar códigos QR para aumentar las descargas de aplicaciones y dirigir a los usuarios a la tienda de aplicaciones en función de su dispositivo.

También puede ofrecer a los clientes que exploren el código QR descuentos exclusivos y ofertas especiales. O puedes utilizarlos para ayudar a la gente a encontrar la ubicación de tu tienda física en Google Maps.

Consejo de experto: Si desea aceptar pagos a través de códigos QR, puede consultar nuestro tutorial paso a paso sobre cómo añadir pagos con código QR de Stripe en WordPress.

Dicho esto, veamos cómo crear códigos QR para su sitio de WordPress.

Cómo generar y añadir códigos QR en WordPress

La forma más sencilla de generar y añadir códigos QR en WordPress es utilizando Shortcodes Ultimate, que es uno de los mejores plugins de códigos QR.

Te permite usar shortcodes para crear códigos QR, botones, cajas, controles deslizantes, carruseles y mucho más. Hay más de 50 shortcodes para elegir, y funcionan con cualquier tema de WordPress.

Para este tutorial, utilizaremos el plugin gratuito de WordPress porque incluye la característica de código QR. Sin embargo, también hay una versión Shortcodes Ultimate Pro que ofrece extensiones premium y desbloquea más shortcodes que puedes usar en tu sitio web.

Relacionado: Vea nuestra revisión completa de Shortcodes Ultimate para más detalles.

En primer lugar, tendrás que instalar y activar el plugin Shortcodes Ultimate. Para más detalles, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, tendrá la oportunidad de suscribirse a los avisos por correo electrónico y aparecerá una nueva opción ‘Shortcode’ en su menú de administrador de WordPress. A continuación, será redirigido a la pantalla de bienvenida de Shortcodes Ultimate.

Shortcodes Ultimate welcome screen

Añadir códigos QR a entradas y páginas

Ya puedes empezar a añadir códigos QR a las entradas y páginas de tu blog.

Para ello, simplemente edita cualquier entrada o página de tu sitio web. Una vez que estés en el editor de contenido de WordPress, sigue adelante y añade un bloque Shortcode en cualquier parte del contenido.

Add a shortcode block

Después de añadir el bloque Shortcode, verás una opción ‘Insertar shortcode’ en el menú. Se trata de un icono con dobles corchetes ‘[ ]’.

Basta con hacer clic en el icono “Insertar shortcode” para abrir la herramienta de selección Shortcode Ultimate.

Click the Insert Shortcode Button

El plugin mostrará una lista de shortcodes que puedes utilizar en tu sitio web. Usted necesita buscar o navegar a la opción shortcode ‘Código QR’ y haga clic en él.

Esto le mostrará más opciones en las que puede introducir acerca de su código QR.

Enter QR Code Details

En el campo “Datos”, puede introducir texto, una URL, códigos de descuento, un enlace a una página de formulario de contacto y cualquier otra información que desee que almacene el código QR.

Además, hay una opción para introducir el título del código QR, que actúa como texto alternativo.

Si se desplaza hacia abajo, verá más opciones para personalizar su código QR. Por ejemplo, puedes ajustar el tamaño del código QR, cambiar su alineación o sus márgenes, introducir un enlace y hacer que los usuarios del sitio web puedan hacer clic en él, etc.

Aparte de eso, también hay una opción para cambiar el color principal y el color de fondo del código QR. Por defecto, son blanco y negro, pero puedes elegir el color que quieras.

Enter QR Code Details

Una vez que hayas finalizado los ajustes, podrás ver una vista previa del aspecto que tendrá tu código QR. Cuando estés satisfecho, haz clic en el botón “Insertar shortcode”.

Ahora puede publicar la entrada del blog o la página de destino y visitar su sitio web de WordPress para ver el código QR en acción.

QR code preview

Añadir códigos QR a los widgets de WordPress

También puede añadir su código QR a cualquier zona de widgets de su sitio web, como la barra lateral.

La forma de hacerlo depende de si está utilizando un tema que se puede personalizar con el Editor del sitio completo o un tema más antiguo que utiliza el editor de widgets clásico.

Encontrará instrucciones para ambos métodos en nuestra guía sobre cómo utilizar shortcodes en los widgets de la barra lateral de WordPress.

Al igual que cuando añadió un código QR a una entrada o página, al hacer clic en el icono “Insertar shortcode” podrá establecer su shortcode utilizando el plugin Shortcodes Ultimate.

Así se ve un código QR en un área de widget en nuestro sitio de demostración.

QR Code in Widget Preview

Esperamos que este artículo te haya ayudado a aprender cómo generar y añadir códigos QR en WordPress. También puedes consultar nuestra guía práctica sobre cómo añadir pagos con códigos QR de Stripe en WordPress y nuestra selección de los mejores plugins de WordPress para hacer crecer tu sitio web.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

10 comentariosDeja una respuesta

  1. 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

      Administrador

  2. 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

  3. 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.

  4. 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?

  5. 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

  6. 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

  7. 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 :)

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.