Trucos

Diseño Web, Gestores de contenidos, Trucos

Cómo activar los Webservices en Prestashop y para qué sirven

El Webservice es un servicio poco conocido de Prestashop (y muy poco documentado) pero muy potente. ¿Qué es? Es una API , una CRUD  (Create, Read, Update, and Delete) API, que puedes usar para que otras aplicaciones o programas intereactúen, en las dos direcciones, con tu tienda online. Nos permite gestionar el catálogo, los pedidos, los clientes, consultar productos ….y descargar esa información a otras aplicaciones, o enviar esa información de otras aplicaciones a nuestro Prestashop. Cuando alguien se plantea hacer esto en Prestashop, algo que ocurre más a menudo de lo que pensáis porque muchos quieren conectar su tienda con su aplicación de gestión en el local o con otras tiendas (tipo Dropshipping), se plantean otras opciones como descargar el catálogo y enviarlo, realizar importaciones por csv o atacar directamente a la base de datos. La ventaja de los webservices es que se puede hacer todo eso de manera automática y programarlo. Es robusto, fiable y fácil de usar. Además, como veréis, se crean usuarios con accesos específicos así que es fácil controlar los permisos. Y lo que se produce es un xml (REST), algo fácilmente exportable a y entre otras aplicaciones. Las desventajas principales son la poca documentación que hay (toca prueba y error) y que  la arquitectura XML REST hace que cada actualización (de catálogo o de cantidades por ejemplo) deba hacerse una por una.  Esto hace que sea muy lento para ciertas cosas como actualizar un catálogo entero o una actualización completa de stock. Para muchos cambios quizás es mejor atacar directamente a la base de datos, hacerlo en partes o usar el importador del backend. Sería mejor usar JSON (más versátil con PHP) para esto último, que parece estar implementado pero todavía no para usarse en producción. Y no parece que lo estén moviendo mucho, tendremos que esperar. Pero para descargarse el catálogo, , producir informes, envíos de productos o de pedidos ocasionales es muy útil por la posibilidad de automatizar los procesos. ¿Cómo se activa? Tenéis que ir al backend a la opción de Parámetros Avanzados > Webservice. Ahí tenéis que poner en Sí la opción Activar el servicio Web. La de Activar modo CGI para PHP depende mucho del servidor donde tengas la web…prueba activarlo o desactivarlo cuando lo tengas funcionando y ver que pasa. Nota: Hay unos requisitos que debe cumplir tu servidor como tener curl activado y el mod_rewrite activo también. Una vez activado, puedes crear un acceso con sus permisos. Para eso, en el mismo apartado, en Webservice, pinch en el símbolo + (Añadir Nuevo) y después: Tienes que poner una Clave o pinchar en Generar (aconsejado). Si la pones tu ponla muy complicada. Lo curioso es que esta clave es la que luego tendrá que introducir la persona que acceda al webservice como nombre de usuario, dejando la clave en blanco (raro si). En la descripción identifica bien para qué es este servicio web. Debajo tienes que marcar los permisos que tendrá el usuario que entre con esa clave. Aconsejo hacerlos restrictivos y luego ir habilitando más según se vaya necesitando. Verás que puede hacer Get, Put, Post, Delete y Head. ¿Cómo se usa?  Entra desde un navegador a la dirección www.tudominio.xxx/dondeestétutienda/api Te pedirá un usuario y contraseña, recuerda usuario es la clave, contraseña en blanco. En la página que te aparece verás los servicios a los que tienes acceso en un xml. Cada uno tendrá una url a la que puedes acceder. Por ejenplo si te han activado los productos puedes verlos desde www.tudominio.xxx/dondeestétutienda/api/products Para el uso pronto haremos algún artículo. Pero os dejo los ejemplos sencillos de Prestashop aquí , aquí  y en su github. Puedes ver cómo para acceder a los clientes, pedidos, imágenes de manera básica y alguna implementación real que te puede servir para realizar tu programación. En este artículo podéis ver cómo acceder al web service desde PHP. Y para empezar con vuestra aplicación os dejo un vídeo de un usuario que crea una manera de listar los productos. Con eso ya tenéis para empezar.      

Diseño Web, Trucos

Cómo añadir texto a imágenes por CSS y que se lea bien

