Con este vídeo de la Zona Código aprendes a añadir un botón que permite al usuario copiar un texto al portapapeles con un solo clic, sin plugins y sin salir de WordPress.
Es uno de esos pequeños detalles que mejoran mucho la experiencia del usuario. Especialmente útil para:
- Cupones de descuento que el cliente tiene que introducir en el checkout.
- IBANs o números de cuenta para transferencias.
- Códigos de acceso o contraseñas temporales.
- Cualquier texto que el usuario necesite copiar con precisión.
Este snippet está pensado para usarse con el nuevo bloque HTML de WordPress 7.0, que tiene pestañas separadas para HTML, CSS y JavaScript. Todo el código va en un solo bloque, no afecta al resto de la web y puedes reutilizarlo tantas veces como quieras en cualquier página.
Vídeo: cómo crear un botón de copiar al portapapeles en WordPress
Código para el botón de copiar al portapapeles
Vídeos relacionados: