Inicio InformáticaCrear Twitter Cards en prestashop sin módulos

Crear Twitter Cards en prestashop sin módulos

Publicado por entreunosyceros

AVISO: Esta entrada tiene más de dos años desde su publicación. Es posible que el contenido esté desactualizado.

El post de esta noche lo voy a dejar aquí por que ayer un «cliente» me ha informado de que en Twitter su prestashop no mostraba las imágenes asociadas a las Twitter Cards. Existen módulos para poner estas cards de manera automática, pero como le pasó al hombre este, twitter no validaba la tarjeta de su tienda, por eso opté por buscar información al respecto. Resulta que eliminando el módulo de turno y colocando algunas etiquetas oportunas Twitter te concede la validación. Esto solo lo he probado en la versión 1.6.1.1 de Prestashop, no lo he probado en otras versiones, pero el proceso será parecido y solo habrá que buscar las variables oportunas.

twitter cards

Cuando compartes una pagina WEB en Twitter, si esta pagina contiene ciertas etiquetas se genera una Twitter Card como ves en la foto de arriba.

Tal como viene Prestashop 1.6 las Twitter Cards no se generan solas, es decir que cuando le das a compartir en cualquier pagina de un producto, solo aparece el texto y el enlace pero nada más, lo cual queda tremendamente soso.

Etiquetas para generar las Twitter Cards en Prestashop

Colocando las siguientes etiquetas en el header.tpl de nuestra tienda conseguiremos que Twitter nos valide la Twitter Card sin problema:








Solo tienes que cambiar @usuarioTwitter por tu nombre de usuario de Twitter.

Y estas líneas las añades al header.tpl de tu theme activo de Prestashop. Como he usado la plantilla por defecto el fichero header.tpl que hay que editar está en /directorioTienda/themes/default-bootstrap del directorio donde tengas instalada la tienda Prestashop.

¿Dónde se añaden?, puedes ponerlas justo debajo de la ultima linea que veas que empieza también con <meta name=…, lo imprescindible es colocarlas antes del </header>

La pagina principal no tendrá Twitter Card porque las variables estarán vacías y las paginas de categorías tampoco, pero lo que me interesaba es que las paginas de los productos tuvieran una bonita Twitter Card y con estos sencillos pasos nos la genera de forma automática.

No me hago responsable de las tonterías que cada cual pueda cometer en su tienda, bastante tengo con lo mío…

Validador

También te puede interesar ...

Deja un comentario

* Al utilizar este formulario, aceptas que este sitio web almacene y maneje tus datos.

Resumen de privacidad
cookies entreunosyceros

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible.

La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudarnos a comprender qué secciones de la web encuentras más interesantes y útiles.

Nunca almacenamos información personal de ningún tipo.

Tienes toda la información sobre privacidad, derechos legales y cookies en nuestra página sobre la política de privacidad o en la página sobre nuestra política de cookies.

Cookies necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza las siguientes cookies adicionales:

- Mailchimp: Recordar si ya estás suscrito al boletín de noticias y sino ofrecértelo al salir.

- Accesibilidad: Para saber tus ajustes de accesibilidad en cada visita.

- Comentarios: Saber si has leído y aceptado nuestra política de privacidad a la hora de dejar un comentario en la web.

- Google Analytics: Localización para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

- Goggle Adsense: Anuncios personalizados según tu geolocalización y preferencias.

Dejar estas cookies activadas nos permite mejorar nuestra web.

Adblock Detectado!!

Ayúdanos deshabilitando la extensión AdBlocker de tu navegador para visitar esta web.
Si no sabes hacerlo en Chrome, consulta el siguiente enlace. Si utilizas Firefox, puedes consultar este otro enlace.
Esto mejorará tu experiencia en este sitio web.