Hace unos días os explicamos cómo poner texto en una imagen con GIMP, para que se pueda leer correctamente. Hoy hacemos lo mismo con CSS, para hacerlo en una web. Por ejemplo en un Slider. Suponemos que el texto no se ve bien en toda o en parte de la imagen. La idea es la misma, podemos: Poner un color de fondo con transparencia en el div de texto. Para que quede como esto: La idea es sencilla. Identifica el div del texto o dale un id. Luego en ese id en la página de estilos pon: background-color {rgba(0, 0, 0, 0.25)} Recordad que tenéis que poner el color en formato rgba para usar transparencia. En este comando los 3 primeros números son el color (como veis yo suelo usar el negro), y el último es el grado de transparencia (aquí 0.25). Con ese último es con el que tenéis que jugar. Recomiendo usar Inspeccionar de Chrome o Inspeccionar elemento de Firefox. Ahí podrás ver los cambios en tiempo real antes de ponerlos en el código. Puedes hacer un blur en la capa de texto. Es decir, difuminar la de debajo donde esté la capa de texto. Para eso poner este comando en esa capa de texto: {-webkit-filter: blur(12px); filter: blur(12px);} Poner una capa intermedia (div) de color con transparente entre el texto y la imagen. Como en la imagen por GIMP, si no queréis que quede el recuadro anterior, podéis hacer lo mismo pero cubriendo toda la imagen. Sólo tenéis que poner un div entre el texto y la imagen, del mismo tamaño (y posición) que esta última. En ese div intermedio poner : background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));} Este comando es parecido al anterior, pero crea un gradiente de color. En este caso hemos dejado todo el fondo igual. Para ayudarte puedes usar un generador online de gradiente lineal como este o este. Obviamente podéis cambiar los colores tanto de principio como de final. Quedaría algo así: Y como en el caso de las imágenes, también podéis poner una sombra en el texto. Para ello en la clase del texto poner: { text-shadow: 0 1px 0 black; }

Gráficos y Fotografía, Trucos

Añadir texto en imágenes con GIMP. Trucos nivel usuario

Os dejamos 3 trucos a nivel usuario para que podáis añadir texto en imágenes y se pueda leer el texto, sin importar si la imagen es clara u oscura. Los truco son: 1) Poniendo una capa con transparencia debajo del texto. 2) Poniendo una capa con transparencia del tamaño de la imagen entre el texto y la misma. 3) Añadiendo un efecto de Drop Shadow en el texto. Espero que os sirva.  

Gestores de contenidos, Trucos

Error 404 en la vista previa de un artículo de WordPress

Este es uno de esos errores extraños que pueden suceder en WordPress. Estás escribiendo un artículo, le das a Vista Previa (que, por cierto, yo uso poco) y te sale un error 404: Página No Encontrada. Os decimos cómo solucionarlo. Solución: Ir a Ajustes > Enlaces permanentes Después corta el contenido que tienes en Estructura Personalizada (copialo en algún lado para luego). Déjalo en blanco. Guarda los cambios y cierra tu sesión de WordPress. Esto último es importante. Vuelve a entrar en tu sesión de WordPress, y vuelve a poner lo que tenías en tus Enlaces Permanentes, en la estructura personalizada. Guarda los cambios. Ahora verás que cuando vayas a tu artículo podrás ver tu Vista Previa. Cualquier usuario que tengas tendrá que cerrar y abrir sesión si quiere verla también.    

Correo, Internet, Trucos

Configurar tu firma html con imagen en Roundcube

El gestor de correo ahora para la mayoría de nuestros hosting es Roundcube. Multilingüe y más agradable a la vista que otras opciones como SquirrelMail, tiene además soporte para mensajes MIME y Html. Esto, además de permitir escribir correos en formato html, hace que los clientes puedan configurarse firmas con y sin imágenes en los correos de webmail. Además, normalmente para subir las imágenes en estos webmail tenemos que publicarlas en algún servidor, pero Roundcube las sube él  mismo (lo que lo hace más fácil para el usuario). Os explicamos cómo (y así ya lo tenemos para cuando nos pregunten los clientes jejejeje). Tienes que entrar en tu cuenta de correo por webmail. Ir a Configuración (arriba a la derecha) y a Identidades. Pincha en tu Identidad (tu dirección de correo). Activa la casilla de Firma Html y verás que ya puedes usar el editor Html WYSIWYG y poner la firma. Recuerda comprobar en Configuración > Preferencias >Composición de mensajes >Opciones de firma La imagen podéis subirla o añadirla de una página web (logo etc). Con eso veréis que tenéis la firma automática en el webmail. Consejo: No pongáis toda la firma en imagen porque por defecto todos los clientes bloquean las imágenes. Poned parte de la firma en imagen (por ejemplo el logo) que queda muy visual, y la parte de contacto en letra (a la que podéis dar formato, color o lo que queráis.      

Compartir, Correo, Internet, Trucos

Alternativas Europeas a MailChimp para cumplir las leyes de la UE (Save Harbour, Protección de datos, IVA etc)

Muchas PYMES y autónomos usan MailChimp para enviar sus correos masivos a los clientes. Mailchimp es un gran programa y gratis para lo que necesitan la mayoría de las PYMES. Pero tiene 2 problemas: Está en Inglés. No muy importante…pero hay gente que lo prefiere en español. Sus servidores están en USA, y hace tiempo que Europa declaró ese país como sitio “no seguro” para guardar los datos de los usuarios.  Además, puede no cumplir, o hacer más difícil cumplir otros requisitos de la UE (por ejemplo la exención de IVA). Y claro, ya estás con la mosca detrás de la oreja de su vas a tener una inspección, te van a mirar la protección de datos y te van a coger por ahí. Ya sabéis, las administraciones nos lo ponen todo sencillo y fácil, para que los autónomos durmamos a pierna suelta y podamos dedicarnos a desarrollar nuestro negocio tranquilamente…. ¡JA! ¿Qué podemos hacer? Si quieres seguir usando MailChimp aquí tienes qué hacer para poder cumplir con Safe Harbour y la UE. Lo que tienes que hacer es que MailChimp firme un acuerdo de confidencialidad y mandarlo a la Agencia de Protección de Datos. Si no, tienes otras opciones europeas que te dejo (todas vienen en español): Mailrelay:  Gratis para  3000 suscriptores y 15000 emails; o 5 veces más si les sigues en las redes sociales. Aquí tienes los comentarios de los clientes. Acumbamail:   gratis hasta 250 suscriptores y 2000 correos al mes. Un interfaz sencillo y, en caso de pasarte de los límites tienes tarifas prepago. Teenvío. Gratis para 5000 envíos y mil contactos. Getresponse. Hay muchos más…pero con estos tenemos opciones para probar.

e-Learning, Trucos

Moodle: control de caducidad de cuentas de usuario

Cuanto más usamos Moodle, más nos gusta…pero también más encontramos fallos que tienen que arreglar. Aún así, elegimos este LMS porque lleva años de desarrollo y mejoras. Uno de los fallos (o cosas que pueden mejorar) que he detectamos es sobre el que escribimos hoy: las fechas de caducidad de las cuentas de usuario. Ahora mismo, es posible poner una caducidad a un usuario en un curso. Es decir que deje de tener acceso a un curso a partir de una fecha. Pero no es posible programar una caducidad automática a la propia cuenta del usuario. Es decir, que se desactive tras cierta fecha. Esto creo un mayor trabajo a aquellos centros que queramos dar acceso a clientes por temporadas (curso escolar, trimestre, meses o semanas) o en suscripción por pago. Tenemos que tener otro mecanismo para controlar las cuentas que “han caducado” o acordarnos de revisar todo a mano. Tedioso. Hoy os damos un truco que puede servir para aligerar (o incluso automatizar) este caso. Vamos a añadir un campo en las cuentas que sea la fecha de caducidad. De esta manera luego podemos o buscar cuentas cada cierto tiempo, con un filtro, cuya fecha de caducidad sea inferior a la actual y desactivarlas a mano, o incluso automatizarlo en base de datos. Cómo crear el campo fecha de caducidad: Ve a Administración del Sitio > Usuarios > Cuentas > Campos de Perfil del Usuario. En Crear un nuevo campo de perfil: elegir el tipo Fecha/hora o Texto (ver opción 2 debajo). Recomiendo texto. Llamar el campo como queráis (Caducidad por ejemplo). Una vez creado, en cada cuenta de usuario, al editarla, bajo Otros Campos tenéis vuestro campo de caducidad. Deshabilitado por defecto pero que podéis habilitar cuando queráis. Ahí podéis poner la fecha que queráis en el usuario. ¿Cómo comprobar luego la caducidad? La primera manera sería manual por fecha: Os podéis poner una fecha (primero de cada mes), para buscar los usuarios caducados. Para eso id a Administración del Sitio > Usuarios > Cuentas > Examinar lista de Usuarios.En el filtro, pinchar en Ver más. Después en Campos de perfil del usuario elegid el campo caducidad (o el nombre que hayáis elegido). Ahí tenéis varias opciones. Eso si PROBLEMA. Moodle guarda las fechas en un formato especial de Unix (for rapidez de búsqueda). Hay que pasar la fecha a ese formato primero (sugiero usar un conversor como http://www.onlineconversion.com/unix_time.htm). Esto es un problema de usabilidad. Modo manual por texto: Igual al anterior pero entonces buscas por texto (Diciembre, Enero, 01/12/2016 etc). Es más sencillo añadir el filtro de búsqueda que el anterior…pero aseguraros que siempre usáis el mismo formato porque el modo texto deja guardar cualquier cosa. Modo automático: Podéis crear un script para que desactive o borre las cuentas con el campo mayor o menor que cierta fecha. Para ello tenéis que saber un poco de MYSQL. Podéis basaros en estos script (nota: no son míos ni están probados.

Soporte, Trucos

Eliminar Skype de la barra de tareas de Windows

Aquellos que usáis Skype, habréis visto que cuando lo cerráis o lo minimizáis, ahora no sólo se minimiza donde la fecha y hora, sino que también se queda como un icono en la barra de tareas. Y por más que cerremos el programa sigue ahí. No es importante, pero si dejamos Skype “en reposo” y seguimos trabajando, pero queremos que Skype siga activo para recibir llamadas, puede que no queramos el icono ahí. A mi personalmente, sólo me gustan los iconos que estoy usando en la barra de tareas. Os explicamos cómo eliminarlo (y seguir con Skype activo en el área de notificaciones de reloj). Tenéis que abrir Skype, ir a Herramientas > Opciones > Avanzadas > Configuración Avanzada y desmascar la casilla de Mantener Skype en la barra de tareas mientras esté conectado. Dadle a guardar. Ahora cuando cerréis Skype ya no se queda en la barra. Eso si, recordad cerrarlo del área de notificaciones donde está la hora del sistema.

Diseño Web, Gestores de contenidos, Trucos

Autoptimize: plugin de wordpress para cachear y minimizar CSS,JS y HTML. Acelera tu web.

Una de las cosas que más puntúan los buscadores es la velocidad de respuesta de una página. Esta depende de muchos factores, y puedes analizar tu página con PageSpeed de Google u otras web para que te den consejos sobre cómo reducir el tiempo de respuesta. Obviamente aquí entra el hardware del servidor, las conexiones etc. Eso poco puedes hacer. Pero si que puedes minimizar las imágenes, usar plugins de caché como W3 Total Caché o similares….y reducir y cachear el código CSS, html y javascript. Para esto último uno de los mejores plugins es Autoptimize. Para ver la importancia de este plugin sólo tenéis que ver el número de descargas y el número de puntuaciones máximas (muchísimas). Es una manera sencilla y rápida de acelerar tu web. Ante todo destacar que lo que puedas hacer y los resultados dependen del tema de tu página. En algunos temas (aquellos con Sliders), cachear el Javascript puede ocasionar problemas. En otros como aquellos con Visual Composer algunas opciones de CSS pueden dar resultados extraños. La única opción que tienes es ir activando las opciones y ver tu página. Si alguna le cambia el aspecto o la tira, desactívalo y pasa a la siguiente. Cuantos más tengas activados mejor…pero es raro poder tenerlos todos. Cuando lo instales y lo actives, te recomiendo pinchar en Show Advanced Settings para ver todas las opciones del plugin. Siempre puedes elegir Autoptimize…y si funciona fenómeno. A mi me gusta más controlar lo que está pasando.   Si unes este plugin, a uno de optimizar imágenes y a uno de caché…aumentarás rápidamente la velocidad de tu web sin demasiado esfuerzo. Obviamente casos complejos y mejores optimizaciones requieren un estudio más detallado, pero esa combinación anterior  es suficiente para la mayoría de las webs sencillas.

Trucos, Video

Combinar vídeos y editarlos usando el editor de Youtube

Los que tenemos canales de Youtube sabemos que existe el editor al subirlo. Te deja hacer pocas cosas (muy pocas) pero está ahí. Lo que muchas veces no sabemos es que Youtube tiene un editor anterior a ese que te permite subir varios vídeos y crear uno combinando unos cuantos. Obviamente no es ni siquiera mejor que el editor simple que tiene Windows, pero puedes necesitarlo en caso de estar usando un ordenador que no es tuyo, no disponer de ese editor o querer hacer algo rápido como juntar dos vídeos y ya subirlo. Las herramientas disponibles son: Añadir vídeos. Cortar, alargar o recortar. Añadir efectos simples como rotar, slow motion, las mejoras (que yo nunca uso). Añadir música y personalizar el volumen. Nota: el gran problema que le veo es que no te deja subir audio. Tienes que escoger de librerías de CC o librerías de Youtube (supongo que por no estar comprobando en todos los vídeos la licencia). Puedes acceder al editor desde este enlace: https://www.youtube.com/editor Puedes ver más sobre este editor aquí:  

Scroll al inicio