Quantcast
Channel: Webempresa
Viewing all 1649 articles
Browse latest View live

Atributos de imágenes en WordPress y SEO

$
0
0

Atributos de imágenes en WordPress y SEO


Los atributos de imágenes son una de las opciones que incluye WordPress en sus opciones de medios y que debes usar si quieres que esa imagen o artículo publicado se posicione en Google.

Estos pequeños detalles, como asignar un título o rellenar el atributo alt en cada imagen que subas a WordPress, ayuda en parte al SEO de tu web.

No te voy a mentir y decirte que si rellenas o sustituyes todos los atributos de imágenes de tu web vas a empezar a subir posiciones, pero sí te tengo que decir que en el SEO, cada pequeño detalle cuenta.

Algo tan simple como usar los atributos puede ayudar a llevar tráfico a tu web gracias al posicionamiento de tus imágenes y ayudará en el contexto a posicionar tus artículos.

Agregar imágenes como parte de tu contenido ayuda a tus usuarios a entender mejor de la temática de la cual estás hablando en una determinada página o entrada.

WordPress te lo pone fácil ya que te facilita agregar imágenes a través del editor y rellenar los campos alt y Title (atributos). ¡Veámoslo en este artículo!

     

 ¿Qué son los atributos de imágenes en WordPress?

Antes que nada, si estás perdido, te cuento qué son y en qué consisten estos atributos de imágenes en WordPress. Para ello, he preparado un vídeo explicativo, ¡atentos!

 

 

Los atributos, básicamente son etiquetas html que se incrustan cuando tú insertas una imagen en un sitio web. Si accedes a la opción medios podrás ver todas las imágenes subidas en tu web.

Si haces clic en alguna de ellas puedes ver diferentes campos a rellenar. Estos son los atributos Título y alt (texto alternativo).


Atributos de imágenes en WordPress y SEO: atributos Título y alt


Estos dos campos, por consejo de Google, siempre los tienes que rellenar y entre estos dos, sobre todo el atributo alt, pero antes voy a hablarte del atributo Title.

Atributo Título

El atributo Título es importante y por defecto se rellena con el nombre de archivo asignado a la imagen en su subida.

Es importante que cuando subas la imagen a tu WordPress no lo hagas con el nombre que trae por defecto cuando la descargas en tu ordenador. Ejemplo “12345.jpg”

Esto no es buena idea, debes asignar otro nombre más coherente y ya que vas a cambiarlo qué mejor que aprovechar para incluir un poco de SEO.

Si por ejemplo estás hablando en el artículo sobre cascos de moto, puede ser interesante que el nombre asignado incluya una palabra clave o una variante de la principal. Ejemplo: “cascos-motocicleta”

De esta manera, esta keyword puede poner su granito de arena ayudando con el SEO al posicionamiento de la imagen y del artículo en sí.

Si pones un nombre al archivo pensando un poco en el SEO estás logrando 2 cosas de golpe:

  1. La propia imagen tendrá más fuerza en el posicionamiento.
  2. El campo Título estará de esta manera autorrellenado de forma automática con el mismo nombre asignado en el archivo de imagen.

Atributo Alt (texto alternativo)

El atributo alt es más necesario que el título y aunque, hace unos años era un factor muy a tener en cuanta de cara al SEO, hoy en día sigue aportando un valor en él.

La diferencia con el título es clara ya que es recomendable que ambos sean rellenados, el texto alternativo es necesario no solo por cuestiones de posicionamiento, sobre todo por usabilidad.

¿Por qué? Porque el nombre que asignes a este campo será el que se muestre al usuario si por algún motivo tu navegador no muestre la imagen. Y por esta razón más necesaria todavía, el nombre asignado en el campo alt será lo que "oiga" una persona con discapacidad visual.

Por estos motivos, es indispensable que rellenes este campo. Ahora bien, ya que vas a rellenarlo aprovecha las ventajas que te traerá usarlo de forma inteligente si lo usas con vistas al SEO. Para el ejemplo anterior sobre cascos de moto el atributo alt podría ser: “cascos-moto).

 

 Cómo aprovechar los atributos de cara al SEO

Te recomiendo que rellenes ambos campos aunque sea más importante el alt.

El Título se muestra en el código que lee Google, si en él indicas la palabra clave o palabra relacionada con la temática que estás tratando estarás dando a Google más pistas del tema del que hablas.

Ejemplo: imagina que Google accede y rastrea un artículo de tu web sobre las mejores playas de Andalucía, donde dentro del texto has incluido una imagen de la playa de Cádiz.

Cuando llega a la imagen lee que ésta no tiene Título y el atributo alt está vacío o se ha nombrado con un número como por ejemplo “1342”. ¿No sería mejor que Google encontrara un título de esa imagen y sobre todo, que se encontrara con el atributo alt con un nombre como “playa-cadiz”?

Si haces esto no solo estarás ganando en usabilidad al ofrecer un texto para las personas con problemas visuales, además estarás completando los campos recomendados por Google y aprovechando esos caracteres para incluir una palabra clave potente que ayude otro poquito al SEO.

OJO: el campo alt está pensado para que el nombre que le des a los atributos refleje lo que muestra la imagen de la manera más fiel posible.

Si sabes algo de SEO y crees que poniendo en todos los campos alt de todas las imágenes la palabra principal vas a subir más en Google te estás equivocando.

Antes sí, pero eso ya no funciona. Google es más listo que antes. Estamos en el 2019 y eso ya pasó a la historia aunque sigue funcionando forzar en cierta medida los anchor text en las imágenes. Siempre sin abusar.

 

Lectura recomendada:
Optimizar imágenes para SEO ¡La guía definitiva!.

   

 ¿Cómo ver los textos alt que tienen mis imágenes?

Si ya tienes un tiempo con tu web y nunca te has preocupado de trabajar los atributos de las imágenes en WordPress no te preocupes, porque tiene solución.

Lo primero que tienes que hacer es descubrir qué imágenes no tienen texto alt. Este será el que Google ve cuando rastrea una imagen sin texto alternativo alt=”” y el que tú puedes detectar de manera muy sencilla.

Igualmente las imágenes sin título se reflejan así: Title=””

Para ver cómo se muestran los diferentes atributos en tu WordPress con vistas, rellenar o modificar se puede hacer de muchas formas.

Usando el Inspeccionador de Elementor de Chrome o Firefox

El inspeccionador de elementos de Chrome o Firefox es una forma manual de ver los atributos que tiene una imagen en concreto. Para ello sitúate en un artículo, por ejemplo, y haz clic en el botón derecho “inspeccionar”.

Haz clic en la flechita de la esquina superior izquierda y sitúate encima de la imagen.

Ya puedes ver el título y alt asignados a esa imagen.


Atributos de imágenes en WordPress y SEO: inspeccionar atributos


El siguiente paso es tan fácil como ir a ese artículo a editar la imagen o buscarla en la opción de medios en WordPress y poner un nombre adecuado a ambos atributos.

Usando Herramientas

Existen muchas herramientas para detectar si existen imágenes en la web que no tienen el campo alt, por ejemplo.

  • Webdeveloper es una extensión de Google Chrome muy buena tanto para diseño como para SEO pero, concretamente, la necesitamos en este caso para una sencilla función.

    Si escoges la opción images “display alt atributes” muestra los nombres alt asignados de todas las imágenes de la página en la que te encuentres.

    También puedes utilizar la opción “replace images with alt atributes”. Ésta muestra el texto en vez de la imagen para que puedas ver como lo vería una persona discapacitada y el mismo Google.

  • Otra extensión sencilla que muestra cuáles son las imágenes sin alt es SEO Meta in one click.

    Existen muchas pero ésta ofrece la opción rápida. Si quieres revisar los campos alt que se te han olvidado completar, úsala. Instala la extensión y es tan fácil como que una vez tengas una página o entrada de tu WordPress abierta, hacer clic en la extensión en el apartado imágenes.

    Esta de forma sencilla y visual te indica las imágenes que no tienen el atributo del texto alternativo.

  • Atributos de imágenes en WordPress y SEO: imágenes sin atributo del texto alternativo


  • Screaming Frog: Esta herramienta SEO es muy potente para tener tu WordPress a raya a nivel de SEO. Es gratuito hasta 500 urls y tiene la opción de ver los textos alt que tienes.

    Simplemente analiza el dominio y en la pestaña “images” accede a “missing alt text” y ya podrás ir arreglando esos campos de cara al posicionamiento de tu web.
 

 Plugins para rellenar los alt automáticamente

Imagina que has trabajado mal las imágenes de tu web y ésta cuenta con cientos de imágenes mal optimizadas.

Lo ideal es que te preocupes de completar estos atributos manualmente para que cada imagen de cada página o entrada tengan esos atributos acordes a la temática tratada, pero esto puede llegar a ser mucho trabajo. Como por falta de tiempo a veces no es posible, puedes utilizar plugins que hagan este arduo trabajo.

Lo cierto es que esto puede no ser una buena idea de cara al SEO, pero si tu sitio es pequeño y muy enfocado a una temática, una opción es usar un plugin que rellena él mismo atributo alt en toda la web.

No es lo ideal, como digo, pero es mejor que dejarlo en blanco y por lo menos el campo alt de esta manera se muestra con texto. Esto lo hacen algunos plugins de forma automática.

Vamos a ver 2 muy sencillos, solo los tienes que instalarlos desde el repositorio de WordPress, activarlos y ya te puedes despreocupar de esos campos vacíos.

PB SEO Friendly Images

Se trata de un plugin muy sencillo de manejar. Si lo instalas y activas automáticamente los atributos de las imágenes de tu web mostrarán el mismo nombre que el nombre de archivo con el que fue subido.

Éste pone el mismo nombre que tiene el nombre del archivo. Esto puede no ser lo adecuado si antes de subir las imágenes a tu web has dejado por defecto un nombre como 22223jh.jpg. Lo ideal es que se aproveche para incluir la keyword principal.

Pero como magia no se puede hacer por lo menos el atributo ya no está vacío y por ello el plugin hace una buena función.

Cuentas con la opción de clicar para que los atributos alt y título ya rellenos se anulen y se muestren con el mismo nombre común a todas las imágenes.


Atributos de imágenes en WordPress y SEO: alt y título con mismo nombre


El problema es que algunos que tengas pueden empeorar y que el título y el alt puedan ser el mismo, cosa no recomendable, aunque esto es mejor que dejar los campos vacíos, como hemos dicho.

Auto Image Attributes From Filename With Bulk Updater


Atributos de imágenes en WordPress y SEO: Auto Image Attributes From Filename With Bulk Updater


Otro plugin que hace la misma función pero con el que cuentas con algunas características interesantes:

  • Eliminar guiones (-) del nombre de archivo.
  • Eliminar guiones bajos (_) del nombre de archivo.
  • Eliminar paradas completas (.) del nombre de archivo.
  • Eliminar comas (,) del nombre de archivo.
  • Eliminar todos los números (0-9) del nombre de archivo.

Para realizar el proceso hay que ejecutar el Bulk Updater. Para ello, haz clic en el botón y se establecerá un proceso automático imagen por imagen que irá rellenando con texto todos los atributos vacíos.

 

 Consejos

  • La imagen principal de la cabecera de cada página o imagen destacada del blog debe contener la keyword principal que queremos atacar. Para ello usa un alt más concreto y un título con una keyword similar.

  • Utiliza palabras que también estén relacionadas con la keyword principal.

  • Aplica un texto descriptivo al atributo alt que se base en el encabezado y contexto que rodea a la imagen: es interesante la keyword principal o semántica.

  • Anchor text. No deja de ser un campo que podemos aprovechar para optimizar algo más el SEO. Aunque no tenga la fuerza de antes todo suma y puede ser interesante optimizar algunos post con más limitaciones.

  • No abuses de las palabras clave en las imágenes o estarás haciendo keyword stuffing. Sobre todo si ya las has utilizado mucho en el contenido.

  • Si trabajas manualmente los atributos no uses una imagen con los atributos y nombre de imagen ya definida para otras páginas o entradas que nada tienen que ver. Si usas plugins automáticos poco podrás hacer ante esto.

  • Lo recomendable es indexar las imágenes ya que pueden derivar tráfico hacia tu web. Si no vas a tomarte la molestia de completar los campos de cada imagen, puede ser interesante en ocasiones no indexarlas.

  • Los campos ”leyenda” y “descripción” son información adicional que no está de más implementar. Toda la información de valor añadido siempre es valiosa.

  • Aprovecha tambiénpara darle un plus a tu WordPress con Optimizador.io, un plugin gratuito creado por el equipo de Webempresa, que te ayudará a optimizar las imágenes de tu web automáticamente.
 

 Conclusión

Los atributos son esos campos designados en WordPress para tratar las imágenes que, aunque mucha gente no les da importancia o no los trata bien, tienen su valor en ayudarte a ganar posicionamiento en los buscadores.

Google te da unas opciones y rellenar atributos como el campo alt están dentro de ellas. Si te ocupas de optimizar las imágenes estarás ayudando a Google a entender mejor tu sitio y verá tu web con mejores ojos.


Plugins de Live Chat para WordPress

$
0
0

Plugins de Live Chat para WordPress: ¡conecta con tus usuarios!


Gracias a Internet y los sitios web podemos alcanzar al usuario, literalmente, dentro de su propia casa, a través de la pantalla de su ordenador y un navegador web, y que nos conozca, a nosotros, nuestros productos, servicios o contenidos.

Sin embargo, lo que, a priori, parece una ventaja, también puede convertirse en el principal obstáculo para que el usuario interactúe y convierta (sea comprar o contratar): cuando el usuario está desorientado o necesita aclaraciones, no hay nada ni nadie para atenderle.

Para atender esta situación, tradicionalmente se ha optado por soluciones basadas en formularios de contacto en WordPress, correo electrónico o incluso llamada telefónica, pero que pueden demorar la respuesta varias horas y desincentivar al usuario ante su duda.

La mejor solución, sin duda, sería poder resolver cualquier duda al usuario sobre la marcha, en el mismo momento que la tiene, sin necesidad de cambiar de dispositivo (por ejemplo, para llamar por teléfono) y sin salir del navegador siquiera.

Los Live Chats, o chats en vivo, ofrecen esta vía de comunicación entre los gestores de un sitio web y los usuarios, de forma que cuando un usuario tiene una duda, puede plantearla a través del espacio reservado para ello en la página web y, en segundos, recibirá una respuesta del equipo de atención al usuario.

La implantación de esta tecnología no puede ser más sencilla gracias a los plugins de Live Chats en WordPress, previo registro en la plataforma del proveedor del servicio de chat.

En este artículo, vamos a profundizar un poco más en esta tecnología, qué necesitamos para poder ofrecerla con calidad y analizaremos 8 plugins de Live Chats para WordPress, para ayudarnos a elegir el que mejor se adapte a nuestras necesidades.

     

 ¿Qué es Live Chat para WordPress?

Aunque todos hemos utilizado alguna vez un Live Chat o chat en vivo, vamos a repasar cómo funcionan y sus características, dentro del contexto de vía de comunicación entre usuarios y el equipo de atención de un sitio web en WordPress:

  1. Mientras el usuario navega a través del sitio web, en todo momento se le muestra en pantalla, de forma discreta y que no interfiera con su navegación, un enlace para acceder al servicio de Live Chat.

  2. Cuando el usuario tenga alguna duda, normalmente sobre la página que está viendo en ese momento (sea producto, servicio, contenido, etc.), pulsa sobre el enlace del Live Chat y se abre un pequeño recuadro, sobrepuesta sobre la página web pero sin impedir su visualización.

  3. Dentro de ese pequeño recuadro puede haber varios campos de texto, como nombre o correo electrónico (opcionalmente), y un área de texto donde podrá introducir su pregunta, en una o varias frases, y enviarla al equipo de atención del usuario.

  4. Desde ese momento, se entabla una conversación escrita entre el equipo de atención y el usuario a través de este recuadro, en el que irán escribiendo y se mostrarán todas las sucesivas preguntas y respuestas entre ambos.

  5. Una vez terminada la conversación, el usuario puede cerrar el recuadro del Live Chat, que volverá a aparecer como un enlace, y seguir navegando normalmente a través del sitio web.

Un Live Chat en WordPress, por tanto, apenas debe interferir con la navegación del usuario (aunque siempre visible) y solamente activarse cuando el usuario lo haga expresamente y permanecer abierto mientras lo utilice.

 

 ¿Por qué tener un Live Chat?

La primera respuesta que se nos ocurre a todos ante esta pregunta es, sin duda, para responder las dudas y preguntas del usuario. Sin embargo, aún hay más razones para disponer de un Live Chat en nuestro sitio web:

  • Aumentar el porcentaje de conversión (o reducir el porcentaje de abandono) del usuario. Cuando un usuario tiene alguna duda mientras consulta nuestros productos o servicios, un servicio de Live Chat permite resolverlo al momento, por lo que aumenta la probabilidad de que nos compre o contrate, en vez de mirar en otros sitios web.

  • Mejorar la presentación de nuestros productos y servicios. Si los usuarios muestran un patrón de dudas y preguntas similares, puede significar que no estamos informando todo lo bien claro que debiéramos y que debemos revisar el contenido de nuestras páginas web. En este caso, captaríamos además aquellos usuarios que tuvieron esas dudas pero que optaron por irse en vez de utilizar el Live Chat.

  • Detectar nuevas necesidades o tendencias. A través de las preguntas y el diálogo con los usuarios, el equipo de atención puede observar hacia donde se decantan las preferencias o intereses de los usuarios, especialmente cuando no nos compren o contraten. De esta forma, podemos revisar y ampliar nuestro catálogo para adaptarlo a dichos intereses y mantener una ventaja competitiva.

  • Identidad de compromiso y responsabilidad. Aunque un usuario no utilice el servicio de Live chat, el hecho de saber que tiene disponible este servicio hace que nos identifique como un sitio web comprometido con sus usuarios y dispuesto a atender sus preguntas lo más rápido posible, con el consiguiente impacto positivo en la imagen de nuestra marca.

  • Ampliar las vías de comunicación. El Live Chat no debe verse como un sustituto de otras vías como los formularios, el correo electrónico o el teléfono, sino como una vía adicional, disponible para que los usuarios lo utilicen como y cuando les resulte conveniente. A mayor número de vías de comunicación, mayor facilidad para que contacten con nosotros.
 

 Requisitos de un buen servicio de Live Chat

Dada la gran oferta de plugins y servicios de Live Chat que podemos implantar en WordPress, la tecnología no es un obstáculo para que los ofrezcamos en nuestro sitio web a un coste relativamente bajo e incluso gratuito si el volumen de usuarios y consultas no es muy alto.

En realidad, lo que va a determina la calidad del servicio de Live Chat que ofrezcamos a nuestros usuarios no dependerá tanto de la plataforma y plugin que elijamos e instalemos, como de cómo gestionemos ese servicio, tanto de cara al usuario como internamente.

En otras palabras, no caigamos en el error de suponer que basta con elegir e instalar un plugin de Live Chat para WordPress. También debemos asumir que este servicio supone un esfuerzo de gestión y reestructuración interna para atender eficazmente a los usuarios y aprovechemos sus ventajas:

  • Disponer de un equipo de atención al usuario, que esté pendiente de las preguntas de los usuarios. Habría que evaluar si el personal actual es suficiente para atender el Live Chat o, por el contrario, hay que ampliar la plantilla o contratar un proveedor externo de atención.

  • Mantener al día el equipo de atención para que conozca en detalle el catálogo de nuestros productos y servicios, y así sea capaz de atender y responder las dudas de los usuarios.

  • Tener un tiempo de respuesta corto, casi inmediato, directamente relacionado con el tamaño del equipo de atención al usuario. Si son pocas personas o no pueden dedicarse en exclusiva al chat, puede suponer que un usuario decida abandonar después de varios minutos de espera, con el detrimento que eso supone además a nuestra imagen.

  • Analizar los diálogos con los usuarios, tanto para mejorar la estructura, navegación y contenido del sitio web, como para detectar tendencias en el mercado y las preferencias de los usuarios.

Muchas veces, el equipo que gestiona el sitio web también suele acometer la gestión del Live Chat, en paralelo con sus otras actividades. Sin embargo, cuando aumenta el número de usuarios, debe valorarse la conveniencia de disponer de un equipo exclusivo para el Live Chat, ya sea con personal propio o contratado al exterior.

 

 8 Plugins para añadir un Live Chat en WordPress

En esta sección vamos a ver los 8 mejores plugins de Live Chat para WordPress, con versiones gratuitas y Premium, con una explicación detallada de cada uno. Un repertorio más que suficiente para que podamos elegir aquel que mejor se adapte a nuestras necesidades y las características de nuestro sitio web.

Live Chat by Formilla


Plugins de Live Chat para WordPress:Live Chat by Formilla


Formilla ofrece una completa solución Premium de Live Chat. Si nuestro sitio web no tiene un tráfico muy elevado, podemos utilizar la versión gratuita, que permite disponer de un agente que atienda las consultas, aunque no permite chats simultáneos.

La principal restricción de este chat es que limita el número de chats mensuales a un máximo de 30, aunque la actualización para disponer de chats ilimitados es muy asequible, menos de 12 euros al mes.

Además, los usuarios Premium pueden acceder a los chats a través de aplicaciones Android o iOS, además de a través de la interfaz web de la plataforma de Formilla.

Otras características incluyen la personalización del cuadro de chat, el análisis estadístico de los usuarios en tiempo real, formularios de correo electrónico cuando no el servicio de chat no está disponible y gestión de colas de espera cuando los agentes están ocupados con otras consultas.

Pure Chat


Plugins de Live Chat para WordPress: Pure Chat


Uno de los puntos más llamativos de Pure Chat, desde el punto de vista estético, es la posibilidad de personalizar los cuadros de chat, permitiendo incluir diversidad de textos, colores, animaciones e imágenes.

Más allá del aspecto visual, también se puede programar el horario de disponibilidad del chat (es decir, cuándo se atenderán las consultas), permitiendo asociar un formulario de suscripción para cualquier lista de correo electrónico de MailChimp.

La funcionalidad se completa con diversas herramientas de análisis estadístico y gestión de chats simultáneos. Además, los chats se pueden gestionar a través del panel de control del interfaz de Pure Chat o de aplicaciones móviles.

La versión gratuita Pure Chat permite hasta 15 chats mensuales, por lo que solo es útil cuando el tráfico de visitas no es muy alto. Dispone de planes a partir de 15 euros al mes, que incluye tres agentes simultáneos y número ilimitado de chats.

Zendesk Chat


Plugins de Live Chat para WordPress: Zendesk Chat


Zendesk Chat es uno de los servicios de Live Chat más populares entre los usuarios de WordPress. Al igual que el plugin Pure Chat, permite personalizar los cuadros de chat hasta el mínimo detalle, incluso en su versión gratuita.

A diferencia de los vistos hasta ahora, la versión gratuita de Zendesk Chat permite que un agente de chat atienda un número ilimitado de chats, aunque restringido a solo uno cada vez. Más que suficiente para un sitio web que no tenga demasiadas visitas.

Para responder a las preguntas de los usuarios, se puede utilizar el Panel de control, a través de web, pero también mediante una aplicación de Android o iPhone.

A través de su panel de control, se pude analizar una amplia variedad de métricas para revisar el rendimiento del chat, realizar un seguimiento del historial del chat y conocer a los usuarios en tiempo real.

Dentro de las características de la versión Premium (a partir de 11 euros al mes), cabe destacar el activador automático de chat, que inicia automáticamente el cuadro de chat bajo determinadas condiciones (por ejemplo, si un usuario permanece en una página durante más de un minuto).

LiveChat


Plugins de Live Chat para WordPress: LiveChat


LiveChat ofrece una serie de detalles dentro de su repertorio de funciones que lo diferencia de otros plugins, tanto para los usuarios que visitan el sitio web como para los gestores (agentes) del chat. Eso sí, a un coste: no tiene versión gratuita, debiendo contratar un plan a partir de 16 euros al mes.

Para los usuarios, LiveChat dispone de una versátil personalización de los cuadros de chat, en la línea de otros plugins, pero añade la posibilidad de que los usuarios valoren la atención recibida.

Así, una vez finalizada la conversación, los usuarios pueden dejar comentarios y calificar su experiencia con el agente y la atención recibida. Además, también pueden compartir en las redes sociales a través de los botones integrados en el propio cuadro de chat.

Para los gestores del chat, LiveChat ofrece funciones que permiten mejorar la experiencia y atención de usuario (de ahí que sea un plugin especialmente útil para sitio web con bastantes visitas); por ejemplo:

  • Posibilidad de contactar directamente con un usuario, en vez de tener que esperar a que éste inicie el contacto (por ejemplo, si observamos que permanece mucho tiempo en un página).
  • Soporte de los chats de varios sitios web desde un único panel de control.
  • Control visual mediante colores del tiempo de espera de los usuarios desde que hicieron su pregunta, lo que permite priorizar la respuesta.
  • Posibilidad de guardar y recuperar los chats anteriores de un mismo usuario.

WP Live Chat Support


Plugins de Live Chat para WordPress: WP Live Chat Support


El plugin WP Live Chat Support ofrece una solución gratuita muy completa para pequeñas y medianas empresas, que solo requiere el registro en su sitio web para tener acceso a todas sus herramientas y funciones.

Incluye seis temas de chat predeterminadas, que se pueden personalizar aún más según nuestro gusto y para adaptarlo al propio diseño del sitio web y que se integre visualmente con el resto de la página web.

Además, aunque permite configurar dónde se muestran los cuadros de chat en la pantalla del navegador, los usuarios pueden arrastrarlo a cualquier otra posición más conveniente si lo desean.

Tiene un repertorio de funciones muy amplio, como notificaciones de peticiones de chats fuera de horario (para poder contactar con el usuario y responderle), número ilimitado de agentes y chats, herramientas de informes de uso y estadísticas, compartición de ficheros, etc.

Además del chat agente-usuario (lo habitual), los agentes también pueden abrir chats con otros agentes. Algo muy útil, por ejemplo, cuando no están seguros de cómo contestar a un usuario pero saben que otro agente puede tener la respuesta.

Olark


Plugins de Live Chat para WordPress: Olark


Olark sea posiblemente la solución de Live Chat con mayor espíritu corporativo y empresarial de entre los plugins que veremos en este artículo. Su integración con WordPress también es diferente, realizándose a través de un widget y un código que obtenemos al registrarnos en la plataforma.

Decimos que es la solución más corporativa porque se puede integrar con otros sistemas del negocio, como CRM’s o HelpDesk’s, y dispone de una completa y versátil gestión de equipos, e incluso interdepartamental, para asignar las peticiones de chats.

Otra peculiaridad la vemos en el registro de cada conversación de chat, que guarda un desglose detallado de la actividad del usuario a través del sitio web, como en qué páginas ha estado y qué hizo en esas páginas. Una vez finalizada la conversación, el usuario también puede dejar su valoración acerca de la atención recibida.

Aunque dispone de una versión gratuita, que solo permite 20 chats mensuales, la explotación de esta integración con los sistemas de negocio requiere contratar un plan, a partir de 17 euros al mes.

Tidio Live Chat


Plugins de Live Chat para WordPress: Tidio Live Chat


Posiblemente, Tidio Live Chat sea el plugin de chat más fácil de poner en marcha: una vez activado, se puede comenzar a utilizarlo directamente sin apenas revisar la configuración.

Los cuadros de chat vienen en tres temas por defecto, que pueden personalizarse en color e imagen para adaptarse tanto a nuestra marca como al estilo de diseño del sitio web.

Los chats se manejan desde una pestaña a la que se accede directamente desde el panel de control de WordPress. Los chats también se pueden administrar y gestionar a través de sendas aplicaciones de Windows, iOS o Android.

Si no se puede atender un chat por algún motivo, los mensajes sin conexión se envían directamente a una dirección de correo electrónico para su posterior gestión. Del mismo modo, si un usuario abandonara el chat, el agente puede continuar la conversación por correo electrónico.

La versión gratuita de Tidio Live Chat te permite tener un agente simultáneo y un número ilimitado de chats. Se pueden agregar agentes simultáneos y mensajes automáticos con planes a partir de 12 euros al mes.

Chaport Live Chat


Plugins de Live Chat para WordPress: Chaport Live Chat


Chaport Live Chat ofrece un plan gratuito con chats ilimitados, historial, notificaciones, número ilimitado de agentes y hasta 5 agentes en línea simultáneos, que harán las delicias de sitios web pequeños y medianos con un alto número de visitas.

Este plugin cubre todos los requisitos básicos que hemos visto en otros plugins, como personalización del cuadro de texto, informes estadísticos y seguimiento de los usuarios. Como curiosidad, permite integraciones de terceros a través de Zapier, una herramienta de automatización entre servicios externos.

Dispone de planes de pago a partir de 10 euros por mes, que incluye funciones adicionales como valoración de los usuarios, envío de ficheros, invitaciones automáticas a usuarios según su perfil de navegación o grupos de chats.

 

 Instalación y uso del plugin WP Live Chat Support

Para ilustrar la configuración y funcionamiento de un plugin de Live Chat en WordPress, hemos elegido el plugin WP Live Chat Support, que ofrece un amplio abanico de funciones, herramientas y utilidades gratuitamente, con la única necesidad de registrarnos en su sitio web.

Una vez que nos hayamos registrado, nos enviará un correo electrónico con la dirección de descarga de la versión PRO del plugin y el número de licencia (“License Key”) que deberemos utilizar para acceder a las características de la versión PRO después de haber instalado y activado el plugin.

El siguiente vídeo muestra el proceso de instalación y utilización de este plugin, con una demostración del chat entre un usuario y un agente, y cómo se puede acceder al historial de los chats y archivarlos:

 

   

 Conclusiones

A través de un Live Chat o Chat Online en nuestro sitio web proporcionamos a los usuarios de una vía de comunicación adicional para atender sus dudas y preguntas, sin necesidad de esperar o utilizar otro dispositivo, sino a través del propio navegador que están utilizando en ese momento.

Ofrecer un Live Chat en WordPress requiere que abordemos y asumamos dos áreas de trabajo:

  • En primer lugar, instalar e integrar en el sitio web la tecnología necesaria para dar soporte al servicio de Live Chat con los usuarios. En WordPress, este punto se resuelve con relativa facilidad con cualquier de los 8 plugins analizados en el artículo.

  • En segundo lugar, disponer de la organización interna suficiente para atender con eficacia y rapidez las consultas de los usuarios. No solo en lo referente al personal, sino en su formación para conocer el sitio web, los productos y servicios, y su capacidad para analizar y evaluar las consultas de los usuarios.

Es importante tener en cuenta que un Live Chat no es solo una herramienta para atención al usuario, sino que también sirve para analizar tendencias y preferencias de los usuarios, en función de las consultas que hagan.

Igualmente, podemos utilizar la actividad de los usuarios para identificar áreas de nuestro sitio web que pueden mejorarse, debido al elevado número de preguntas o dudas que generen entre los usuarios.

En definitiva, el Live Chat es una herramienta que, por un lado, reforzará nuestra imagen ante los usuarios, que se sentirán mejor atendidos; y, por otro, aumentará la interacción, y posterior conversión, de estos mismos usuarios.

Cómo evitar el Spam en Email Marketing: Guía básica

$
0
0

Cómo evitar el Spam en Email Marketing:


El email marketing es uno de los canales digitales que nunca pasa de moda, pues permite enviar todo tipo de contenido y, lo que más gusta a los usuarios, la comunicación vía correo electrónico es (por lo general) muy poco intrusiva.

Y es que cuando recibimos un email somos nosotros quienes decidimos cuándo y dónde leerlo, al contrario de lo que ocurre con la mayoría de mensajes publicitarios que recibimos diariamente, los cuales nos asaltan y bombardean sin previo aviso.

 

“A pesar de ser un canal muy eficaz para todo tipo de negocios, el riesgo de hacer spam en email marketing puede echar por tierra tus esfuerzos y alejarte de tus objetivos.”

 

Por eso, en este artículo quiero contarte cómo evitar que tus campañas terminen en la carpeta de spam o correo no deseado: sabremos qué es el “spam” o qué se considera ser un “spammer”, cuáles son los peligros reales de caer en la bandeja de spam, conoceremos los aspectos que los gestores de correo consideran spam y unos consejos e ideas para evitar este problema.

     

  ¿Qué es el Spam en Email Marketing?

Para poder entender cómo evitar el spam en email marketing, lo primero que hay que tener claro es qué es exactamente. Veamos 3 definiciones, de menor a mayor nivel de detalle:

  • El correo spam se puede traducir como correo basura o información basura.
  • El correo spam puede definirse como un conjunto de mensajes que envía un remitente desconocido o sin haber sido solicitado, o que incluye información irrelevante o comercial no deseada.
  • El correo spam también puede afirmarse como aquellos envíos que se realizan de manera masiva, a listas de direcciones que no lo han solicitado y que, en muchos casos, utilizan un email falso como remitente, o con muy poca reputación de dominio.

En resumen, tu correo comercial podría ser detectado como spam por cualquiera de estas características generales:

  • Masivo.
  • Anónimo.
  • No demandado.

Sin embargo, no solo los emails que cumplen alguno de estos requisitos terminan en la bandeja de spam. Utilizar elementos de texto que no admitan bien los ISPs (proveedores de correo), también puede provocar que tus envíos acaben junto a los correos no deseados.

Aquí tienes un ejemplo bastante habitual (por desgracia) de un correo de publicidad no deseado:


Cómo evitar el Spam en Email Marketing: ejemplo correo no deseado


Consecuencias de acabar en la carpeta de spam

Por cualquiera de los factores que hemos visto, cualquiera de tus campañas de email marketing podrían provocar que tu dirección de correo acabe en listas negras por spammer, sin importar lo importante que ésta pudiera ser para tus clientes.

Aquí tienes un ejemplo en el que un mensaje es relevante para el receptor, pues aporta información de caducidad sobre su dominio, pero que sin embargo ha sido marcado por Gmail como potencialmente peligroso:


Cómo evitar el Spam en Email Marketing: ejemplo correo marcado como peligroso


Por tanto, la primera consecuencia de acabar en la carpeta de spam es que es más que probable que los receptores del email nunca lleguen a abrirlo (esto ocurre incluso si cae en la carpeta “Promociones” de Gmail).

Además de esta consecuencia obvia, hay otros efectos secundarios que pueden resultar incluso peores si de verdad quieres seguir una estrategia de email marketing efectiva:

  • Mala reputación de envío e imagen de marca: Si tus emails son marcados como spam, la reputación de envío de tu dominio se verá afectada, pudiendo incluso caer en las listas negras (de donde es muy difícil salir). Además, este hecho otorga una muy mala percepción por parte de los usuarios, quienes difícilmente querrán volver a confiar en el destinatario.

  • Alto volumen de bajas: Cuando son los propios usuarios los que se sienten acosados recibiendo información no deseada, no sólo la marcarán como spam, sino que provocarán un volumen de bajas de la base de datos descompensado.

  • Caída de las métricas: Si tus correos son marcados como promoción o spam por los ISPs, tus métricas caerán drásticamente en términos de aperturas, clics, etc.

Como ves, evitar el spam en email marketing es un aspecto fundamental para todo negocio que quiera o deba seguir una estrategia de captación de clientes vía correo electrónico.

 

  Factores que se consideran Spam en Email Marketing

Si quieres saber cómo evitar el spam en tus envíos, debes tener en cuenta los principales fallos que muchos negocios cometen y que los gestores de correo electrónico no aceptan.

 

“Lo más grave de hacer spam en email marketing, es dejarlo pasar sin ser consciente de la importancia que tiene mantener una buena reputación de dominio a la hora de seguir una estrategia de email marketing sólida.”

 

Se trata de errores que muchas veces cometemos sin querer, y que debemos subsanar rápidamente:

1) Asunto engañoso

El asunto es el mejor gancho que tenemos para atraer a nuestros potenciales clientes, pero también es lo primero en lo que se van a fijar los gestores de correo electrónico para calificar la calidad de tus envíos. Por ello:

  • Evita vocabulario excesivamente comercial o sospechosas del tipo “Súper oferta”, “Promoción exclusiva”, etc.
  • No apliques prácticas engañosas como por ejemplo enviar tus campañas con el asunto “re:” o “fwd:” como si se tratara de mensajes de respuesta.

En definitiva, debes dejar claro en el asunto de tu email de qué trata el contenido del mismo, sin trampas ni frases extrañas que induzcan a pensar lo que realmente no eres; un spammer.

2) Exceso de texto

De nuevo, y en relación con el asunto, considera evitar las frases demasiado largas, pues para evitar el spam lo ideal es ser breve y detallar expresamente el contenido del email a modo de titular o asunto.

Este consejo es muy práctico para evitar penalizaciones, pero también porque todo lo que escribas y no quepa en el gestor que utilice el usuario para leer tu correo, sencillamente no aparecerá.

Por otro lado, también debes evitar las imágenes con texto, pues de forma similar a lo que ocurre en Facebook Ads, éstas no pueden ser leídas por dichas plataformas.

3) Exceso de imágenes

Otro de los aspectos que tienes que tener en cuenta para evitar el spam en email marketing, es el uso abusivo de imágenes en tus correos.

No se pueden utilizar demasiadas imágenes en cada envío porque, como ya te venía contando, los gestores no pueden leer esas imágenes y, ante elementos desconocidos, los ISPs toman decisiones drásticas.

Así que, si el contenido que quieres compartir contiene muchas imágenes (por el motivo que sea), trata de reducirlas incluyendo otro tipo de elementos visuales en HTML o llevándolas a la versión web de tu correo.

4) Vocabulario prohibido

Tanto en el asunto como en los textos que envíes, hay ciertas palabras que no se deben utilizar, o al menos de las que no debemos abusar en email marketing. Lo que se pretende es enviar contenidos de calidad que de verdad aporten algo a los usuarios. Por eso, términos como “gratis” y otros similares, van a hacer que puedas acabar en la bandeja de spam.

Esto ocurre especialmente si los repites mucho, o si en el propio asunto tratas de meter muchas de estas palabras. Los gestores de correo entienden que solo mandas promociones y no contenido realmente útil.

5) Enlaces sospechosos

La estructura de los enlaces que utilizas desde tu email también influye en cómo se categoriza el spam en emailing.

En este sentido, procura utilizar URLs personalizadas evitando el uso de caracteres complicados que impiden que la dirección del enlace se lea correctamente.

Una estructura de enlace de baja calidad tipo “ejemplo/%20-...” se penalizará rápidamente.

6) Contenido sin interés

Tanto los usuarios como los gestores de correo electrónico, buscan contenido de calidad y evitan cualquier otra cosa.

Enviar emails sin interés va a hacer que los gestores pongan la lupa sobre tus campañas en busca de algo con lo que penalizarte. Además, los usuarios acabarán por aburrirse de recibir tus boletines, por lo que no clicarán en sus enlaces e, incluso, se darán de baja.

Para ello, una buena estrategia siempre pasa por segmentar al público y ofrecer cosas que realmente aporten y generen interés.

7) Elevada frecuencia de envío

Por último, otro aspecto que debes tener muy presente es la frecuencia con la que realizas tus envíos. Si realizas envíos constantes y persigues mucho a tus suscriptores, es más que probable que tus emails acaben en la bandeja de spam.

Quizás pueda resultarte difícil, pero has de encontrar el equilibrio perfecto para no resultar pesado y agobiar a los usuarios (sin llegar al punto de que éstos se olviden de tu marca).

 

  Consejos para evitar el Spam en tus envíos

Además de evitar los errores clásicos que hemos visto hasta aquí, quiero añadir una serie de tips prácticos que, si los aplicas en tus envíos, te van a ayudar a evitar caer en la carpeta de SPAM de una vez por todas.

Estas recomendaciones son las que yo misma aplico en mis envíos y en los de mis clientes, pues todas se basan en seguir una estrategia natural y de mucha calidad:

  • Cumplir con el RGPD: Desde que tenemos con nosotros el nuevo Reglamento General de Protección de Datos, hay que poner especial cuidado a la manera con la que tratamos los datos de nuestros suscriptores, adaptando para ello nuestros formularios, políticas de privacidad y textos de aviso legal.

  • Entrenar el dominio de envío: La calidad del dominio es esencial para empezar con buen pie tus campañas de email marketing. Por ello, y para gozar de una buena reputación de envío, realiza tantos envíos de prueba como necesites hasta rodarlo y minimizar los riesgos de spam.

  • Solicitar a los suscriptores su aceptación: Aquí no me refiero solo a la adaptación de los formularios al RGPD, pues si empiezas a hacer email marketing y tu dominio es nuevo en esta estrategia, también sería muy interesante que le solicitaras a tu comunidad más fiel que te incluyese en su lista de destinatarios deseados.

  • Incluir enlace a la versión de escritorio (web): Ten en cuenta que cada usuario visualizará tus emails desde un gestor y un dispositivo diferente. Así que, para evitar errores de visualización y que te marquen como spam, puedes añadir opcionalmente un enlace a la versión web de los mismos.

  • Hacer limpieza de la base de datos de suscriptores: Para llegar al público adecuado, debes realizar limpiezas con cierta frecuencia en tu lista de suscriptores. Así, además podrás seguir criterios de segmentación aún más ajustados a la realidad del momento.

  • Evitar los archivos adjuntos: Este es otro de los aspectos que los gestores de correo penalizan, y más si se abusa de los archivos adjuntos. Evítalo y utiliza en su lugar llamadas a la acción que dirijan a enlaces externos.
 

Lectura recomendada:
12 claves para crear una campaña de Email Marketing efectiva.

   

  Conclusiones sobre el Spam en Email Marketing

Los factores a tener en cuenta y consejos que hemos visto a lo largo de este artículo, son las bases que siempre impongo a mis clientes para empezar a trabajar en una estrategia de email marketing sin riesgos de spam.

Más allá de esto, hay muchas opciones de seguridad que podrás utilizar, las cuales te recomendarán aplicar en las plataformas emailing. En base a cuál sea la que elijas para realizar tus envíos, los situaciones que se darán serán unas u otras, pero con los ajustes necesarios podrás evitar mucho mejor el SPAM en email marketing.

Mi recomendación final es que no tengas miedo a explorar las posibilidades y a probar diferentes configuraciones. ¡En marketing todo es probar y hacer experimentos!

Google Shopping para WooCommerce: feed de productos

$
0
0

Google Shopping para WooCommerce: configurar tu feed de productos


Cuando se gestiona o quieres crear una tienda online WooCommerce suele ser una buena idea incluir en el plan de marketing digital campañas en Google Shopping.

Al utilizar como estrategia Google Shopping en nuestro WooCommerce conseguimos promocionar nuestros productos tanto en la red de buscadores de Google como en el propio canal de Shopping.

Es la mejor vía para que tus posibles clientes encuentren tus productos de una manera rápida y sencilla ya que la plataforma mostrará tus artículos con foto, precio, valoraciones y descripción a aquellos usuarios que hayan buscado productos o términos relacionados con los productos que tú ofreces.

La plataforma tiene algunas limitaciones como que de momento está disponible en 40 países, además si vendes en más de un país deberás gestionar cada país por separado. Si vendes en Latinoamérica revisa si el país donde vendes se encuentra en la lista ya que no todos están.

Pero quizás lo primero que debes plantearte antes de usar Google Shopping con tu WooCommerce es si tus precios son competitivos en relación a la competencia, ya que si no los son es muy difícil que este tipo de campañas te funcionen.

     

 Qué necesitas para hacer una campaña en Google Shopping

Las campañas en Shopping se gestionan desde Google Ads por lo que lo primero que debes tener es una cuenta activa en esta plataforma.

El siguiente paso consiste en vincular aquellos productos que quieras promocionar de tu WooCommerce con Google y para ello necesitas una cuenta de Google Merchant Center.

Merchant Center es una plataforma de Google que te va permitir agregar los datos de tu tienda y de sus productos a Google para poderlos utilizar en campañas de Shopping creadas a través de Google Ads.

Es importante recordar que se deben vincular la cuenta de Ads con la de Merchant Center.

El último paso antes de la creación de la campaña será subir tu feed de datos de productos de tu WooCommerce a Google Merchant Center.

Resumen de pasos para crear tu campaña:

  1. Crear tu cuenta de Google Ads.
  2. Crear tu cuenta de Google Merchant Center.
  3. Vincular ambas cuentas.
  4. Crear tu feed de productos en WooCommerce y subirlo a Merchant Center.
  5. A la hora de crear la cuenta en Merchant debemos tener en consideración una serie de exigencias del propio Goolge. Si no las cumplimos no permitirá activar las campañas de Shopping.


    Google Shopping para WooCommerce: configurar tu feed de productos


    Las directrices de Merchant son:

  • Todos los productos que promociones deben poderse comprar directamente en tu página. No puedes promocionar productos con enlaces de afiliado a menos que tu web sea un comparador de precios de productos.

  • Debe coincidir el idioma de tu web con el del país donde vas a promocionar los productos y con el idioma que debes indicar en el feed de productos.

  • Tienes que tener en tu web una política de devoluciones y reembolsos. Además, es una de las principales causas de bloqueo de la cuenta. Debe aparecer el CIF, la dirección y los datos de contacto del propietario de la web.

  • Es importante tener un certificado de seguridad SSL implementado en la web y una correcta política de privacidad.

  • La cuenta de Google con la que crees la cuenta de Merchant debe ser la misma con la que diste de alta tu web en Search Console. Si no es la misma cuenta deberás “Reclamar la propiedad de la web” que no es más que verificar que tienes acceso al Search Console vinculado a la web.

  • Y la última recomendación que hace Google es que debes entrar regularmente en tu cuenta de Merchant Center para validar que sigue activa. Al menos una vez cada 14 meses.
 

 Cómo crear el feed para Google Merchant en WooCommerce

Una vez creada la cuenta de Google Merchant debemos configurarla. A rasgos generales ya que no es el objeto de este post, se tiene que añadir la información de la empresa, reclamar la propiedad de tu web, poner información sobre tu marca y por último dar de alta el tema de los gastos de envío (aunque este último punto se puede hacer también a través del feed).

Una vez está todo esto listo podemos proceder a subir los productos de nuestra tienda online a la plataforma.

La forma de hacerlo es a través del feed de datos de productos. El feed es un archivo en formato txt o xml con la información organizada según unas especificaciones que Google facilita.

Los detalles de cada producto se deben colocar en el archivo a través de atributos dados por Google. Algunos de ellos son obligatorios y otros opcionales.

Los atributos obligatorios son:

  • ID [ID]. Es el identificador único que utilizas en tu tienda para cada producto. Si el producto tiene variaciones cada una debe tener su propio id. En WooCommerce esto no es un problema ya que le asigna un id distinto a cada variación. Además de que puedes utilizar el SKU.

  • Título [title]. Es el nombre del producto.

  • Descripción [description]. Nos permite agregar una descripción del producto de hasta 5000 caracteres.

  • Url de la página del producto [link]. Enlace que indiqué cual es la página del producto.

  • Url de la imagen del producto [image_link]. Dirección de la imagen principal del producto.

  • Disponibilidad [availability]. Este atributo nos sirve para indicar que tenemos el producto en stock.

  • Precio [price]. Se debe introducir el precio con impuestos incluidos. Menos si vendemos en Estados Unidos.

  • Marca [brand]. Si vendemos productos de otros fabricantes se debe especificar la marca de cada producto. Si los productos los fabricas tú o son productos artesanales deberás poner tu marca o nombre de empresa.

  • Gtin [gtin]. Es un identificador único facilitado por el fabricante de cada producto. Es el EAN en Europa, también es el ISBN en caso de los libros. En otros países hay otros identificadores.
    En caso de no disponer de Gtin porque el producto por ejemplo es artesanal hay que configurar otro atributo, [identifier_​exists], como “no”.

  • Envío [shipping]. Si no se ha configurado los gastos de envío desde Google Merchant Center se le debe especificar el precio y las condiciones de envío desde este atributo.

  • Condición [condition]. Hay que especificar si el producto es nuevo, reacondicionado o usado.

  • Adultos [adults]. Simplemente hay que poner Si o No si el artículo contiene contenido sexual.

Junto a estos atributos hay muchos más opcionales e incluso obligatorios según el tipo de producto y país donde se quiera vender. Por lo que antes de configurar tu feed deberías consultar la página donde vienen recogidos todos los atributos.

La cuestión principal es, ¿cómo generamos el feed de productos desde WooCommerce? Pues tenemos dos opciones. Una consiste en descargar la plantilla que Google ofrece y rellenar el archivo artículo por artículo, opción que descartamos desde el principio.

La otra opción es utilizar un plugin que genere este archivo vinculando la información de cada producto con el atributo correspondiente. Existen varios plugins para poder hacerlo, Woocomerce tiene uno que es de pago, y luego encontramos otros desarrollos que tienen una versión gratuita y versión de pago.

De entre estos últimos yo me decanto por WooCommerce Google Feed Manager. Este plugin que te permite generar feed para Google Shopping en su versión gratuita de hasta 100 productos, es lo suficientemente completo como para decantarnos por él. En la versión de pago también te permite generar el feed para otros marketplaces.

De hecho, la única limitación que tiene su versión gratuita a parte de solo poder generar un feed de 100 productos como máximo, es que no se puede crear un feed de productos con variaciones.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


 

 Configuración del plugin Woocommerece Google Feed Manager

Una vez instalado y activado el plugin podemos empezar a crear un primer feed.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


Para iniciar el proceso solo hay que clicar en “Add New Feed” y darle un nombre al archivo que se generará. Este plugin genera archivos xml que después vincularemos con Google Merchant Center.

Al escribir el nombre y elegir el Marketplace aparecen el resto de opciones de configuración del feed.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


En Target Country debemos poner el país donde vamos a vender. Recordar que hay que crear un feed por cada país donde se quiera vender.

El siguiente campo hace referencia al tipo de producto que vamos a vender. Debemos elegir entre las opciones que nos ofrece Google. Y según la categoría elegida nos permite ir eligiendo subcategorías.

También podemos marcar la casilla para indicar que nuestro feed llevará productos con variaciones (solo en la versión premium).

Dos campos para añadir nombre y descripción al feed. Y un último campo para programar las actualizaciones del feed.

Ahora es el momento de asignar la información que WooCommerce guarda de cada producto a los atributos obligatorios del feed.

Id:

En este caso podemos utilizar dos metadatos de WooCommerce. Podemos utilizar el SKU si hemos añadido esta información a cada producto o podemos utilizar el POST ID que es el identificador único de cada producto. (El POST ID también es el identificador único de cada pedido, entrada de blog, página, etc).

Title:

En este caso no hay que cambiar el valor configurado por defecto ya que está asignado Product Title.

Description:

Aquí viene seleccionada la opción Product Description pero podríamos elegir también Producto Short Description, es decir la descripción corta del producto.

Link:

Viene seleccionada la opción que hace referencia a la url de la página de producto.

Image_link:

En este caso viene seleccionada la url de la imagen destacada del producto.

Price:

Aquí el plugin nos permite elegir el precio y además añadirle la moneda que tiene configurada la tienda. Podríamos elegir entre Regular Price o Sale Price si quisiéramos promocionar el precio rebajado.

Condition:

Viene seleccionado por defecto la opción de producto nuevo. Si no es así aquí es donde deberíamos elegir una de las otras dos opciones que nos ofrece Google.

Availability:

En este caso también nos da tres opciones. Viene por defecto seleccionado en stock. En este caso lleva un condicional por si algún producto se queda sin stock asignarle al atributo a ese producto out of stock.

Brand:

Este atributo es obligatorio. Y en este caso tenemos diferentesformas de asignarle un valor. En el caso de que tu empresa fabrique los productos o sean productos artesanales hechos por ti deberás poner el nombre de tu empresa como marca.

Para hacerlo debes elegir en el selector la opción “Fill with a static value” y poner el nombre de tu empresa o marca en campo que aparece.

En el caso de que vendas productos de otras marcas deberá indicarle la marca de cada producto. Y aquí viene el problema, WooCommerce no tiene por defecto ningún campo en la página de edición de producto donde poner la marca.

Puedes instalar un plugin para crear marcas o puedes dar de alta un atributo que se llame Marca o Fabricante con todas las marcas que vendas como términos del atributo. También puedes hacer lo mismo pero con etiquetas, o también puedes utilizar campos personalizados como los que se crean con Advance Custom filds.

Este plugin reconoce todas estas opciones y por lo tanto podrás asignarla al atributo brand.

Gtin:

De nuevo WooCommerce no tiene un campo referente al gtin (EAN o ISBN) por lo tanto tendrás que crearlo con campos personalizados o con atributos.

Si no tuvieras gtin deberás configurar el atributo del feed “identifier_exists” como “No”. Por defecto este atributo viene configurado como “Yes” por el plugin.

Adult:

Por defecto el plugin tiene la opción “No” seleccionada.

Multipack:

Esta opción es para indicar que los productos son packs de productos. En el atributo hay que indicar el número de productos que conforman el pack. Si no se le asigna ningún valor en el feed aparecerán como “0”. Y por lo tanto se considerará que no es un pack.

Shipping:

Por defecto viene seleccionada la opción que indica que todo lo referente al envío se ha configurado en la cuenta de Google Merchant Center.

En realidad, no hay un metadato del producto de WooCommerce guardado que sirva para este atributo por lo que es mejor configurarlo directamente en Google Merchant Center.

Is_bundle:

Con este atributo indicamos en el feed que nuestros productos son productos a medida o agrupados. Si no indicamos nada el valor predeterminado es “No”.

Y una vez asignado a cada atributo obligatorio el campo de WooCommerce correspondiente podemos generar el feed a través del botón “Save and Generate Feed”. Podemos ver el feed creado en la pestaña “Feed List”.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


Como hemos comentado antes este plugin lo que hace es generar un archivo xml con el feed. El archivo está alojado en la url que se indica en la tabla.

 

 Subir el Feed de productos de tu WooCommerce a Google Merchant Center

Merchant Center te ofrece varias alternativas para subir el feed. En la mayoría de casos la mejor opción es indicarle donde está el archivo para que tenga acceso a él y lo pueda leer.

Además de esta manera podemos automatizar el proceso y si hacemos algún cambio en el feed siempre va a estar actualizado en Google Merchant y en nuestras campañas de Google Shopping.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


A través del botón “+” podemos añadir nuestro feed.

La primera parte de la configuración consiste en indicar el país donde se va a vender, idioma, y que se va a usar en Google Shopping.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


Debemos poner un nombre para el feed y seleccionar la opción “Recogida de feeds programada”. Al elegir esta opción estaremos automatizando la carga del feed de manera que no tengamos que subirlo cada vez que se produce un cambio en alguno de nuestros productos.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


En el siguiente paso indicamos el nombre del archivo de nuestro feed y la url donde localizarlo. También cada cuanto deberá revisar Merchant para actualizar el feed.


Google Shopping para WooCommerce: configurar tu feed de productos de Woocommerce para Google Merchant Center


Una vez finalizado el proceso el feed aparecerá en el apartado de feeds. Si intentamos acceder al feed nada más subirlo nos dirá que el proceso puede tardar. Si al subirlo se produjera algún error sería aquí donde deberíamos consultarlo.

Si hemos vinculado bien nuestra cuenta de Google Ads con la cuenta de Google Merchant Center tendremos disponibles todos los productos de los feeds subidos para realizar las campañas de Google Shopping.

 

 Conclusiones

A la hora de realizar las campañas de Google Shopping es sin duda preparar el feed de productos lo que resultaba más complicado.

Por ello lo mejor es poder automatizar el proceso tanto de la creación del archivo como la actualización de los datos del feed en Google Merchant Center. Con el plugin WooCommerce Google Feed Manager y siguiendo las indicaciones de este post podrás generar tu feed de manera sencilla y sobre todo automatizar todo el proceso.

Página de inicio en WordPress y Página de entradas

$
0
0

Página de inicio en WordPress y Página de entradas


Cuando vas a crear una página WordPress o estás diseñando un sitio web, una de las primeras cosas en que tienes que pensar es cómo será la portada del sitio y si estará compuesto por una página estática, o por el contrario, si mostrarás las entradas más recientes.

Desde el dashboard del CMS puedes configurar si tu sitio web mostrará una página de inicio en WordPress o una página con entradas, en este artículo aprenderás cómo realizar esto y en qué casos es más conveniente una u otra forma.

Veremos también cómo combinar ambas configuraciones usando Widgets.

   

 Mostrar página de entradas recientes en el inicio

Usualmente se recomienda esta configuración cuando tienes un blog como elemento principal de tu sitio web.

Cuando vas a instalar WordPress, éste viene configurado por defecto para mostrar las entradas recientes del sitio en el inicio, lo puedes comprobar desde el dashboard de WordPress en el menú de Ajustes - Lectura, tal como se puede ver en la siguiente imagen:


Configuración entradas recientes


Cuando está establecido para mostrar las últimas entradas, entonces el inicio de tu sitio web lucirá algo similar a como se puede apreciar en la siguiente imagen:


Entradas recientes en el front-end


Además cuando se tiene esta configuración de entradas recientes, usualmente se recomienda usar la funcionalidad de Leer más, es decir, no se suele mostrar la entrada completa sino más bien un listado con el resumen de cada entrada.

 

¿Lectura recomendada:
Blog WordPress, ¿con entradas completas o resúmenes? .

 

Esto lo configuramos en el detalle del artículo usando el bloque de "Más", tal como se muestra en la siguiente imagen:


Agregar bloque leer más


 Mostrar una página estática en el inicio

La otra alternativa que tienes es mostrar una página estática como página de inicio en WordPress. Esta configuración es bastante conveniente si vas mostrar una página que está realizada con algún plugin constructor de contenidos.

Se suele usar esta configuración cuando quieres destacar varios elementos en el inicio de tu sitio web y no solo las entradas recientes.

Antes de configurar una página estática necesitas crear las páginas: una página de inicio y otra página de blog, tal como se muestra en la imagen adjunta, desde Páginas > Añadir nueva.


Crear páginas de inicio en WordPress y blog


Luego la configuración la puedes realizar igualmente desde Ajustes - Lectura, sin embargo en este caso tenemos que elegir la página para la portada y una página de entradas que creamos anteriormente, tal como se muestra en la siguiente imagen:


Configuración página estática


Si consultas nuevamente las páginas creadas verás que ahora hay un indicativo en ambas páginas, tal como se muestra en la siguiente imagen:


Páginas asignadas


Página de Portada

La página de inicio en WordPress es una página editable, puedes usar esta página usando el editor Gutenberg o algún plugin constructor como Elementor, Page Builer, Thrive Architect, etc.

Es usual que se quite el título a esta página de manera que no se vea el nombre de Inicio como título del sitio, y construir un título personalizado como parte del contenido.


Quitar título página inicio


Página entradas recientes

La página de Blog en realidad es una página vacía y no es posible editarla cuando está asignada como página de entradas. Al ver al detalle la página verás algo similar a lo que se muestra en la siguiente imagen:


Detalla página de blog


WordPress únicamente utiliza esta página como ayuda para mostrar el listado de entradas en tu sitio web, lógicamente al no mostrarse en el inicio puedes crear un ítem de menú que haga referencia a esta página.


Crear ítem de menú de blog


Ten en cuenta que la página de blog mostrará todas las entradas de todas las categorías que tengas creadas; si deseas mostrar solo entradas de una determinada categoría sería mejor crear un ítem de menú de tipo categoría.

Mostrar también entradas recientes como parte de la página de inicio

Puedes también mostrar las entradas recientes en la página de inicio en WordPress.

Si estás usando Gutenberg como constructor puedes utilizar un bloque de entradas recientes como parte de la estructura de tu página de inicio; si estás usando un plugin constructor puedes usar algún Widget.

Este tipo de plugins siempre tienen la posibilidad de insertar widgets como parte del contenido.

 Vídeo explicativo

En el siguiente vídeo vamos a resumir lo que hemos visto en este artículo y conocer cómo establecer una página de inicio en WordPress a través de entradas recientes o bien a través de páginas estáticas.

 

 

 Conclusión

Como puedes ver, WordPress te da la opción de configurar la portada de tu sitio web ya sea para mostrar las entradas recientes, lo que se usa usualmente en un blog, o mostrar una página de inicio y destacar varios elementos, usado comúnmente en sitios web corporativos.

Cómo administrar WooCommerce desde tu móvil

$
0
0

Cómo administrar WooCommerce desde tu móvil


En el artículo ¿Cómo administrar WordPress desde tu móvil? te mostramos cómo gestionar tu sitio web de WordPress desde el smartphone, ahora es turno de aprender a gestionar tu negocio WooCommerce desde el móvil.

WooCommerce, como algunos recordaremos inició como desarrolladora de plantillas para WordPress, en aquel entonces el nombre de la compañía era WooThemes.

Cabe resaltar que WooCommerce se ha convertido en la principal plataforma de comercio electrónico, desde su aparición en el 2012 su uso y popularidad van en aumento, para el 2019 se afirma que el 21% de los sitios de comercio electrónico la utilizan, convirtiéndola así en el software líder en su rama.

Muchos de nosotros quienes hemos incursionado en el comercio electrónico a través de esta plataforma nos es imposible estar completamente al pendiente de lo que sucede en nuestro negocio.

Aunque WooCommerce y algunos plugins pueden ayudarnos a mantenernos informados a través de correos electrónicos no siempre son suficientes para, por ejemplo, atender de manera rápida y eficiente una nueva compra. Mientras más rápida sea la atención y gestión, el cliente estará más satisfecho.

Lo anterior puede parecer retórico pero en esta década donde los smartphones se han convertido en el principal medio de acceso a Internet y mientras otros desarrolladores ya tomaban cartas en el asunto, Automattic parecía poco interesado en crear una versión oficial para móviles de WooCommerce. No sería hasta principios del 2019 cuando lanzan al mercado la app (para iOS y Android).

     

 La App de WooCommerce desde tu móvil

La aplicación de WooCommerce puede descargarse desde la App Store y la Play Store. Es gratuita, muy intuitiva, fácil de usar y ligera.

Detalles técnicos de la App:

  • Versión actual: 2.6
  • Opción de probar versiones beta: sí.
  • Lanzamiento oficial: 2019
  • Última actualización: 23 de sep. del 2019.
  • Ofrecida por: Automattic

Sin embargo y como se indicó en el párrafo anterior, mientras Automattic se estancaba con el proyecto otras organizaciones no siguieron el mismo camino y se adelantaron en el mercado, por ello es que debemos ser cuidadosos si buscamos la app manualmente.

Veamos, tan solo en Play Store, al introducir en el buscador WooCommerce obtendremos alrededor de 20 o 30 aplicaciones similares o no, con diferentes funciones y objetivos sin embargo, algunas de ellas utilizan colores y fuentes tipográficas muy similares a las oficiales de WooCommerce, para esto resulta útil identificar plenamente la aplicación oficial, en la imagen con pié de página WooCommerce instalación en Android.

Por otra parte, es importante analizar cuál ha sido el nivel de aceptación y reacciones de los usuarios, en este caso nos limitamos al escenario en Android:

  • Cantidad de descargas: +50,000
  • Nivel de aceptación: Bueno, 4.0
  • Principal conformidad: Gestión de compras y pedidos aún con sus limitantes como veremos más adelante.
  • Principal inconformidad de los usuarios: Obligación a instalar JetPack en sus sitios web de WordPress.
 

 ¿La aplicación es útil?

La respuesta es un Sí.

En mi experiencia en comercio electrónico y especialmente en lo aprendido en Webempresa puedo afirmar que la gran mayoría de los usuarios, incluyendo pequeñas y medianas empresas no tienen personal únicamente dedicado a atender la tienda en línea.

Una considerable cantidad de propietarios de un comercio electrónico dividen su tiempo entre diversas actividades laborales y algunos de ellos pueden sentarse frente a un computador durante la noche al llegar a casa.

Por tanto los propietarios de un comercio electrónico están expuestos a cientos de escenarios de muy diversa naturaleza que les impedirá estar pendientes de lo que sucede en su negocio.

Algunos ejemplos: En un tren, en una reunión de amigos, familiar o laboral, en un hospital, al ir de compras, en una playa, etc. Con esta aplicación esos cientos de escenarios se reducen considerablemente, especialmente si somos discretos con el uso del móvil.

¡Evita perder clientes utilizando la aplicación de WooCommerce, le facilitará la gestión de su tienda y aprovechará esos tiempos libres de una mejor manera!

Ya mencionamos que la aplicación nos será útil para agilizar la atención al cliente, informarnos cuando un producto esté por agotarse, gestionar pedidos y si somos administradores de más de una tienda en línea nos mantiene informados de lo que en ellas acontece desde un solo lugar, permitiéndonos movernos de una tienda a otra con solo presionar un par de botones.

 

 Requisitos e instalación

WooCommerce Mobile App requiere:

  • Dispositivo con sistema Android o iOS.
  • WordPress 5.0 o superior.
  • WooCommerce 3.6 o superior instalado en nuestro sitio web.
  • Aproximadamente 30mb de memoria libre, al menos para Android.
  • Jetpack instalado y configurado en nuestros sitio de WordPress.
  • Contar con una cuenta en WordPress.com
 

 Instalación

La instalación es sencilla, solo debes acceder a la Play Store o App Store, buscar «WooCommerce» e instalar.


Cómo administrar WooCommerce desde tu móvil: instalación en Android

Haz clic en la imagen para ampliarla  

 

 Primeros pasos

 

 Inicio de sesión y/o registro

Si ya nos hemos registrado en WordPress.com basta con introducir nuestras credenciales de acceso, en caso contrario tenemos que registrarnos.


Cómo administrar WooCommerce desde tu móvil: Vista del prelogin de la App de WooCommerce



Cómo administrar WooCommerce desde tu móvil: Validación de dominio


Si el dominio existe y cuenta con Jetpack instalado la App procederá a solicitarnos nuestras credenciales de acceso de la cuenta registrada en WordPress.com.

Es importante aclarar que no me refiero a las credenciales de acceso que utilizamos en https://midomnio.com/wp-admin si no a nuestro usuario y contraseña que registramos en WordPress.com al momento de crear la cuenta para conectar nuestra Web con WordPress.com.


Cómo administrar WooCommerce desde tu móvil: Login a wordpress.com


Luego de que se validen nuestras credenciales y se nos conceda el acceso a nuestro WooCommerce veremos algunos datos interesantes de lo que sucede en nuestra tienda.

Por el contrario, si ya habíamos iniciado sesión y asociado otra(s) de nuestras tiendas entonces se nos mostrará el Dashboard de la última abierta en la App.

 

 Trabajando con la App

 

 Mi Tienda

La primera sección que se nos muestra es un Dashboard, que lleva por nombre «Mi Tienda», en la que JetPack hace su trabajo informándonos de los últimos acontecimientos en nuestra tienda en línea.

En la primera parte de la imagen inferior notamos que mediante una gráfica de barras se muestran las ventas en base a cierto periodo de tiempo, pueden ser días, semanas, meses y años.


Cómo administrar WooCommerce desde tu móvil: Sección Mi Tienda, Jetpack nos muestra las venta por producto


En la segunda parte, la información es la básicamente la misma solo que en forma de tabla, indicándonos el producto, su número de compras y su total en euros.

Si presionamos sobre la fila de ‘x’ producto, se abrirá una ventana nueva, la cual mostrará los detalles del mismo y el enlace para abrir la página del producto en un explorador web.

Bug detectado y corregido: para cuando inicié a escribir este artículo me percaté de que las imágenes de los productos no aparecían en la aplicación, incluso llegué a creer que eso era correcto pues si nuestra tienda tienen cientos de productos representaría una carga de trabajo considerable para el proceso de comunicación Nuestro sitio -> Servidores JetPack -> Aplicación móvil.

Revisando el registro de cambios en la versión que se liberó el día 23 de septiembre encontré: Algunas de las imágenes de los productos de la tienda en línea conectada no se mostraban en la aplicación, se ha solucionado y ahora se muestran correctamente.

 

 Pedidos

Esta sección puede considerarse ser la más importante ya que nos da la facilidad de dar seguimiento casi inmediato de los pedidos recibidos; la aplicación permite gestionar algunas partes del proceso de compra. Básicamente nos ofrece:

  • Visualizar, buscar y filtrar los pedidos.
  • Visualizar información detallada de cada pedido.
  • Cambiar el estado de los pedidos.
  • Añadir notas al pedido con opción de enviársela por vía correo electrónico al cliente.

Cómo administrar WooCommerce desde tu móvil: Sección de pedidos


 

 Reseñas

Esta sección mostrará el historial de las reseñas realizadas por los clientes o curiosos visitantes a los productos de nuestro comercio, los cuales podrás aprobar o no, responder o no.

Para bien o mal, no todos nuestros productos son para todo el mundo, ni todo el mundo es para nuestra tienda.

Es decisión de cada uno de nosotros como administradores de tiendas en línea o propietarios de ellas dejar esta libertad y derecho de expresión activa o no, considerando la repercusión que pueda tener en el SEO de nuestro WooCommerce.


Cómo administrar WooCommerce desde tu móvil: Reseñas de clientes sobre productos


 

 Ajustes

Si contamos con más de una tienda en línea podremos elegir cuál gestionar.


Cómo administrar WooCommerce desde tu móvil: Ajustes de la aplicación


Para ello nos dirigimos al botón de opciones representado por los 3 puntos en vertical, situado a nuestro esquina superior derecha.

Luego presionamos sobre la tienda elegida y se nos mostrará una nueva ventana con todas las tiendas asociadas a nuestra cuenta de WordPress.com. Allí elegimos la tienda deseada.


Cómo administrar WooCommerce desde tu móvil: Lista de tiendas WooCommerce asociadas a nuestra cuenta de WordPress.com


 

 Gestionar notificaciones

Las notificaciones son parte esencial de cualquier aplicación moderna que tengan repercusiones importantes en nuestra vida.

Nos mantienen al tanto de nuestros correos electrónicos, movimientos bancarios y en el tema presente nos auxilian a administrar mejor nuestra tienda y darle una mejor atención al cliente.

La aplicación de WooCommerce nos ofrece las siguientes opciones de notificación:

  • Alertas de nuevo pedido.
  • Alertas de reseña de producto.
 

 Ventajas

  • Todo es gratuito.
  • Fácil implementación, un usuario promedio no debería tomarle más de 15 minutos el proceso de instalación e integración con JetPack y WordPress.
  • Sencilla de usar, agiliza el proceso de compra.
  • Gestión multistore desde una sola cuenta.
  • Buen enfoque en aspectos básicos del SEO.
  • Útil recopilación de información de ventas por día, semana, meses, años.
  • Si no has recibido reseñas de productos, te permite promocionarte a través de tus contactos vía SMS, redes sociales, etc.
  • Capacidad de enviar ideas y sugerencias para implementación de nuevas funciones, gracias a Automattic.
 

 Mejoras

  • Mayores funciones sobre productos, al menos las mas básicas:
    • Gestión de inventario.
    • Creación de productos simples como los utilizados como ejemplo en el template de StoreFront.
    • Cambio de precio en productos.
    • Creación de cupones con reglas básicas.
  • Implementación de mas notificaciones Push:
    • Bajo nivel de inventario de cierto producto.
    • Nuevo cliente registrado.
    • Definir Inicio y fin de ofertas.
  • Implementar ciertas funciones en WooCommerce App es complejo, es necesario que los creadores de los plugins, al menos los mas famosos, se involucren y sigan aportando a la comunidad. Al final, el beneficio será para ellos mediante sus ingresos.
 

  Conclusiones

WooCommerce es una plataforma de comercio electrónico que se ha vuelto líder en el mercado, sin embargo parecía que no era necesario proporcionar herramientas móviles a sus usuarios como valor añadido, a diferencia de otras plataformas que hace ya algún tiempo cuentan con sus aplicaciones móviles.

La aplicación está, a mi parecer, en fase beta y con mucho trabajo por delante, hay que reconocerlo, sus funciones aún son muy limitadas pero cumplen con su propósito y lo hacen bien. Pareciera ser que se ha apostado por calidad en lugar de cantidad, principio que hay que reconocerles. La App es por tanto, de recién aparición (enero de 2019) y empieza a dar sus frutos, seamos pacientes.

Estoy seguro de que es un proyecto muy ambicioso y con futuro.

10 extensiones de WooCommerce potentes para nuevas tiendas

$
0
0

10 extensiones de WooCommerce potentes para nuevas tiendas


En este artículo te voy a mostrar diez extensiones de WooCommerce muy poderosas que van a dar cierto empujón de calidad y utilidad a tu tienda recién creada. Pero esto no quiere decir que no hayan muchas más opciones en el universo de WordPress, ni mucho menos.

Todo depende del objetivo y la estrategia que te hayas planteado seguir con tu tienda online, el tipo de producto que vendas, el tipo de cliente al que quieras llegar...

Pero estas diez extensiones (o plugins más bien) en diferentes proyectos me han servido específicamente para conseguir algo que no se consigue con una instalación inicial de WooCommerce en tu web.

La palabra extensión, no está usada con imprudencia en este caso, pues WooCommerce en sí es un plugin, y en WordPress, los plugins de un plugin reciben el nombre de extensiones.

Sigue leyendo, porque estoy convencido que por lo menos una de las siguientes extensiones de WooCommerce te va a servir para un fin concreto.

     

 Lo gratuito y lo premium

Antes de mencionar las deseadas extensiones de WooCommerce, quiero recordarte la gran diferencia y la gran similitud de las extensiones gratuitas y las premium (de pago).

Recuerda que una extensión gratuita puede ser muy poderosa, y de muy buena calidad. Cumplirá un objetivo concreto en tu web, y todo funcionará muy pero que muy bien.

Obviamente, si tienes algún problema con una extensión de WooCommerce gratuita, no esperes un soporte individualizado y personalizado. Esto sí que lo encuentras en las extensiones más premium, pero claro, de pago.

También no olvides nunca que el hecho de pagar por algo no significa que tenga que ser bueno a la fuerza. De ahí la importancia que antes de comprar (o mas bien invertir) en alguna extensión de pago, revisa vídeos de gente usándola, lee opiniones sobre la misma, etc.

 

 No solo de extensiones vive WooCommerce

Me gustaría recordarte también que, en algunos casos, quizás no es un plugin o extensión lo que te hace falta en un momento dado.

Ten en cuenta que tu sitio web tiene que partir de una base de calidad (como base me refiero a un servidor o hosting de calidad), un buen framework o plantilla profesional, así como una configuración adecuada.

No creas que por adquirir una super-mega-chachi extensión con muchos efectos que has comprado en un mercado de extensiones famoso, vas a vender más al instalarla.

Me explico mejor: piensa en una sombrilla de playa super profesional, la cual te ha costado una buena cantidad de dinero. Está completamente nueva y lista para utilizarse y hacer que disfrutes de un buen día de verano, fresquito, a la sombra.

Piensa ahora que no es lo mismo plantar esa sombrilla en una playa de arena, una cala con rocas, un terreno seco al lado de un lago... Sé que la metáfora es tonta, ¿pero a que has entendido lo que quiero decir?

Pues como premio por tu paciencia a mis introducciones rolleras, pero bien necesarias, aquí te presento ya la parte central del artículo.

 

 OptinMonster


Extensiones de WooCommerce potentes para nuevas tiendas: OptinMonster


Para conseguir que se suscriban a tu newsletter.

Toda tienda online requiere de una buena lista de suscriptores a tu newsletter. Es importante contar con una buena herramienta para organizarla, gestionarla profesionalmente y enviar emails que hagan que aumenten las posibilidades de venta.

No te lo pienses dos veces. OptinMonster merece la pena. Es una inversión que debes tener muy presente en tu tienda de WooCommerce, ya que es de los mejores servicios de newsletter que por ahora existen.

OptinMonster se centra en reducir abandonos de carritos, aumentar el ratio de conversión de ventas, (más ventas por cada 100 visitas) y mucho más.

 

 YITH WooCommerce Wishlist


Extensiones de WooCommerce potentes para nuevas tiendas: YITH WooCommerce Wishlist


Para que se enamoren de tus productos

Al igual que cuando navegas por Amazon, Asos, Zalando (y un gran etc), y te gusta algo (pero no lo quieres comprar en ese momento), sueles "guardar" en una lista o marcar como favorito los productos que te interesan.

Esta extensión va a hacerlo posible fácilmente.

Además, tiene la funcionalidad de "enviar" listas a amigos o familiares, y es de muy fácil manejo, cuidando mucho la experiencia de usuario.

 

 WooCommerce Checkout Field Editor


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce Checkout Field Editor


Para personalizar el checkout a tu gusto

Es en ese momento mágico de compra, que todos perseguimos como dueños de tiendas online, en donde más certeros tenemos que ser con la experiencia de usuario y con cómo nuestro cliente (a punto de sacar su tarjeta de crédito) se siente en nuestra web.

Aquí entra en juego un momento crítico, en donde en la pasarela de pago de nuestros productos, necesitamos, en ocasiones, adquirir determinada información sobre nuestros clientes.

Los campos de formulario para introducir dicha información valiosa, puede que no existan de manera predeterminada en WooCommerce.

O al revés, puede que hayan algunos que ya existan y que no necesitemos (y nos queramos deshacer de ellos para no interferir en la experiencia de compra).

Con esta extensión te vas a convertir en un mago de los carritos de compra y los checkouts de tu tienda online.

 

 WooCommerce Multilingual


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce Multilingual


Para que tu tienda hable varios idiomas

Si tu estrategia con tu tienda online incluye un público objetivo internacional, que habla varios idiomas, esta extensión es para ti.

Tiene una pequeña pega, y es que necesitas el plugin premium de WPML (WordPress multilingual plugin).

Sí, hay otros plugins para traducir ahí fuera, que funcionan igual de bien, pero mi favorito ha sido siempre este.

Con el paso de los años ha mejorado mucho su interfaz y manejo, y a pesar de todas las opciones que tiene, es bastante intuitivo y maneja muchísimos idiomas.

Puedes leer un artículo que he escrito al respecto aquí.

Nota: las traducciones las tienes que hacer tú. No te "auto-traduce" el contenido de tu web (si ya estabas frotándote las manos). Esta práctica de automatizar las traducciones, no te la recomiendo para nada.

 

 WooCommerce EU VAT Compliance


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce EU VAT Compliance


Para que tu tienda sea muy legal

Los que vivimos en Europa, para bien y para mal tenemos reglas bastante estrictas en lo que a privacidad de datos y propiedad intelectual se refiere.

Fuera de Europa también se llevan a cabo medidas parecidas, pero desconozco si son obligatorias aplicarlas a una web o no.

Me refiero al tema de "aviso de cookies", "políticas de privacidad", etc, que el usuario tiene que aceptar para poder utilizar tu web con normalidad.

Esta extensión va asegurarse de que cumplas con la normativa establecida. (no obstante, lo ideal es que un abogado especializado te revise todos los textos legales y te de el OK).

 

 WooCommerce PDF Invoices & Packing Slips


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce PDF Invoices & Packing Slips


Para que tu tienda genere facturas a demanda del usuario

Lo que hace esta extensión es generar facturas de compra en tu tienda de WooCommerce y enviarlas a tus clientes automáticamente.

Puedes también, en el caso que hagas envíos físicos, imprimir un resumen del pedido y adjuntarlo, junto con la factura, a cada paquete que vayas a enviar al cliente. De esta manera te aseguras que no se te olvida incluir ningún producto.

Tiene otras funciones como la generación de facturas en masa (para tu contabilidad), la personalización de las mismas (añadir tu logo, información, etc) y otras posibilidades que merece la pena explorar.

 

 YITH WooCommerce Ajax Search


Extensiones de WooCommerce potentes para nuevas tiendas: YITH WooCommerce Ajax Search


Para que tus clientes encuentren de todo en tu tienda

Un buen buscador en tu web (y más si es una tienda online) siempre mejora exponencialmente la experiencia de usuario. Cuando instalas esta extensión, sin tener que hacer ningún tipo de super configuración, ya tendrás listo un buscador en tu tienda.

Es de este tipo de buscadores que te van sugiriendo resultados conforme vas buscando en ellos (al más puro estilo Google).

Simplemente tienes que insertar el shortcode o widget de la extensión allá en donde desees que aparezca.

Existe una versión premium, la cual no tiene tampoco ningún desperdicio, y debes tenerla en cuenta si tienes una gran tienda online de WooCommerce.

 

 WooCommerce Product Filter


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce Product Filter


Para filtrar los productos de tu tienda

Más allá de una búsqueda (como menciono en la extensión anterior), lo que hace esta extensión en cuestión es ofrecer una serie de filtros para encontrar los productos de tu tienda online, con mucha mayor facilidad.

Date cuenta que la gran mayoría de tiendas online que puedas tener ahora mismo en la cabeza centran su página principal en un poderoso filtro de categorías, colores, tallas, opiniones, etc, hasta que el usuario encuentre el producto que esté buscando.

Es una manera diferente de añadir una "búsqueda" a tu tienda, y merecía mucho la pena añadirla a la lista.

Basta con que visites la demo de la extensión, para que te hagas una idea de lo que ofrece.

 

 Custom Product Tabs for WooCommerce


Extensiones de WooCommerce potentes para nuevas tiendas: Custom Product Tabs for WooCommerce


Para personalizar la página de producto de tu tienda.

Centrándonos ya en la página individual de un producto cualquiera de tu tienda, esta extensión va a hacer que te sea mucho más fácil añadir pestañas en la tabla que aparece en la sección inferior de cada producto. (justo a continuación de la pestaña de Descripción).

De esta manera podrás añadir funcionalidades interesantes (formulario, imágenes, shortcodes, etc).

 

 WooCommerce Google Analytics Integration


Extensiones de WooCommerce potentes para nuevas tiendas: WooCommerce Google Analytics Integration


Porque ya sabes de sobra lo importante que es analizar las visitas a tu tienda

Esta extensión conecta muy bien tu cuenta de Google Analytics con el plugin de WooCommerce.

No hay mucho más que decir aquí, pues toda la funcionalidad y provecho para tu web te la ofrecerá el propio Google Analytics y sus estadísticas tan precisas.

 

 Conclusiones

Como ves, no es más la extensión que elijas para tu tienda online hecha con WooCommerce, si no lo mucho que te ayude dicha extensión a conseguir un objetivo concreto en tu estrategia de ventas.

Las extensiones de WooCommerce que te he presentado en este artículo pueden ayudarte a vender más, y te animo a que las tomes en buena consideración.

No obstante, recuerda que hay muchas más extensiones ahí fuera, deseando ser descubiertas por ti.

Cómo construir un sitio de membresía en WordPress

$
0
0

Cómo construir un sitio de membresía en WordPress


WordPress es uno de los gestores de contenido web más versátil que puedes encontrar ahora mismo para crear tu web. A pesar que empezó como una herramienta para crear blogs actualmente puedes convertirlo en todo lo que te puedas imaginar de manera que nuevas oportunidades de negocio digital están a nuestro alcance.

Si estás pensando en construir un sitio de membresía en WordPress este artículo te puede interesar.

Si no tenéis claro que es un sitio de membresía podemos definirlo como una web en la que se ofrece acceso a contenidos, foros, productos, etc. mediante una suscripción de pago.

La forma de organizar el pago suele ser periódica, de manera que se obtengan ingresos recurrentes a lo largo del tiempo.

Actualmente existen plugins en el repositorio de WordPress que nos van a permitir convertir nuestro sitio en uno de membresía en WordPress (una página de suscripción). Aunque con un único plugin no vamos a cubrir todos los ámbitos que debe tener nuestro sitio.

Por lo que antes de empezar con la transformación tenemos que tener claro qué debe tener una web para que podamos monetizar nuestro contenido ofreciéndolo a través de esta suscripción.

Lo primero es conseguir que nuestro contenido esté organizado por tipos de suscripción, es decir, que los usuarios solo tengan acceso al contenido contratado.

Por supuesto debemos conseguir un sistema de pago completo donde el usuario pague y tenga acceso al contenido pero también todo un sistema de avisos, recordatorios, etc. a través de emails.

Si tenemos más de una suscripción disponible es importante implementar un sistema de acceso que lleve al usuario directamente al contenido.

Y por último queda el contenido y los extras que se puedan ofrecer con él. El contenido pueden ser cursos, vídeos, artículos o cualquier material que puedas ofrecer por partes. Incluso puedes crear suscripciones a eventos enlazados a un calendario.

     

 Mejor plugin para crear un sitio de membresía en WordPress

Para construir un sitio de membresía en WordPress existen varios plugins, la mayoría de pago, que son bastante versátiles y nos van a permitir escalar nuestro proyecto añadiendo secciones (por ejemplo, comenzar ofreciendo páginas de información y más adelante añadir un foro, o la venta de artículos exclusivos).

Podemos encontrar el plugin Membership by Supsystic, es un plugin bastante completo que en su versión gratuita nos ofrece todo lo necesario para arrancar, como por ejemplo algo tan esencial como el sistema de suscripción y pago.

Tiene muchas extensiones todas de pago para dar un servicio completo lo que al final hace que se incremente el coste del proyecto.

Como plugin de pago destacamos Ultimate Membership Pro. Este plugin es muy económico y ofrece multitud de opciones para las suscripciones, permisos para ver contenidos según el nivel de suscripción que tengas, notificaciones y extras para integrarlo con una tienda o foro, entre otras muchas.

Recordad, que en Webempresa no se ofrece soporte sobre plugins de pago, por lo que si tenéis alguna consulta relativa al funcionamiento, deberéis contactar con el soporte de los desarrolladores.

Entre los plugins para WordPress gratuitos destaca Paid Membership Pro, que será el que utilicemos para construir nuestro sitio de membresía. Este plugin en su versión gratuita ofrece todo lo necesario para arrancar y además dispone de addons gratuitos con los que ir ampliando sus funcionalidades.

 

  Los pasos para construir nuestro sitio de membresía en WordPress

Los pasos que tenemos que seguir van a ser:

2.1. Instalación del plugin de membresía Paid Membership Pro

Este plugin se encuentra en el repositorio de WordPress. Para instalarlo accedemos desde la parte de administrador de nuestra web a Plugins y pulsamos “Añadir nuevo”. Escribimos el nombre del plugin y pulsamos el botón “Instalar” y después “Activar”.


Cómo construir un sitio de membresía en WordPress: Paid Membership Pro


Nos aparecerá un nuevo elemento en el menú lateral, “Membresía”.


Cómo construir un sitio de membresía en WordPress: elemento de membresía


2.2. Configuración del plugin Paid Membership Pro

Si accedemos al menú Membresía veremos el escritorio con el resumen de los últimos movimientos en cuanto a ingresos, altas, bajas, pedidos, etc. El plugin no está traducido en su totalidad por lo que se mezcla español e inglés, pero no supone ningún inconveniente de cara a nuestra web.

Para configurar el plugin accederemos el menú Membresía – Settings.

2.2.1 Creación de los niveles de suscripción.

Dependiendo del planteamiento de nuestro sitio de membresía es posible que tengamos un único tipo de suscripción que nos da acceso a todo o podemos tener varias suscripciones con diferentes precios que nos den acceso a más o menos contenido.

En el primer apartado de la página Settings tenemos los Niveles, que son los tipos de suscripción. Para crear una suscripción pulsamos el botón “Create a Membership Level”.


Cómo construir un sitio de membresía en WordPress: crear una suscripción


Introducimos el nombre a mostrar. En mi caso crearé dos suscripciones que nombraré como “Básicá” y “Pro”. Podemos añadir una descripción de lo que incluye y un mensaje personalizado cuando un usuario se suscribe a este nivel.

En la facturación tenemos varias configuraciones posibles dependiendo de cómo queramos que sea el pago.


Cómo construir un sitio de membresía en WordPress: configuraciones de pago


Podemos establecer un único pago, o un pago inicial con recurrencia. Si marcamos con recurrencia deberemos indicar el precio y la frecuencia del pago. También podemos establecer un período de prueba inicial con un precio diferente, muy interesante para captar usuarios.

La moneda inicialmente es el dólar. En el siguiente paso la cambiaremos por la que vayamos a usar.

El resto de opciones de momento no las utilizaremos. Cuando completemos toda la información pulsaremos el botón “Guardar nivel”.

2.2.2 Creación de las páginas necesarias.

Ahora pasamos a la tercera pestaña “Páginas”. El plugin necesita crear varias páginas, para el registro, acceso, etc. Pulsaremos el botón “Generate pages for me” para que las cree y enlace directamente.


Cómo construir un sitio de membresía en WordPress: crear páginas


Nos aparecerán todas las páginas creadas. Después podemos cambiar los nombres de las páginas.

2.2.3 Configuración de los métodos de pago.

Ahora pasamos a la siguiente pestaña “Pasarela de pagos & SSL”.


Cómo construir un sitio de membresía en WordPress: Pasarela de pagos & SSL


Aquí seleccionaremos el método de pago a utilizar y el entorno de pruebas o producción. Cada método de pago tiene una configuración diferente.

La única pega apreciable del plugin es que no puedes elegir más de un método de pago. Con la versión de pago se puede añadir otro método al método de pago que hayamos configurado en esta pestaña e incluir Paypal y pago por cheque por ejemplo.

Después seleccionaremos la moneda y opcionalmente el IVA a aplicar.

La última parte sobre configuración SSL la dejaremos como está. Por último, guardamos.

2.2.4 Notificaciones por email.

Si vamos a la pestaña “Email” podremos indicar el email de notificaciones, el nombre a mostrar y las notificaciones que se quieren recibir.


Cómo construir un sitio de membresía en WordPress: pestaña email


2.2.5 Política de privacidad y mensajes.

En la pestaña “Avanzado” Tenemos varias personalizaciones como los mensajes cuando se accede a contenido al que no se está autorizado, las búsquedas y reCAPTCHA.

El último punto, Requerir términos de servicio durante el registro nos permitirá cumplir con la Política de privacidad. Deberemos indicar la página donde se encuentra.


Cómo construir un sitio de membresía en WordPress: cumplir con la Política de privacidad


Con estos pasos ya tendremos configurado nuestro sitio de membresía. Ahora crearemos el contenido a mostrar y asignaremos a qué suscripción estará asociado.

 

 Creación de páginas y entradas para los suscriptores

Asignar una página o entrada a una suscripción es muy sencillo. Si añadimos una página nueva o editamos una existente, en la barra lateral derecha, en la parte superior veremos un nuevo cuadro llamado “Requerir suscripción”.

Si no marcamos ninguna suscripción la página será pública para todos. Si marcamos alguna suscripción sólo será visible para ese nivel.


Cómo construir un sitio de membresía en WordPress: marcado de suscripción


Si, como muestra el ejemplo, intentamos acceder a la página sin una suscripción Básica, nos mostrará el siguiente mensaje, que hemos personalizado en el punto 2.2.5:


Cómo construir un sitio de membresía en WordPress: mensaje a página de suscripción básica


Si pulsamos el botón “Registrar” nos llevará a la página para seleccionar la suscripción y después completar los datos y realizar el pago.


Cómo construir un sitio de membresía en WordPress: selección de suscripción y completado de datos


Si queremos mostrar información clasificada por categorías o temáticas en lugar de páginas utilizaremos entradas y sus categorías.

Mediante el plugin es posible asignar una categoría a un determinado nivel de suscripción. Esto hace más sencilla la clasificación y evitar errores por mostrar contenido a quien no toca.

Para hacerlo lo primero que haremos será crear las categorías en el menú Entradas – Categorías. En mi caso he creado dos categorías básica y pro y una subcategoría para cada una.


Cómo construir un sitio de membresía en WordPress: crear categorías


Una vez creadas las categorías vamos al menú Membresía – Settings. Nos saldrán los niveles creados. Pulsamos en “editar” y bajamos al final de la página al apartado Opciones de contenido. Ahí aparecen las categorías de las entradas.


Cómo construir un sitio de membresía en WordPress: categorías de las entradas


Ahora seleccionamos las categorías que formarán parte de la suscripción y guardamos. Ahora si intentamos acceder a una entrada que no esté en una categoría de mi suscripción no mostrará su contenido.

Con esto podemos pensar que ya habríamos completado todos los aspectos básicos de nuestro sitio de membresía, pero en realidad no.

Nos falta el poder iniciar sesión en nuestra cuenta cuando accedemos a la web. Este punto no lo contempla el plugin. Para añadirlo utilizaremos un plugin gratuito Theme my Login.

 

 Crear página de inicio de sesión

Para añadir el inicio de sesión en nuestro sitio de membresía, accedemos a Plugins y pulsamos “Añadir plugin”. Instalamos y activamos el plugin Theme My Login.

Una vez activado nos aparecerá un nuevo elemento de menú, Theme my Login. Si accedemos podemos configurar su funcionamiento. Tan sólo cambiaríamos respecto a la configuración por defecto el poder configurar la configuración por defecto y los slugs en caso de querer traducirlos.

El plugin dispone de un widget que te permitirá añadirlo a una barra lateral y un shortcode para incluirlo donde queramos [theme-my-login].

Utilizando el shortcode podemos personalizar el mensaje de contenido restringido que hemos visto antes, permitiendo al usuario iniciar sesión desde esa misma página. Se realiza desde Membresía – Settings, Avanzado.

El diseño final ya depende de cada uno.

Este plugin es sólo una opción para gestionar el acceso. Existen otros que ofrecen más opciones de redirección y diseño. Todos son perfectamente válidos.

Lo importante a tener en cuenta es que debe tener un shortcode o similar que podamos añadir a los mensajes de texto cuando el acceso es restringido.

Ahora sí que hemos completado la configuración de nuestro sitio de membresía en WordPress.

Por supuesto faltará darle forma la web, con una página de inicio en WordPress, información de las suscripciones, menú con botones de inicio de sesión, los apartados principales y demás.

 

 Extensiones para ampliar funcionalidades

Ahora que ya tenemos en funcionamiento nuestro sitio de membresía vamos ver cómo podemos ampliarlo.

El plugin Paid Membership Pro que hemos utilizado para crear el sitio de membresía en el apartado de “Settings – Add Ons” muestra todos los plugins disponibles, gratuitos y de pago.

Los de pago estarán disponibles si compras el plugin.

A mí me gusta más buscar los plugins a través del repositorio de WordPress, que tiene una visualización más agradable y nunca se sabe si puede haber algún otro plugin de terceros que haga lo que estamos buscando.

Para buscar desde el repositorio de WordPress accedemos nuevamente a Plugins y “Añadir nuevo” y buscamos por el nombre del plugin Paid Membership Pro.

Nos aparecerá un listado con todos los plugins disponibles para usar con este plugin. De entre todos los que aparecen vamos a nombrar brevemente los más destacados:

  • WooCommerce Add On. Esta extensión te permite personalizar tu tienda haciendo que los productos tengan precios diferentes según suscripción o que solo estén disponibles para una suscripción específica.

    También permite aplicar un porcentaje de descuento global para los miembros. Esta extensión es muy útil para atraer usuarios dado que les estamos ofreciendo precios especiales.

  • BuddyPress Add On y bbPress Add On. Si quieres incluir un foro en tu sitio te recomendamos utilizar BuddyPress o bbPress, no sólo por su compatibilidad con este plugin, que es fundamental, sino por lo completos que son.

    No vamos a entrar en detalles pero pueden asociarse los roles con las suscripciones, restringir el acceso o la participación en los temas, y mucho más.

  • Events Add On. Esta extensión permite la integración con los plugins de eventos Events Manager, The Events Calendar, Sugar Calendar y All-in-one Event Calendar. Podrás restringir eventos según suscripción. Sin duda es otro punto fuerte para atraer usuarios, proporcionándole acceso a eventos exclusivos o información sobre eventos de temáticas concretas.

  • Mailchimp Add On. Con este plugin podemos sincronizar los usuarios de cada suscripción con una lista de Mailchimp, de manera que podamos enviar mediante esta plataforma mails informativos o de cualquier índole a nuestros suscriptores. Es un buen recurso para centralizar el marketing desde una plataforma de email marketing.

  • Email Templates Add On. Si queremos personalizar los emails que se envían desde WordPress a nuestros usuarios con este plugin podremos hacerlo. Es importante dar siempre una buena imagen, así que merece la pena perder unos minutos para dejar estos detalles a punto.

  • Otros métodos de pago. Hay muchas extensiones que prácticamente cubren todos los métodos de pago posibles. El único método que echamos en falta es Redsys.
 

 6- Conclusiones

Si estás valorando obtener ingresos ofreciendo contenido a través de una suscripción debes tener muy en consideración utilizar WordPress con alguno de los plugins que se han desarrollado para ello.

Como has visto conseguir todo un sistema de membresía utilizando plugins no es muy complicado y siguiendo los pasos descritos en este post y con conocimientos básicos de WordPress lo conseguirás sin problemas.

Lo verdaderamente difícil es crear ese contenido con valor para que los usuarios quieran pagar por el de manera recurrente.

Por lo que espero que este artículo te sirva para que emplees menos energías en la configuración de tu web y la puedas dedicar al contenido.


Por qué deberías usar SKU en tu tienda online

$
0
0

Por qué deberías usar SKU en tu tienda online WooCommerce


Disponer de una tienda online no consiste solo en proporcionar una plataforma que permita localizar los productos, consultar sus fichas y guardarlos en el carrito de la compra para comprarlos y pagarlos posteriormente.

Además, también es necesario gestionar los productos de forma eficaz y eficiente, tanto a efectos de inventario como de seguimiento. Y nada mejor para ello que disponer de un código que identifique cada producto que vendamos de forma inequívoca.

Tanto si vas a crear una tienda online WooCommerce, por ejemplo, como si ya está operativa, la gestión del inventario y del catálogo de los productos mejorará significativamente si adoptamos e implementamos esta codificación. De hecho, es tan importante que tiene su propio nombre: SKU.

Aunque este código casi nunca resulta de interés para los usuarios (en pocas ocasiones utilizarán este código para reconocer o buscar un productos), para el propietario del sitio web resulta una herramienta crucial para poder tener una rápida y correcta identificación de los productos en todo el proceso de venta.

En este artículo, vamos a ver qué es el SKU, las ventajas que aporta al incorporarlo a nuestra plataforma de comercio electrónico, cómo podemos implementarlo con WooCommerce y cómo, a pesar de la creencia habitual, incluso las tiendas online pequeñas pueden beneficiarse de su uso.

     

 ¿Qué es SKU y para qué sirve?

Las siglas SKU viene de la expresión inglesa “Stock Keeping Unit” que se podría traducir como “Unidad de mantenimiento de stock”, lo que ya da una idea de su propósito final: administrar el inventario de nuestro stock.

Una definición formal de SKU sería que se trata de un código alfanumérico (es decir, formado por letras y números) utilizado en las tiendas (tanto online como offline) para identificar de forma única a sus productos, sus tipos y sus variaciones, tanto para gestionar el inventario como para garantizar que los productos correctos se envían a los compradores.

Así, el SKU se podría considerar con el “DNI de los productos”; es decir, dado un SKU, sabemos exactamente a qué producto, qué tipo y qué variación nos estamos refiriendo. De tal forma que, dado un producto, sólo podrá tener un SKU e, inversamente, dado un SKU, solo podrá referenciar a un único producto.

La gestión del inventario mediante códigos SKU’s ayuda a rastrear y localizar los productos de nuestro catálogo fácilmente y, especialmente, sus variantes (como, por ejemplo, color o talla), sin tener que depender del nombre, la descripción del producto o cómo estén implementadas estas variaciones en la plataforma de comercio electrónico.

Pero no solo se trata de hacer un seguimiento del inventario. También se trata de tener un sistema que podemos utilizar para conocer mejor las preferencias de nuestros clientes y ayudarnos a definir estrategias que mejoren nuestras ventas online.

Los códigos SKU son definidos por cada tienda online; es decir, no hay una institución global que asigne SKU’s a los productos y sus variantes.

Para construirlos, el administrador del catálogo de productos debe diseñar una nomenclatura de SKU que defina cómo crear el código SKU de un producto, basado en sus características, como categoría, marca o nombre del producto, variantes, etc.

Esto significa que dos tiendas online que vendan los mismos productos y variantes, cada una utilice diferentes SKU’s, según como lo hayan definido. Sin embargo, esto siempre es así; por ejemplo, cuando las tiendas online adoptan y copian los códigos SKU’s de sus proveedores.

 

¿El código SKU sirve para todas las tiendas online?


Por qué deberías usar SKU en tu tienda online WooCommerce: ¿sirve para todas las tiendas online?


Asumámoslo: llega un momento en la trayectoria del propietario de una tienda online en crecimiento en que la variedad y cantidad de productos se vuelve difícil de rastrear, localizar y analizar.

Por ejemplo, una pregunta tan sencilla como “¿Cómo se venden las variantes de un producto?” puede convertirse en una consulta interminable a lo largo de la base de datos, para localizar y contabilizar las ventas de cada variante.

Con un SKU bien definido y diseñado, este proceso es tan fácil como hacer una única búsqueda con el SKU de las variantes de ese producto.

A pesar de su utilidad manifiesta, muchos propietarios de tiendas online consideran que no necesitan disponer de un código SKU, por diversas razones, como:

  • El catálogo de la tienda online tiene un pequeño número de productos y variantes, de forma que el propietario lo tiene todo “a la vista” y no necesita ese tipo de identificación.

  • El número de ventas no es elevado, por lo que cualquier análisis de la evolución de las ventas y preferencias de los usuarios se realiza con bastante facilidad.

  • Los productos del catálogo no tienen ninguna variante, son los que son, por lo que no se aprovechan todas las ventajas del SKU.

Si bien estas objeciones son válidas (relativamente), también suponen un obstáculo en la evolución y crecimiento de nuestra tienda online. Quizás hoy, bajo estas condiciones, no saquemos provecho de todas las ventajas del SKU, pero podemos limitar el crecimiento de nuestras ventas en el futuro.

Porque llegará un momento, si seguimos creciendo, que necesitaremos disponer del SKU, tanto para garantizar la gestión adecuada del inventario como para alcanzar el máximo potencial de ventas.

Se podría argumentar que siempre se podrá añadir en el futuro, cuando haga falta y la tienda online sea más grande, pero entonces nos encontraríamos con una catálogo de productos mucho mayor y habría que revisar y actualizar cada producto para incorporar su SKU: puede ser fácil y rápido con 10 productos, pero una tarea interminable para cientos o miles de productos y variantes.

Por tanto, sin importar el tamaño de una tienda online, lo que se venda o a quién se venda, debemos utilizar SKU desde un primer momento. Después de todo, la plataforma de comercio electrónico WooCommerce lo incorpora como parte de las características de los productos y tan solo debemos editarlo.

 

 ¿Cómo generar el código SKU en nuestra tienda online?


¿Cómo generar el código SKU en nuestra tienda online?


Hemos comentado anteriormente que, por norma general, cada tienda online puede (y, en general, debería) crear su propia estructura de códigos SKU’s.

Ahora bien, esta codificación no debe hacerse a la ligera ni aleatoriamente, sino siguiendo unos criterios básicos para garantizar tanto la unicidad del SKU como su escalabilidad a medida que se amplía el catálogo de productos y sus variantes.

Podemos generar los códigos SKU tal como queramos, pero deberíamos utilizar un sistema homogéneo y estructurado para organizar el catálogo de productos y sus variantes.

No hay restricciones en cuanto a su longitud, pero dado que pretendemos ser capaces de reconocer los códigos SKU’s, deberemos optar por una codificación que sea fácil de leer y memorizar, utilizando combinaciones de números y/o letras bajo un determinado patrón.

Para conseguirlo, asignaremos un significado a cada carácter o secuencia de caracteres dentro del código SKU, acorde a algunas de las características del producto y sus variantes.

Por ejemplo, si nos decidimos por un código SKU de 8 caracteres, los dos primeros caracteres podrían referirse a la categoría del producto; los dos siguientes, a la subcategoría; los siguientes dos caracteres, al color del elemento; y los dos últimos caracteres, sería un identificador numérico secuencial.

Es necesario definir con antelación cómo será la codificación SKU según la estructura de nuestro catálogo de productos y nuestras necesidades o intereses para segmentarlo.

Además, debemos prever posibles ampliaciones del patrón de codificación, por lo que siempre deberemos dejar espacio para añadir nuevas categorías, variantes, etc.

Es mejor no precipitarse en esta asignación y pensarlo con detenimiento, porque modificaciones a posteriori, cuando todo nuestro catálogo ya está codificado con SKU, puede resultar en cambios masivos sobre éste que requerirían bastante tiempo y proclive a errores de recodificación.

 

Ejemplo de una codificación SKU

En una tienda de ropa, se podría hacer la siguiente codificación sobre la estructura del catálogo y las características de los productos:

  • Categorías: Hombres, Mujeres, Niños, Niñas…
  • Subcategorías: Camisas, Pantalones, Faldas, Vestidos…
  • Color: Azul, Verde, Rojo…
  • Talla: S, M, L, XL…

Para una camisa de hombre, color rojo y talla L, una codificación SKU válida podría ser: HO-CA-RO-L-001, donde:

  • HO corresponde a la categoría Hombres.
  • CA corresponde a la subcategoría Camisas.
  • RO corresponde al color Rojo.
  • L corresponde a la talla XL.
  • 001, es una numeración secuencial que se incrementa con cada nuevo producto.

Como podemos ver, a partir de este código SKU conocemos todas las características principales del producto y sus variantes, y es bastante fácil de recordar. La numeración final, sin ser imprescindible, nos ayuda a evaluar el tiempo de permanencia del producto en nuestro catálogo.

Los guiones utilizados en el código SKU no son imprescindibles y podemos obviarlos, aunque en algunos casos puede facilitar la lectura del código (en este caso, por ejemplo, para reconocer claramente la talla del producto, que tiene una longitud variable).

 

Recomendaciones para crear una codificación SKU eficiente


Recomendaciones para crear una codificación SKU eficiente


La primera recomendación, y más importante, ya la hemos visto en la sección anterior: dotar de significado al código SKU, de forma que sea fácil reconocer qué producto y variante está identificando con solo leerlo.

Aunque hay total libertad para crear nuestra propia codificación SKU, seguir las siguientes recomendaciones pueden evitarnos problemas a la hora de gestionar, implementar o utilizar los SKU’s:

  • Reutilizar SKU’s. Normalmente, no es necesario reutilizarlos (es decir, que un SKU identifique otro producto) pero cuando hacen referencia a productos obsoletos, que hace años que no vendemos, puede ser una buena opción en vez de tener que recrear una nueva codificación en caso de ampliación del catálogo.

  • Los 2-3 primeros caracteres deben corresponder a la categoría principal del catálogo. El resto de caracteres del código se van asignando en función de las características y variantes del producto, siempre en el mismo orden y disposición.

  • No utilizar el cero cómo primer carácter del código SKU. De hacerlo, corremos el riesgo que, durante el tratamiento informático de la información, ese cero se deseche y cambie la referencia del producto; por ejemplo, que el código “0123456789” se interprete como “123456789”.

  • Utilizar letras siempre que sea posible y debemos procurar que guarden relación o sean abreviaturas del concepto o característica que codifican, puesto que así serán mucho más fáciles de recordar; por ejemplo, la secuencia “MU” para representar la categoría “Mujeres”.

  • Evitar el uso de letras que parezcan números, para que no haya errores ni confusiones al leerlo y transcribirlo. Por ejemplo, la letra “i” mayúscula se puede confundir con la letra “ele”, o la cifra “cero” con la letra “o” mayúscula.

  • No utilizar los códigos del fabricante o proveedor. Como estos códigos ya cumplen el criterio de unicidad, podemos sentirnos tentados de utilizarlos, pero en tal caso, perderíamos la oportunidad de darle a nuestro SKU una interpretación emparejada con la estructura del catálogo de productos y sus variantes.

  • No sobrecargar el código con demasiados significados. Debemos evitar codificar todos los detalles de un producto, sino solo los más relevantes. En caso contrario, resultaría un código muy largo y sería más difícil de recordar el significado de cada secuencia interna de caracteres.
 

 Cuatro razones comerciales para utilizar SKU’s


Cuatro razones comerciales para utilizar SKU’s


Hasta ahora, hemos destacado que los códigos SKU son útiles para gestionar el inventario y stock de nuestro catálogo de productos y sus variantes. Pero además de mejorar la logística, también puede impactar directamente en nuestro volumen de ventas:

 

Búsqueda de productos

Una fuente importante de las visitas a una tienda online vendrá desde los resultados de los buscadores. Los clientes potenciales realizan búsquedas para averiguar dónde pueden comprar lo que necesitan, además de obtener el mejor precio o el envío más rápido.

Cuando los usuarios han reducido sus opciones a un producto específico, no es raro que busquen su código de identificación en Google para verificar el precio final o encontrar más tiendas.

Y ahí radica la necesidad de tener SKU’s: si no lo hacemos, la tienda online no aparecerá entre los resultados y perderemos la oportunidad de una venta. Compradores recurrentes

Imaginemos un cliente compra algunos de nuestros productos y está muy satisfecho con ellos, hasta el punto que está dispuesto a comprarlo de nuevo. ¿Cuál es la forma más rápida para que lo busquen?

Podrían escribir el nombre del producto o su descripción en el cuadro de búsqueda de la tienda online o en un buscador, con el riesgo de que elijan otras tiendas de la competencia.

Los clientes recurrentes que tienen acceso al SKU pueden utilizarlos para llegar directamente a los productos. Todo lo que tienen que hacer es copiar y pegar el código de sus correos electrónicos de confirmación de pedido, y llegarán a la página del producto que les interesa.

Esto es especialmente útil para los compradores desde dispositivos móviles, que tienen que utilizar pantallas más pequeñas para escribir las consultas.

Para ellos, copiar y pegar un código SKU es mucho más fácil que saltar entre aplicaciones para obtener el nombre y escribirlo manualmente en un cuadro de búsqueda o en el buscador.

 

Proveedor de otras tiendas

Muchas tiendas online amplían su rango de ventas vendiendo sus productos a otras tiendas a través de la venta al por mayor (B2B o Business-To-Business) y casi con seguridad nos exigirán que tengamos códigos SKU, para facilitar la integración con su propio sistema.

La forma de diferenciar los productos será a partir de los códigos de los artículos y necesitan esas combinaciones únicas de letras y números para determinar cuál es el producto que realmente quiere el cliente y dónde pueden obtener más.

Aún cuando hoy no vendamos a otras tiendas, disponer de códigos SKU’s ayuda a prepararnos para esa posibilidad, en que podemos suministrar productos a otras tiendas y que lo necesitan para operar adecuadamente.

 

Información para revendedores

En el punto anterior, destacábamos la importancia del SKU para que otras podamos proveer a otras tiendas. Además de esto, las SKU también son utilizadas para encontrar información de productos, precios al por mayor, imágenes y otros datos online.

Al igual que los clientes recurrentes, es más rápido y directo para un minorista hacer las búsquedas por SKU. Si somos mayoristas de otras tiendas, podrán usar el SKU para obtener rápidamente cualquier información de nuestros productos.

Si no disponemos de códigos SKU, estaremos lastrando la operatividad de estos compradores minoristas, hasta el punto que prefieran cambiar de proveedor mayorista y dejar de ser nuestros clientes.

 

 Cómo utilizar códigos SKU en WooCommerce

Añadir SKU’s en WooCommerce es muy fácil. Dada la importancia que tiene disponer de esta codificación, WooCommerce incluye en su instalación por defecto un campo para introducirlo en cada producto y sus variantes.

En el caso de una tienda online de nueva construcción, la edición del código SKU se hace simultáneamente a la creación de las páginas de los productos, basado en cómo hayamos definido la codificación del SKU.

A partir de ahí, cada vez que se añada un producto, debemos incluir el SKU siguiente el mismo procedimiento.

Ahora bien, si la tienda online ya está operativa y no hemos utilizado códigos SKU, la actualización de los productos puede ser un proceso largo y tedioso, proclive a errores. Afortunadamente, tenemos plugins que nos pueden ayudar en esta tarea.

En el siguiente vídeo, vemos cómo editar el SKU de un producto en una tienda online con WooCommerce y cómo utilizar un plugin para asignar automáticamente un SKU a los productos de una tienda online que ya estaba operativa:

 

   

 Conclusiones

Aunque pueda resultar superfluo añadir un código SKU a los productos de una tienda online, hay buenas razones para hacerlo. No solo facilitan la gestión del inventario, sino que aumentan el potencial de ingresos y ayudan a los clientes de todo tipo a encontrar y comprar nuestros productos.

A la hora de diseñar la codificación SKU, debemos asegurarnos de cumplir estos propósitos:

  • Que cada producto y variante tenga un único código SKU. A la inversa, que un código SKU haga referencia a una única combinación de producto y variantes.
  • Que la nomenclatura utilizada para el código SKU se pueda interpretar fácilmente para identificar a qué producto y variante corresponde.
  • En general, la codificación SKU debe seguir una estructura similar a la organización del catálogo de productos y las variantes disponibles; sin embargo, debe evitarse que sea demasiado largo, puesto que dificultaría su interpretación por parte de las personas.

Se tiende a pensar que los SKU’s son solamente útiles para las grandes tiendas online. Si bien es cierto que son éstas las que pueden sacar su máximo provecho, implantar una codificación SKU a un catálogo de productos ya construido puede ser una tarea complicada y proclive a errores.

Por dicho motivo, aunque la tienda online vaya a ser, inicialmente, de pequeño tamaño, el esfuerzo de añadir el SKU es tan reducido (se realiza al mismo tiempo que se crean las páginas de producto en WooCommerce) que debería hacerse desde el primer momento.

Cómo personalizar el enlace Leer Más en WordPress

$
0
0

Personalizar el enlace Leer Más en WordPress


Hoy en día, si vas a crear una página web WordPress o un sitio web profesional usualmente siempre incluirás una sección o apartado de blog en donde se muestren las noticias más recientes.

Generalmente este tipo de contenido es mostrado en un ítem de menú que lista todas estas entradas, las entradas en este listado solo muestran una parte de su contenido y al final del extracto suele haber un enlace de “leer más”.

Hoy, vamos a explicarte cómo incluir el enlace Leer Más en WordPress y cómo podemos personalizar el texto y la estructura o aspecto de este link. ¿Preparados?



 Incluyendo el enlace Leer Más en WordPress

WordPress permite incluir el enlace de Leer Más como parte de su funcionalidad pero para ello, tienes que ingresar a editar una entrada.

Si usas el editor Gutenberg puedes usar el bloque llamado “Más”, tal como se muestra en la siguiente imagen:


Agregar bloque Leer Más en WordPress


Puedes solamente ingresar un Leer Más por cada entrada; si ya existiese un Leer Más el bloque se deshabitará y ya no podrás agregar otro.

Al ver el listado de entradas verás algo similar a la siguiente imagen en donde tenemos un ítem de menú de blog que muestra las entradas recientes usando el tema Twenty Nineteen. Como verás se ha creado un enlace de Leer Más que nos lleva al detalle del artículo.


Listado de artículos antes de los cambios



¿Y el extracto de WordPress?

Al editar una entrada puedes ver que tienes una opción de agregar un extracto de la entrada, tal como se muestra en la imagen:


Sección de extracto


El extracto es una funcionalidad que tu tema puede o no incluir, si no agregas un Leer Más, WordPress buscará usar un extracto cuando se consulta un listado de entradas en algunos lugares específicos de tu sitio, por ejemplo cuando realizas una búsqueda.

Por defecto se genera un extracto con las 55 primeras palabras, sin embargo tal como ves en la imagen anterior es posible agregar un extracto a tus entradas de manera manual.


 Personalizando la estructura de Leer Más en WordPress

En nuestro ejemplo vemos que si usamos el tema Twenty Nineteen tenemos el texto “sigue leyendo”, además de una estructura HTML como la siguiente:

	
<a href=“#" class="more-link">Sigue leyendo <span class="screen-reader-text"> «Titulo artículo»</span> </a>
	

Podemos cambiar el texto y la estructura HTML usando un Hook de WordPress llamado the_content_more_link, tal como se muestra en el siguiente código:

	
function modify_read_more_link() {
    return '<a class="more-link btn-read-more" href="' . get_permalink() . '"> Leer más </a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );
	

Puedes agregar este código en el archivo functions.php de tu child-theme de WordPress.

En el código anterior:

  • Usamos el filtro the_content_more_link que hace referencia a la función modify_read_more_link.
  • Dentro de la función retornamos simplemente el enlace con la estructura modificada

 Agregando estilos al Leer Más en WordPress

En el código anterior simplemente hemos cambiado la estructura HTML y el texto pero sería más interesante destacar un poco más el enlace de Leer Más en WordPress, esto lo conseguimos usando estilos CSS:

El código anterior tiene una clase CSS que hemos agregado como parte de la estructura HTML llamada btn-read-more, podemos usar esa clase como base y construir el siguiente código CSS.


	.btn-read-more{
		background:#0073aa;
		padding:6px 12px;
		font-size:18px;
		border-radius: 4px;
		color:white!important;
		text-decoration: none!important;
	}

	.btn-read-more:hover{
		background-color:black;
	}

En el código anterior le hemos dado a nuestro enlace un aspecto de botón con un color de fondo por defecto que cambia cuando se pasa el mouse sobre el enlace, al final tendremos un resultado similar a como se muestra en la siguiente imagen:


Listado de artículos después de los cambios



 Vídeo explicativo

Y para concluir esta explicación sobre cómo personalizar el enlace Leer Más en WordPress, he preparado un vídeo tutorial muy sencillo con el que podás orientarte para hacerlo tú mismo y sin ningún tipo de complicaciones. ¡Espero que os guste!

 

 

 Conclusión

Tal como has podido ver, puedes retocar el enlace de leer más que aparece en un listado de entradas de manera simple a través de código, código PHP para cambiar la estructura y código CSS para darle un diseño diferente.

Cómo mejorar la accesibilidad en tiendas online WooCommerce

$
0
0

Cómo mejorar la accesibilidad en tiendas online WooCommerce


Existe un problema bastante grave cuando una empresa decide digitalizarse y crear un web corporativa o una tienda online.

Está muy bien que el diseño de la web se cree con WooCommerce, que tenga un diseño muy atractivo y que incluya los productos con las llamadas a la acción y colores para que el usuario termine comprando. Este es el objetivo, claro está, pero, ¿qué pasa con la accesibilidad?

¿Has pensado en las personas que tienes discapacidad? Sabes que no prestar atención al 100% de los usuarios puede restar muchas ventas online?

Las webs accesibles son necesarias para todo tipo de usuario y las personas con discapacidad necesitan, usan y tienen el mismo derecho que cualquier otra persona a disfrutar y poder navegar y comprar online.

De esto voy a hablar en este artículo, de la accesibilidad en tiendas online WooCommerce y porqué tu tienda online tiene que estar 100% adaptada a todo el mundo para que la usabilidad web sea perfecta.

     

 ¿Qué es la accesibilidad web?

La accesibilidad web es un Conjunto de técnicas, guías o métodos que hacen que los contenidos a funcionalidades de la web sean compatibles con todas necesidades de todas las personas sin tener en cuenta sus capacidades técnicas, físicas o tecnológicas.

Ante esta definición y viendo que WCAG (Web Content Accessibility Guidelines) tiene directrices para concienciar a todas las personas que tienen sitio web en que tienen que pensar en personas con discapacidad, es casi una obligación adaptar el sitio web a una accesibilidad completa.

Este es un tema que es necesario tratar y más hoy día donde la usabilidad y la navegación en dispositivos móviles es cada vez más importante.

 

 ¿A quién afecta la falta de accesibilidad en un eCommerce?

Cuando hablamos de dificultad en la accesibilidad en un eCommerce solemos pensar en un diseño donde la navegabilidad no es buena para el usuario, el diseño en móvil no es responsive o la navegación no invita a la conversión.

El problema de la accesibilidad va más allá, existen muchísimas personas con problemas de audición que no disponen de vídeos descriptivos con subtítulos de Youtube que harían su vida mucho más fácil por ejemplo.

Además, hay una gran cantidad de usuarios con pérdida de visión que a menudo tienen problemas para leer textos de color claro. Hace no mucho una persona ciega o sorda no podía enterarse de lo que ocurría, no podía leer las noticias, ver la televisión y tampoco escuchar la radio.

Y no solo eso, los contenidos de la web y la dificultad de comprensión de los mismos pueden dificultar a este tipo de personas comprender el mensaje tu sitio web.

Es por este motivo por el que la accesibilidad en un eCommerce puede cambiar la vida a este tipo de personas ya que estarás abriéndole la posibilidad de comprar online, y esto hoy día es un adelanto enorme.

Es muy bueno para ellos que mejores tu sitio web y sigas unas reglas para ponérselo más fácil y es bueno para tu negocio ya que vas a vender más al ganar un público con el que no contabas.

A lo mejor piensas que las personas con discapacidad no usan internet y si es el caso, estás equivocado.

Es cierto que la accesibilidad completa hoy en día al 100% es una utopía ya que hay discapacidades muy severas, pero se puede facilitar mucho mejorando tu sitio web si piensas en mejorar la vida a personas con deficiencias parciales visuales o auditivas.

Además, algo tan normal como el daltonismo puede estar haciendo que pierdas ventas en tu eCommerce y llegues a plantearte el rediseño de tu web y escoger otros botones call to action.

 

 Perfiles de usuarios que necesitan una buena accesibilidad web

Existen varias acciones que hay que implementar en una web para cada uno de los perfiles de usuario con dificultades de acceso.


Grupo de usuarios representando el perfil de usuarios con necesidades especiales de accesibilidad en una web


Vamos a verlo:

Personas con dificultad visual

Las discapacidades de tipo visual son aquellas que se refieren a la ceguera total o parcial. La mala visualización de colores obliga a que las web usen colores de alto contraste, formas e imágenes.

El daltonismo puede ser un problema grande de accesibilidad en una web que puede hacer que una tienda online no tenga las conversiones que debiera ya que el rojo y el verde suelen ser colores muy típicos en botones de acción.

Solo tienes que ver algo tan simple como rellenar un formulario de contacto y lo que puede complicar la vida a un deficiente visual.

Si el formulario cuenta con un texto rojo indicando que el campo es obligatorio y no muestra otro aviso, se está dificultando que la acción de rellenar el formulario pueda llevarse a cabo.

Si a esto le unes una tipografía pequeña, las probabilidades de que el usuario no continúe en tu web se disparan.

Personas con dificultad auditiva

Para mejor la usabilidad y experiencia en personas con dificultad auditiva hay que contemplar la posibilidad de insertar subtítulos en los vídeos además de ofrecer versiones de vídeo en idiomas alternativos.

Por suerte, páginas como Youtube hacen un esfuerzo enorme para que la mayor parte de su contenido esté subtitulado.

Las personas mayores

Como es normal, una gran parte de las personas mayores experimentan discapacidad visual y auditiva.

Además, otros problemas típicos como la disminución de la memoria y la falta de habilidades motoras son muy habituales según se van cumpliendo años.

Las visualización en móviles, a menudo requieren un texto más grande que sea más visible para los usuarios de mayor edad.

Habrá sectores donde sabes que una persona mayor no va a acceder y aunque no es muy normal que personas de edad avanzada compren por internet, hay que pensar en ellos.

Personas con discapacidad mental o de tipo cognitivo

Las personas con discapacidad intelectual o de tipo cognitivo deben ser tenidos también en cuenta.

Dificultades en el aprendizaje, como por ejemplo la dislexia, discapacidades cognitivas que afecten a la memoria, la atención o las habilidades lógicas son algunos de los problemas en los que hay que pensar cuando se diseña una web.

Amazon o eBay por ejemplo utilizan palabras sencillas para clasificar y describir los productos. Si tu tienda online quiere vender, debes evitar textos que puedan llevar confusión. La claridad es importante para cualquier usuario, y más para personas con discapacidad mental.

Hoy en día por suerte, este tipo de personas puede hacer lo mismo que tú, leer el periódico y navegar por la mayoría de las webs sin problemas, pero para ello es fundamental que al diseñar una web se piense también en estas personas con limitaciones.

 

 Características de un sitio web accesible

Un sitio web accesible es bueno si cumple una serie de requisitos:

  • La web tiene que ser transformable: la información y los servicios deben ser accesibles para todos y deben poder ser utilizados con todos los dispositivos de navegación.
  • Comprensible: los contenidos de la web han de ser claros y simples.
  • Navegable: como diseñador o dueño de la web tienes que hacer que los mecanismos de navegación sean sencillos.

Existen herramientas de ampliación de pantalla y screen readers (lectores de pantalla) para poner a este tipo de personas más fácil el acceso a la información.

Ebay, por ejemplo, etiqueta todas las imágenes de sus productos de manera explícita para que la web sea fácil de usar para las personas que utilizan estos softwares.

 

 6 consejos para mejorar la Accesibilidad Web en WooCommerce


Grupo de personas con dispositivos web junto a texto de consejos para mejorar la accesibilidad web en WooCommerce


WooCommerce como plugin para crear un tienda online en el CMS WordPress, cada vez piensa más en la accesibilidad y existen formas de hacer que una web sea accesible para todo el mundo.

Para ello hay que prestar atención a lo siguiente:

1. Uso del atributo alt (texto alternativo)

Este campo incluido en WordPress no sólo es válido para el SEO. La verdadera utilidad es mostrar un texto descriptivo de la imagen en el caso de que el navegador no se capaz de mostrarlo o el usuario tiene deficiencia visual.

Para rellenar el atributo alt de las imágenes de tu web solo tienes que ir a medios y en la imagen añadir un texto a la misma que represente lo más fielmente posible el dibujo.

2. Empleo de anchor text

Igual que el campo anterior ayuda a Google a identificar mejor por qué queremos posicionarnos. Es importante que evites botones con el texto “pincha aquí” o “ver más”.

El motivo es que haciendo esto los lectores de pantallas puedan leer el texto correctamente y el usuario sabe la acción que llevará a cabo al pinchar sobre el enlace.

3. Usa vídeos con subtítulos

En WordPress no se suelen subir vídeos directamente porque pesan mucho y el consumo de recursos del servidor y la velocidad de carga de la web se ven afectados.

Esto tiene fácil solución creando un canal de Youtube y optando por subir los vídeos a la web copiando el Iframe.

Dentro de las opciones de cada vídeo podrás hacer que tenga subtítulos y de esta manera ayudará a las personas sordo-ciegas.

4. No uses el color rojo para destacar cosas importantes

El color rojo se suele usar para resaltar alguna información importante. Esto está muy bien si no existieran personas con problemas de daltonismo.

Una buena opción de accesibilidad podrías ser emplear letras más grandes o iconos representativos.

5. Escribe de manera sencilla

Esto es algo básico a la hora de redactar contenidos y que deberíamos emplear para cualquier tipo de lector. Esto ayudará tanto a personas que tengan alguna discapacidad como aquellas que no tengan.

Para ello es importante que sigas alguno de estos consejos:

  • Usa tipografías que sean fácilmente legibles con un tamaño superior a los 15px (en Google Fonts encontrarás una gran variedad de ellas y totalmente gratis).
  • El contenido de los artículos debe ser fácilmente escaneable, es decir, que a simple vista el lector sepa que información va a encontrar en él.
  • Evita párrafos superiores a las 4 líneas.
  • Usa imágenes y diagramas que ayuden al lector con problemas a entender mejor el contenido.

6. Eliminar los límites de tiempo

Elimina o alarga los límites de tiempo de lectura en la web. Los usuarios con discapacidad necesitan más tiempo para navegar online.

 

 Beneficios de hacer tu eCommerce accesible

Diseñar una página web accesible beneficia a las personas con discapacidad, pero el propietario de la misma también se beneficia. Los motivos como dueño de la tienda online por los que tienes que hacer una web accesible es por lo siguiente:

  1. Incrementa el alcance y las probabilidades de aumento de ventas y clientes potenciales de tu web.
  2. Mejora la eficiencia y el tiempo de respuesta del sitio web
  3. Mejora el SEO como así muestra el W3C y las mejores que indica Google.
  4. Demuestra responsabilidad social y cumplimiento de la ley aumentado la reputación de tu negocio.
  5. Aumenta la usabilidad de la web.

Ahora puedes estar pensando si tu sitio web es accesible y como puedes saber si es. Puedes usar herramientas como Tawdis que te muestra un informe con las deficiencias de la misma.

De todas formas, existen plugins para todo y para mejorar la accesibilidad no podían faltar.

Vamos a ver algunos de ellos que te ayudarán a mejorar tu sitio web y mejorar aquella parte que no es tan usable.

 

 Plugins para mejorar la accesibilidad web en WordPress

Existen varios plugins para mejorar la experiencia online en personas con discapacidad. Vamos a ver 2 que son muy sencillos de manejar:

WP Accessibility


Cómo mejorar la accesibilidad en tiendas online WooCommerce


Los cambios en la web se pueden arreglar y preparar para una mayor accesibilidad pero hay veces que un tipo de diseño es necesario.

Para ello existe un plugin como WP Accessibility que permite:

  • Añadir una barra de herramientas para letras grandes y ajustes de contraste para una mejor visibilidad y accesibilidad escala de grises del tema y colores de alto contraste.
  • Permite agregar una descripción larga a las imágenes usando el campo description para ayudar a entender mejor la imagen en caso de dificultad visual.
  • Agregar los atributos ALT de las imágenes.
  • Permite modificar el CSS directamente para corregir inconvenientes de color.

One clic Accessibility


Cómo mejorar la accesibilidad en tiendas online WooCommerce


Plugin muy sencillo de manejar con opciones personalizables que incluyen un icono de silla de ruedas para que personas con discapacidad puedan navegar por tu web con la máxima eficiencia pudiendo:

  • Aumentar o disminuir el tamaño de la letra automáticamente.
  • Usar escala de grises.
  • Usar contrastes.
  • Crear fondo claro.
  • Subrayar enlaces.
  • Convertir el texto a una fuente legible y sencilla de leer.

Además permite elegir en qué dispositivos mostrar estas opciones así como modificar los textos de las funciones, crear enlaces de ayuda o escoger el icono a mostrar (silla de ruedas, accesibilidad o one click).

 

 Conclusión

Pensar en la accesibilidad en un eCommerce es muy importante hoy día no solo por ver la posibilidad de vender más, sobre todo por ayudar a una gran cantidad de personas a tener una mayor calidad de vida en internet.

Si mejoras la accesibilidad de tu sitio web estarás construyendo un mejor proyecto, con más alcance, con mayores probabilidades de vender y mejor visto por Google.

Decálogo para aumentar las ventas de tu eCommerce

$
0
0

Decálogo para aumentar las ventas de tu eCommerce


En este artículo quiero mostrarte un decálogo para aumentar las ventas de tu eCommerce, que te permita intentar ser el rey o reina del comercio electrónico si ya tienes o estás pensando en crear una tienda online.

Puede sonar muy pretencioso, pero es algo que está al alcance de tu mano.

Claro está, que los productos o servicios que ofrezcas deben estar a la altura del reto que te propongo porque si no tienes calidad, podrás engañar a algunos potenciales clientes durante un tiempo pero no a todos siempre.

Con estos trucos que te muestro a continuación, podrás estar al alcance de todo el mundo.

Todo el que quiera aplicar estas recomendaciones podrá hacerlo, porque no vas a necesitar grandes conocimientos técnicos y grandes cantidades de dinero. Te aseguro que son tips que funcionan.

Bien es cierto, que si pagas una fortuna a Google y Facebook podrás conseguir gran cantidad de ventas. Pero, ¿quién tiene esa fortuna para invertir en Google ads o Facebook ads?

     

 10 Factores imprescindibles (decálogo) para aumentar las ventas de tu eCommerce


Infografía: decálogo para aumentar las ventas de tu eCommerce


Quiero empezar este decálogo hablando sobre los factores más técnicos, que pudieran necesitar de personal más cualificado y con los conocimientos técnicos suficientes.

Pero el resto de factores, son fácilmente implementables por cualquier propietario de una tienda online, sin necesidad de otra cosa más que aplicar los siguientes consejos:

 

 1.- Optimiza tu eCommerce

  • Este debería ser el primer paso a tener en cuenta.Tener una tienda online profesional con apariencia corporativa.
  • Observa y vigila la velocidad de carga. Es fundamental que cargue en un segundo. Cuanto más tiempo tarde en cargar más gente pasará al siguiente resultado de la lista.

  • Revisa la estructura de tu sitio, que esté todo donde tiene que estar y sea de fácil acceso.

  • Pocos usuarios harán click ventana tras ventana hasta que le salga el artículo o servicio que esté buscando. Todo el contenido debería estar a un máximo de tres clicks.

  • Prepara una buena estrategia de SEO, busca las palabras clave que utilizan los usuarios para buscar tus productos o servicios y crea long tails que te atraigan potenciales compradores (no es lo mismo que te visiten por “cañas de pescar” que por “comprar online cañas de pescar Asari”.

  • Con la primera keyword, te pueden visitar periodistas buscando información para escribir un artículo; con la long tail te encuentra una persona que está buscando exactamente comprar online una caña de pescar de la famosa marca Asari.
 

 2.- Destaca tu objetivo principal en la home de tu eCommerce

¿Cuál es tu mejor producto o servicio? ¿Por qué esconderlo en páginas interiores y hacer al visitante que pierda el tiempo buscándolo?

Si tienes una tienda física, en tu escaparate pones tus mejores ofertas, tus mejores productos.

Pues en una tienda online, si quieres aumentar las ventas, debes utilizar la home como tu escaparate virtual y situar en él lo mejor que tengas en ese momento.

Y no se trata sólo de una foto con una descripción, sino también con el botón de compra lo más grande y visible posible.

Que el visitante que llegue a tu tienda no tenga que hacer otra cosa nada más que acceder a tu eCommerce y hacer click en el botón de compra.

Esto, estarás pensando, implicaría que la home debe ser modificada con cierta frecuencia, ya que dependiendo de la temporada, de la época o de las novedades que te vayan llegando, necesitarás implementarlo dentro de tu página principal.

Ese cambio es muy bueno para generar mayor visibilidad en los buscadores. Y esto a su vez, atraerá a potenciales clientes que te harán incrementar tus ventas online. ¡¡¡Todo son ventajas!!!

 

 3.- Diseñar tu página de producto como landing pages

Las “páginas de aterrizaje” o landing pages están pensadas para enganchar al visitante y transformarlo en cliente, para que todo aquel que llegue a verlas realice lo que queramos.

En las landing pages se suelen pedir los datos personales a los usuarios, para poder aumentar nuestro fichero de seguidores, que comparta información; descargue algún producto o se suscriba a algún servicio…

Para aumentar las ventas de nuestro negocio, es importante que transformes la típica página de los productos en una landing page, en vez de tener una ficha de cada artículo.

Eso nos hará destacar de la competencia, que es algo muy bueno, pero también aumentará nuestras ventas.

La landing page del producto estará diseñada para que el visitante se transforme en cliente y, a ser posible, en un cliente recurrente.

Estos tres primeros factores o tips para incrementar las ventas en tu eCommerce son más técnicos y requieren de profesionales con conocimientos en la materia.

A partir de aquí, las recomendaciones siguientes podrás llevarlas a cabo tú mismo sin mayores problemas.

Dependerá más de tus ganas, habilidades o destrezas, para poder hacerlos más o menos atractivos, que de dinero o conocimientos técnicos.

 

 4.- Garantiza la fecha de entrega

Muchas veces, las compras online se hacen por el precio, generalmente más barato que en tiendas físicas.

Otras veces, se hace porque no tenemos una tienda física cerca para poder realizar nuestra compra.

Pocas veces se habla de por qué no compramos online. Y una de las razones es la entrega.

Si quieres incrementar tus ventas debes garantizar la fecha de entrega. No puede ser que compres un regalo para un ser querido y dicho regalo te llegue cuatro días después de la fecha de la celebración.

Lo mismo puede pasar si compras online material de oficina, por ejemplo. No te puedes quedar tres días sin tinta en la impresora porque compraste cartuchos muy baratos, a portes gratuitos…, pero llevas tres días sin poder imprimir facturas, sin poder enviarlas… sin poder cobrarlas.

¿Entiendes por dónde va la cosa?

Si garantizas la fecha de entrega (da un poco igual si es al día siguiente, dos días después o una semana) tu comprador podrá planificar cuándo debe hacerte la compra de tus productos para que le lleguen cuando los necesite.

Y para “rizar más el rizo”, puedes habilitar que ellos mismos creen un usuarios y contraseñas seguras en tu eCommerce, para que puedan ir haciendo seguimiento de en qué estado se encuentra su pedido.

 

 5.- Campañas promocionales

Algo que incrementa las ventas online es el ahora famoso “Black Friday”. Eso tienes que aprovecharlo tú también.

Pero no hace falta que hagas tu campaña promocional justo el viernes en el que todo el comercio electrónico mundial está lanzando sus promociones.

Tendrás muchísima competencia, y deberás destacar muy mucho de todo ese “ruido” de ofertas y promociones.

Coge un calendario y comienza a sacar fechas que podrían servirte para montar una campaña promocional:

  • Día de Reyes.
  • Día de los Enamorados.
  • Día del padre.
  • Día de la madre.
  • Día de tu localidad, de tu provincia, de tu comunidad.
  • Fiestas de tu barrio, etc.

Como ves hay muchas fechas que podrías usar para montar una campaña promocional que te sirva para aumentar tus ventas.

 

 6.- Crear una “zona vip”

A todos nos gusta sentirnos personas VIP (Very Important Person, Persona Muy Importante).

Sentirse miembro de un club exclusivo, con acceso restringido y oportunidades a la que no todo el mundo puede acceder, es un gran reclamo para incrementar las ventas en tu eCommerce.

¿Requisitos para acceder a este club?

Llegar a un mínimo de compras, comprar un mínimo determinado de veces… o tener un nivel de compras constante a lo largo del tiempo.

¿Beneficios de pertenecer a este club?

Ofertas exclusivas sólo para los miembros del club; compras de tus artículos antes de que comiencen las promociones; regalos automáticos cuando se llega a un nivel de compras…

Con un poco de imaginación y un folio en blanco seguro que serás capaz de redactar los requisitos que te convienen a ti y los beneficios que ofrecerás, que también te convienen a ti.

No hace falta complicar mucho la cosa, el objetivo final es incrementar las ventas, no crear un sistema revolucionario (que también podría ser).

 

 7.- Tarjetas Regalo

Es una magnífica forma de incrementar las ventas en tu eCommerce porque todos salen ganando.

El que tiene que hacer un regalo y no sabe qué regalar ya te ha pagado por adelantado sin comprarte nada todavía; el que recibe la tarjeta regalo tiene necesariamente que comprarte a ti lo que él quiera, desee o necesite; tu ganas una venta, varias visitas a tu tienda online y, posiblemente, dos nuevos clientes.

A las tarjetas regalo yo les implementaría el envoltorio de la entrega. Puesto que es un regalo, lo lógico sería que nos esmeremos un poco en la presentación del producto.

Iría un poco más allá, si sabemos el motivo del regalo, acompañar en el paquete una tarjeta de felicitación de parte de nuestra empresa, sus trabajadores, etc, por ejemplo: “Nuestros mejores deseos por tu aniversario de boda, cumpleaños, jubilación…”

 

 8.- Vender nuestros productos en otras plataformas

Aunque nuestra tienda online deba ser nuestro buque insignia al que dedicaremos casi todos nuestros esfuerzos de venta, tenemos actualmente muchas otras posibilidades de vender online.

Existen plataformas para vender nuestros productos que funcionan como centros comerciales online al que acude la gente a curiosear o a buscar artículos concretos.

Me estoy refiriendo a la posibilidad de montar una tienda online en Amazon, tener un perfil en wallapop o utilizar nuestra página de empresa de Facebook para vender nuestros productos.

Nuestra tienda online sería una especie de tienda de barrio que la gente visita si oye hablar de ella o se la encuentra de casualidad.

Nuestra presencia en Amazon, wallapop o Facebook market funcionaría igual que un centro comercial, que todo el mundo conoce, del que todo el mundo ha oído hablar, sabe dónde está, y visita, no tanto por ir a una “tienda” concreta sino para ver qué es lo que puede encontrar; o ver si encuentra a buen precio el artículo que está buscando.

Aumentando nuestros puntos de venta y aprovechándonos de la fama de las plataformas, podremos aumentar nuestras ventas sin demasiado trabajo, planificación o esfuerzo.

Y con Wallapop y Facebook tampoco nos costará un duro.

 

 9.- Busca recomendaciones de influencers

Si un familiar o amigo te habla bien de un sitio, un producto o un servicio, tú estarás más predispuesto a comprar o contratarlo. Así funciona el ser humano desde que el mundo es mundo.

Ahora, en la era digital, nos fiamos también de los llamados influencers.

Personas que a veces son referentes de su sector, y otras veces son simples personas normales y corrientes que han caído en gracia.

Según sea el sector en el que te muevas, deberías investigar qué personas tienen influencia o reconocimiento notorio.

Una vez que sepas a quién tienes de dirigirte, deberás crear una estrategia para ganártelo para tu negocio y tus intereses. Si tienes dinero siempre podrás contratar sus servicios.

Si las grandes corporaciones contratan los servicios de grandes deportistas y cantantes de éxito internacional, puedes estar seguro que la estrategia de los influencers incrementa las ventas sí o sí.

En nuestro caso, a nuestro nivel, es evidente que no podremos contratar los servicios de Rafa Nadal, por ejemplo, pero sí podemos intentar llamar su atención sobre nuestro producto o servicio.

 

 10.- Difunde tus productos por las distintas plataformas

Si ya tienes una tienda online, es lógico pensar que también tendrás presencia en las diferentes redes sociales.

Ya sabes qué tienes que hacer. En Twitter, Instagram, Pinterest… poco más que publicar en tu perfil de empresa puedes hacer. Pero en Linkedin y Facebook hay mucho más donde difundir.

En Facebook debes publicar en tu página de empresa, lógicamente. Pero también puedes, y debes, usar tu perfil personal para publicar en los diferentes grupos que existen.

Hay miles y miles de ellos, unos dedicados a la compraventa, otros a difundir el comercio local, otros más específicos dedicados a los apasionados de tu sector…

Cada uno de tus artículos puede ser publicitado y difundido en una gran cantidad de grupos y comunidades.

En Linkedin no hay tanta variedad de grupos como en Facebook, pero también puedes sacarle partido.

Al final del día, puedes haber difundido un solo artículo en más de 50 sitios en las distintas redes sociales sin ningún problema.

Y sin invertir un solo céntimo.

Además, si no dispones de demasiado tiempo, puedes ayudarte de los planificadores de Hootsuite o Metricool.

Yo uso ésta última, que además tiene un mapa de calor, basado en diferentes tonalidades de color, a través del cual puedes conocer cuál es la mejor hora para publicar en cada plataforma social.


Planificación de difusión en plataformas sociales


 

 Ejemplos exitosos

Quiero terminar este artículo, mostrándote que todo lo que te he dicho ya está más que demostrado que funciona bien.

Yo no he inventado nada, me he limitado a recopilar estos diez tips para que puedas aumentar las ventas de tu eCommerce con algunos consejos que otros ya han usado antes.

La cuestión es que le des tu toque personal, tu impronta propia para diferenciarte y destacarte de la competencia.


Ejemplo exitoso de lading para aumentar las ventas de tu eCommerce: H.Bloom


Un gran ejemplo de landing page en un eCommerce, en este caso es una floristería online. Su página de aterrizaje es directamente su tienda, y en el centro de la pantalla: el botón para comprar.

Todavía no has elegido nada, no sabes qué tipo de ramo tienen, ni sus precios. Pero eso da igual. Primero pincha en el botón central de compra y luego ya vamos viendo qué quieres comprar, qué te quieres gastar, cómo lo vas a pagar…

Si el todopoderoso Amazon lo hace, es que funciona.

La personalización de los cheques regalo es algo muy importante. Así te adaptas a todos los bolsillos y a todas las ocasiones.


Ejemplo exitoso para aumentar las ventas de tu eCommerce: cheques regalo


Como veis, en Facebook lo mismo venden un ordenador, que una parcela en el campo, que un todoterreno de época…

Tú, que ya sabes vender, puedes destacar de entre los particulares y otras empresas que utilizan este método para vender sus productos.


Ejemplo exitoso para aumentar las ventas de tu eCommerce: tienda en Facebook


Un buen ejemplo de tienda online, es la que puedes implementar en Facebook. Donde el proceso de compra finaliza en el carrito de tu tienda online.

Pero los visitantes y todo el proceso de venta se hace desde la red social con más usuarios activos al mes de todo el mundo.

Espero que toda esta información te ayude a aumentar las ventas de tu eCommerce y las pongas en práctica cuanto antes.

Qué es el loop de WordPress

$
0
0

Qué es el loop de WordPress


El Loop de WordPress es una funcionalidad estándar adoptada en el desarrollo de WordPress para mostrar contenido.

Si alguna vez has querido hacer cambios en código a los archivos de tu theme es posible que te hayas topado con esta funcionalidad ya que usualmente se usa el código de Loop como parte de los archivos de tu tema.

Loop se puede traducir como bucle, y esa idea de bucle nos lleva a pensar que esta funcionalidad de Loop en WordPress solo serviría para mostrar una lista de artículos.

Sin embargo con el Loop es posible mostrar también entradas individuales; de hecho podemos mostrar cualquier Custom Post Type (entradas, páginas, etc.) usando la funcionalidad de Loop.

 ¿Cómo se genera el contenido?

Antes de profundizar en el Loop de WordPress es necesario, primero, entender cómo se genera el contenido.

Seguramente te estarás preguntado, ok, el Loop de WordPress sirve para mostrar contenido, pero, ¿cómo sabe WordPress qué contenido mostrar?, es allí en donde entran en juego las URLs.

Si te has dado cuenta, se muestra contenido diferente cada vez que la url cambia en la barra de direcciones de tu navegador.

De manera resumida el proceso sería el siguiente:

  • Se consulta una url: si esta url es un archivo, entonces se recupera directamente el archivo.
    Esto lo puedes comprobar, por ejemplo, consultando directamente tu archivo http://tudominio.com/robots.txt, verás que se muestra directamente, es decir WordPress no interviene en esta petición.

  • Si la url no hace referencia a un archivo concreto entonces posiblemente tengas una url que hace referencia a una página, a una entrada, a una categoría, etc. La url puede ser una url amigable o puede ser una url con parámetros (en caso no hayas habilitado urls amigables en tu sitio).

  • Todas las peticiones de WordPress pasan por el archivo index.php que está en la raíz de tu sitio. Desde allí se realizan una serie de procesos para recuperar los datos de la base de datos con los parámetros de la url.

  • Se recuperan los datos y para mostrarlos se usa el tema que tienes activo: el tema tiene una serie de archivos que se utilizan jerárquicamente dependiendo del contenido a mostrar.

 ¿Qué es Jerarquía de archivos del tema?

Teniendo claro cómo se genera el contenido, entonces ahora nos haremos la pregunta: ¿cómo sabe WordPress qué archivo del tema usar para mostrar el contenido? Es aquí en donde entra en juego la jerarquía de archivos del tema.

En la siguiente imagen podemos ver la jerarquía de archivos que podría tener un tema o plantilla de Wor:

Grafico jerarquía archivos themes WordPress

Ten en cuenta que un tema no necesariamente debe tener todos los archivos aquí mostrados.

La prioridad de carga de los archivos va de izquierda a derecha, por ejemplo, si no existe el archivo category.php buscará el archivo archive.php, si éste no existe entonces usará index.php como última opción.

Dependiendo del archivo a usar, en este archivo del tema hay una lógica de Loop de WordPress que servirá para mostrar el contenido. Por ejemplo, si estamos viendo el detalle de un artículo, entonces posiblemente WordPress utilice el archivo single.php del tema que estás usando.

 Loop en WordPress

En la siguiente imagen vemos un ejemplo de Loop de WordPress t en este caso se están mostrando varias entradas, una detrás de otra, en el tema es Twenty Seventeen y se está utilizando el archivo archive.php. Es en este archivo en donde hay una lógica de Loop.

Loop en listado de entradas

Sin embargo, como hemos comentado antes, no solo usamos el Loop para mostrar una lista de entradas, sino que es posible mostrar contenido individual.

En la siguiente imagen estamos mostrando el detalle de una entrada, el tema es igualmente el tema Twenty Seventeen y el archivo al que se está haciendo referencia es single.php. Es decir, la lógica de Loop está dentro de este archivo y muestra únicamente una entrada.

Loop en detalle de entrada

 Código base del Loop de WordPress

La mejor forma de entender el código de Loop es simplificarlo y quedarnos solamente con el código básico, tienes que tener además conocimientos básicos de programación PHP.

El siguiente código muestra el código base de Loop en WordPress.


if ( have_posts() ) {
	while ( have_posts() ) {
		the_post();
		// Contenido Aqui
	}
}

Básicamente el código tiene dos partes:

  • La primera parte es una comprobación, a través de la función have_posts(), verificamos si hay contenido a mostrar, si no hay contenido evitamos entrar al bucle.

  • La otra parte es el bucle en sí usando la estructura de PHP while(), por cada recorrido volvemos a comprobar si hay contenido; dentro del bucle llamamos a la función the_post() que brinda funcionalidad de puntero para ubicarnos en el registro con contenido y luego podemos mostrar el contenido.

 ¿Cómo mostramos el contenido?

Para mostrar contenido podemos usar las funciones de WordPress. En el bucle hemos utilizado de momento dos funciones: have_post() y the_post(), pero WordPress dispone de muchas más.

Las funciones que van dentro del bucle de WordPress son parte de las funciones que se usan al construir un tema. Puedes ver una lista completa de estas funciones en la documentación de template tags.

Algunas de las funciones que podemos usar dentro del bucle de WordPress son:

  • the_title()
  • the_content()
  • the_author()
  • the_permalink()
  • the_ID(), etc.

En este caso estas funciones imprimirán el valor recuperado del registro actual. Si no quieres imprimirlo directamente, cada función tiene un equivalente, por ejemplo:

  • get_the_title()
  • get_the_content()
  • get_the_author()
  • get_the_permalink()
  • get_the_ID(), etc.

 Ejemplo real de Loop en WordPress

Cuando inspeccionamos los archivos del theme veremos que la construcción de Loop a primera vista difiere mucho de nuestro código base anterior.

En el siguiente código vemos un ejemplo real de uso de un Loop de WordPress para mostrar contenido.


<?php 

if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

	<article class="<?php post_class();?>">
		<header>
		<h1><?php the_title(); ?></h1>
		</header>
		<?php the_content(); ?>
	</article>

<?php endwhile; else: ?>

	<article>
		<p>No hay contenido a mostrar </p>
	</article>

<?php endif; ?>

El código anterior tiene las siguientes características:

  • Hemos combinado código PHP con código HTML.
  • Usamos un else en caso de que no haya contenido.
  • Simplificamos el código PHP poniéndolo en una sola línea, así evitamos abrir y cerrar PHP varias veces.
  • Usamos las funciones de template tags dentro del bucle.

 Vídeo tutorial sobre el Loop de WordPress

 

 

 Conclusión

La estructura de Loop es una parte importante que incluye WordPress como parte de su funcionalidad.

Espero que te haya quedado un poco más claro qué es y cómo funciona y si en algún momento necesitas modificar algo, ya sabes que tienes primero que ubicar el archivo de tu tema, ubicar el código de Loop y dentro de éste usar las diferentes funciones de template tags para mostrar tu información.

Cuánto cuesta un dominio en México

$
0
0

¿Cuánto cuesta un dominio en México?


Cuando pensamos en el valor económico de un producto o servicio, generalmente lo hacemos en base a los beneficios que nos reporta.

El dominio, a pesar de ser un elemento central en un proyecto web, casualmente es el que menos dinero cuesta.

Vamos primero a ver qué es un dominio, qué función tiene, qué ventajas tiene registrar un dominio en México y cuando tengas toda esa información, te voy a mostrar el precio concreto de tener un dominio con las extensiones .mx y .com.mx.

¡Prepárate porque te vas a sorprender cuando veas lo baratos que son!

     

 ¿Qué es un dominio?

Un dominio no es más que un nombre de marca, aunque tiene algunas particularidades.

Al poner en marcha un proyecto empresarial lo habitual es tener registrada la marca de tu empresa y tu/s productos. De ese modo los usuarios te van a identificar a través de esa marca.

Puedes además definir tu marca de forma gráfica con algún logotipo, tipografía, etc pero lo esencial es que tu marca esté registrada y tengas la patente de uso de esa marca y/o producto.

Si alguna vez has tenido que registrar tu empresa, tu marca, patentar un producto, ... sabrás que son gestiones que generalmente consumen gran cantidad de recursos. Vas a tener que hacer una buena inversión tanto en tiempo como en dinero y gestiones.

Pero la recompensa bien lo vale. Con esa inversión conseguirás que los usuarios te identifiquen a ti, a tus servicios o a tus productos. No solo eso. Necesitarás que te identifiquen de forma inequívoca y unívoca.

Tú y solo tú eres esa marca. Tú y solo tú puedes facilitar ese servicio. Tú y solo tú te encargarás de suministrar ese producto.

 

 ¿Qué función tiene un dominio?

Tiene exactamente la misma función que tiene el registro de una empresa, una marca, un producto o servicio... La función de un dominio es identificar de forma unívoca e inequívoca un proyecto web.

El dominio es el nombre con el que los usuarios van a identificar tu proyecto web. Usarán el dominio para enviarte emails a @elnombredetudominio.ext y también lo usarán para pulsar sobre él en Google y entrar en tu web.


¿Cuánto cuesta un dominio en México?: función de un dominio


Como no todos los usuarios usan buscadores como Google, también tienen opción de teclear el nombre de dominio en la barra de direcciones de su navegador y de ese modo acceder a tu web.

 

 Diferencias y similitudes entre registros de marca y registros de dominio


¿Cuánto cuesta un dominio en México?:  registros de marca y registros de dominio


Veamos cuáles son las diferencias y similitudes entre registrar marcas y registrar dominios.

La primera similitud ya la hemos visto y es la funcionalidad de identificación.

La primera diferencia que debemos señalar es que la mayor parte de las marcas se registran con una dimensión nacional. Los dominios sin embargo van a tener una dimensión internacional.

Cualquier dominio que registres va a ser único en el mundo. Nadie más podrá tenerlo.

Eso sí, ten en cuenta que el nombre de dominio se compone de dos apartados: el nombre y la extensión. La combinación es lo que será único a nivel mundial.

Por ejemplo el dominio webempresa.com es único en el mundo; pero pueden haber otros dominios con el nombre de webempresa seguido de otra extensión. Por ejemplo podemos encontrar webempresa.mx, webempresa.es o webempresa.com.mx.

Cada uno de ellos tiene el mismo nombre pero una extensión diferente. Cada uno de ellos es un dominio diferente.

Por otro lado estará la diferencia en el tiempo que se tarda en completar el registro. En los dominios, el registro se realiza de forma inmediata o en plazos de pocas horas mientras que en el caso de las marcas comerciales, como sabes es un proceso que puede demorar meses en completarse.

Otra diferencia entre registrar una marca o un dominio es la disponibilidad. Como las marcas están disponibles a nivel nacional en algunas ocasiones el registro en esa región requerirá que tengas presencia física en esa zona geográfica y por tanto tu empresa tendrá que tener una sede en ese país.

Aunque en algunos dominios territoriales se podría aplicar la misma norma, lo más habitual es que esto no sea lo que aplica en los dominios.

Un dominio lo puede registrar cualquier persona/empresa desde cualquier país (a excepción de aquellos que por cuestiones estratégicas o legislativas hayan sido restringidos a entidades concretas tales como instituciones gubernamentales u organismos públicos).

 

 Tipos de dominios

Tenemos que diferenciar entre los dominios que tienen una extensión funcional  (conocidos como dominios genéricos o gTLD) de los que tienen una extensión territorial.


¿Cuánto cuesta un dominio en México?:  tipos de dominios


Los dominios con extensión funcional son dominios que terminan en:

  • .com si se van a usar con fines comerciales
  • .edu los que identifican centros educativos como universidades por ejemplo.
  • .org los que identifican a entidades sin ánimo de lucro.
  • .net para proyectos enfocados a tecnología y telecomunicaciones.
  • Etcétera.

Los dominios de ámbito territorial son los que les dicen a tus usuarios en qué territorio estás interesado en actuar. Podemos encontrar dominios con extensión:

  • .es para España.
  • .eu para Europa.
  • .mx para México.
  • .lat para América Latina.
  • Etcétera.

Debido a la proliferación de proyectos web (más de 1.000 millones de webs se han creado desde los años 80 tras la aparición de Internet) y sabiendo que un dominio solo existe una vez en el mundo hemos entrado en escasez de dominios. Esa escasez ha tenido tres consecuencias:

  1. Pérdida del sentido de las extensiones de dominio. Si un usuario no encuentra el dominio que le interesa en la extensión adecuada, buscará y registrará ese nombre con otra extensión.

    De ese modo encontraremos dominios .net que no se relacionan con el sector de la tecnología o blogs de usuarios que no quieren vender nada pero usan dominios .com, academias y centros formativos que registran dominios .com por ser la extensión más conocida, etc...

  2. Proliferación de nuevas extensiones: Recientemente se han creado nuevas extensiones de dominio que no están limitadas a las 3 letras que se usaban tradicionalmente para las extensiones de dominio.

    Si tienes curiosidad puedes ver las extensiones disponibles en la web de ICANN.

  3. Ciberocupación: Consiste en registrar un dominio haciendo uso de una palabra que está vinculada a un marca existente. De ese modo se estará impidiendo que el legítimo titular de esa marca pueda registrar ese dominio.

    La ciberocupación tiene como objetivo pedir un precio de "rescate" a ese titular que será sensiblemente superior al que fijaría cualquier registrador.

Para este último supuesto existen mecanismos que permitirán al titular reclamar ese dominio, sin embargo suelen precisar de unos costes y tiempos que no siempre están al alcance de las pequeñas empresas.

 

Si me permites un consejo te diría que planifiques bien en qué áreas te quieres posicionar, define tu ámbito de actuación y el mercado al que te enfocas y registra el o los dominios que tengan la extensión de esa zona geográfica.

Añade a esos dominios los dominios funcionales que se adecúen a tu proyecto, como por ejemplo un dominio .com si te dedicas a vender un producto o servicio.

   

 ¿Por qué me interesa registrar un dominio en México?


¿Por qué me interesa registrar un dominio en México?


Un motivo muy importante es que México es un país con 129 millones de habitantes.

Además es una economía emergente y eso significa que está en pleno proceso de crecimiento y hay sectores en los que puedes encontrar tu hueco de acción.

Si tienes interés por posicionarte en México, sin duda te interesa tener registrado tu dominio tanto con extensión .mx como con extensión .com.mx.

Ambas extensiones identifican a las empresas que trabajan con usuarios de México y a las que les interesa operar en esa zona geográfica. Si tuvieras que decantarte solo por una te aconsejo elegir la extensión .mx.

Pero por poco que puedas, registra ambas para evitar encontrarte con esa temible ciberocupación que te expliqué antes.

Te interesa tener tumarca.mx, tu marca.com.mx pero también te interesan dominos que contengan aquellas palabras clave que enlazan con el objetivo de tu proyecto web. Pueden ser palabras genéricas combinadas (o no) con el nombre de tu producto y/o empresa.

Si estás en el proceso de elegir el dominio adecuado para tu web tienes algunas ideas en el artículo sobre cómo elegir un buen nombre de dominio web que hemos publicado .

 

 ¿Cuánto cuesta un dominio en México?


¿Cuánto cuesta un dominio en México?: precios


Como te decía al inicio de esta entrada del blog, el precio depende del valor que tiene el servicio o producto que compras.

Para tener un proyecto web activado necesitas 3 servicios:

  • El hosting: Aunque va a variar mucho el precio dependiendo de la dimensión del proyecto, podríamos decir que en proyectos pequeños están en precios que rondarán los 100$ al año. Puedes revisar nuestros planes de hosting para WordPress en México.

  • La página web: nuevamente el precio va a fluctuar mucho. Hay grandes diferentes entre quienes se hacen la web ellos mismos a quienes piden a un desarrollador que se la cree.

    Para que podamos establecer un precio podríamos decir que en el mejor de los casos estaría rondando unos 500$ si le pides a un tercero que te haga el desarrollo.

  • El dominio: El precio dependerá de la extensión de dominio que elijas pero fluctuará entre los 10-30$ al año aproximadamente.

Hay una inversión que se suele hacer también en los proyectos web y es la que está relacionada con el posicionamiento web.

Para salir bien posicionados en los buscadores como Google se requiere un trabajo de empresas especializadas que tendrán unas tarifas que difícilmente serán de menos de 200$ y harán un trabajo que se alargará durante unos meses. Por tanto ese importe tendrías que multiplicarlo por los meses en que tengas ese servicio de posicionamiento.

Tomando estos valores como referencia, el precio del dominio supone menos del 5% del coste que implica la inversión anual en un proyecto web. Sin embargo como te comenté anteriormente usar el dominio es un elemento esencial para darte autoridad y posicionarte en un territorio como México.

Si estás interesado en comprobar si está libre el dominio que te interesa pulsa en nuestro buscador de dominios.

En Webempresa puedes registrar el dominio .com.mx por un precio anual de 14.99$ y en el caso de los dominios .mx el precio anual es de 37.99$.

 

 Conclusión

¿Todavía no tienes dominios registrados para trabajar tu proyecto web en México?

¡Los dominios .com.mx y .mx te interesan!

ERR_TOO_MANY_REDIRECTS en WordPress

$
0
0

ERR_TOO_MANY_REDIRECTS en WordPress: qué es y cómo solucionarlo


Es posible que alguna vez, cuando has intentado entrar en tu página web WordPress o en alguna otra, esta no se viese y en lugar de aparecer el contenido, se haya mostrado el error "ERR_TOO_MANY_REDIRECTS", es decir, “esta página tiene un bucle de redireccionamiento” .

Si este es tu caso ¡No te preocupes!. Este error normalmente es fácil de solucionar y en este artículo te vamos a enseñar cómo hacerlo. ;)

     

 ¿Qué significa “err_too_many_redirects”?

El error err_too_many_redirects es más común de lo que pueda parecer en un principio y lo que indica es que el navegador no sabe ir al destino final.

Tras seguir un número de veces las redirecciones que se va encontrando se da por vencido y te indica que no es posible mostrar la web que buscas.


ERR_TOO_MANY_REDIRECTS

Haz clic en la imagen para ampliarla  

Generalmente este error está causado por una configuración incorrecta del WordPress que hace que entre en un bucle de redirecciones sin fin.

Es decir, cuando el navegador pide la web al servidor este le manda a una URL y cuando llega a esta a otra y luego a otra y no llegan a terminarse las redirecciones.

Cuando se pasa de cierto número de redirecciones el navegador para de seguirlas y te indica que hay un error que tendrías que revisar.

 ¿Cuáles pueden ser las causas de este error?

Este error, err_too_many_redirects, tiene varias causas como pueden ser problemas con la caché, una configuración errónea de las URL del WordPress o que algún plugin te esté jugando una mala pasada.

Vamos a ver uno a uno los problemas más frecuentes que pueden causar este error y cómo se solucionarían.

 Problemas con la caché

Es posible que el problema esté causado por la caché, ya sea la de nuestro navegador o bien la de nuestro WordPress.

Antes de continuar con las siguientes revisiones lo primero que tendríamos que hacer sería vaciar estas cachés para asegurarnos de que está todo correcto con ellas.

 Caché de navegador

El primer paso de la revisión consiste en descartar que el navegador sea el que nos esté causando el problema. Vamos a limpiar la caché y las cookies que tengamos guardadas del sitio web en el navegador que estemos usando.

 Borrar caché en Chrome

Para borrar la caché en el navegador Chrome tienes que hacer clic en los 3 puntos verticales que verás en la parte superior derecha de la ventana.


Borrar caché en Chrome: paso 1


A continuación selecciona la opción Historial y en la siguiente lista que se abre vuelve a seleccionar la opción Historial tal como puedes ver en la siguiente captura.


Borrar caché en Chrome: paso 2

Haz clic en la imagen para ampliarla  

Tras pulsar en Historial se te abrirá una nueva ventana. En la parte de la izquierda verás una columna con varias opciones. Haz clic en la opción Borrar datos de navegación.


Borrar caché en Chrome: paso 3

Haz clic en la imagen para ampliarla  

En la siguiente ventana indica la antigüedad de las cookies y caché que quieres eliminar (24 horas, 1 hora…). Marca las opciones a borrar y luego pulsa el botón azul Borrar datos


Borrar caché en Chrome: paso 4

Haz clic en la imagen para ampliarla  

Tras realizar estos pasos ya tendrás borrada tanto la caché como las cookies del navegador.

 Borrar caché en Firefox

Para borrar la caché del navegador Firefox haz clic en el botón con las tres líneas horizontales que verás en la parte superior derecha de la ventana.

A continuación entra en la opción Catálogo que señalamos en la siguiente captura.


Borrar caché en Firefox: paso 1


El siguiente paso es seleccionar la opción Historial. Esto te llevará a una nueva ventana en donde tendrás que seleccionar la opción Limpiar el historial reciente.


Borrar caché en Firefox: paso 2



Borrar caché en Firefox: paso 3


Ya para finalizar el borrado escoge la antigüedad de los datos que quieras borrar (última hora, 24 horas…) , marca al menos las opciones Cookies y Caché y pulsa el botón Limpiar ahora.


Borrar caché en Firefox: paso 4


 Borrar caché en otros navegadores

Si no utilizas ni Chrome ni Firefox revisa esta guía donde indicamos como borrar caché en los navegadores más frecuentes.

 Plugins de caché

Normalmente todos los plugins de caché disponen de una opción para vaciarla. Para ello tendrás que ir al panel de administración de tu WordPress y según el plugin que utilices borrar desde él la caché existente.

Los plugins más comunes de caché como son “WP Fastest Caché”, “W3 Total Caché”, “Super Caché” o “WP Rocket” tienen disponible una opción en la barra superior desde la que podrás borrar la caché de manera sencilla.

En las siguiente imágenes podemos ver cómo se vería este botón de vaciado en alguno de ellos:.

  • Wp fastest caché: Verás un botón en la parte superior con el nombre de Borrar la caché. Haz clic en él y luego pulsa en Vaciar toda la cache.

  • Botón de vaciado en Fastest Cache

    Haz clic en la imagen para ampliarla  

  • W3 Total caché: En el caso de este plugin la opción aparecerá con el nombre de rendimiento como puedes ver en la siguiente captura. Ponte sobre esa opción y luego pulsa Purge All Caches.

  • Botón de vaciado en W3 Total Cache

    Haz clic en la imagen para ampliarla  

  • Wp Super caché: Si usas este plugin de caché verás en la parte superior del panel de administración un botón con el nombre de vaciar caché. Pulsa en él y se borrará la caché existente.

  • Botón de vaciado en Super Cache

    Haz clic en la imagen para ampliarla  

 Revisión de la configuración de URLs del WordPress

Este paso de la revisión tienes que hacerlo desde el administrador de tu WordPress.

Accede al panel de administración de tu web, ve a la opción Ajustes y entra en la opción Generales.


Opciones Generales del administrador Web

Haz clic en la imagen para ampliarla  

Localiza las opciones Dirección de Wordpress y Dirección del sitio. Asegúrate de que la URL que tengas configurada sea la misma en las dos opciones. Es decir si en una es https://tudominio.com la otra también tendrá que serlo.

En caso de que sean diferentes cámbialas por el dominio que corresponda en tu caso para que queden igual en las dos opciones.

Es importante también que revises que no tenga "/" al final de la URL y en caso de tenerla la elimines ya que eso también te puede dar problemas con las redirecciones.


Opciones Dirección de WordPress y Dirección del sitio

Haz clic en la imagen para ampliarla  

Es posible que si estas dos direcciones no coinciden no tengas acceso al wp-admin. En ese caso para poder acceder va a ser necesario que hagas una modificación en el archivo wp-config.php de tu WordPress.

Puedes localizar el archivo wp-config en la carpeta del hosting donde tengas la web accediendo a ella mediante FTP o bien con el administrador de archivos de tu hosting.


Localizar el archivo wp-config

Haz clic en la imagen para ampliarla  

Una vez estés dentro del wp-config.php de la web tienes que añadir el siguiente código antes de la línea “/* That's all, stop editing! Happy publishing. */”. Cambia midominio.com por tu dominio y si no usas SSL https por http:

define('WP_HOME','https://midominio.com');
define('WP_SITEURL','https://midominio.com');

Añadir código en el archivo wp-config

Haz clic en la imagen para ampliarla  

Con este cambio forzamos que nuestra web use esas URL y ya deberías poder acceder al administrador nuevamente.

 Revisión del .htaccess

Otro posible foco del problema de redirecciones es el .htaccess de la web. Éste, al igual que el archivo wp-config.php que acabamos de comentar, se localiza en la carpeta raíz del WordPress.


Localizar el archivo .htaccess

Haz clic en la imagen para ampliarla  

Tendrás que revisar si dentro de tu .htaccess tienes alguna redirección ya que ese puede ser el problema.

Esta redirección puede ser tanto una redirección que hayas creado tú como una que añadiera alguno de tus plugins por lo que aunque nunca hayas modificado este archivo tu mismo no dejes de revisarlo.

Una forma rápida de ver si el culpable de las redirecciones es el .htaccess es renombrarlo por ejemplo a .htaccess_copia y volver a cargar la web. Si la web carga la portada sin tener este archivo lo que indicará es que el problema está en él y ya sabremos que es necesario que lo revisemos.

Si tras renombrar el .htaccess comprobaste que este era el culpable pero no encuentras la línea que causa el problema tienes la opción de dejar renombrado el antiguo y crear un .htaccess con el contenido por defecto.

Este contenido sería el siguiente para el caso de un WordPress que no sea multisite:

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

En el caso de tu WordPress sea multisite puedes comprobar en este enlace sobre cuál sería el contenido por defecto del .htaccess.

 Revisión de plugins

En ocasiones podemos encontrar que el error de redirecciones está causado por alguno de los plugins que tenemos instalado. Si usamos algún plugin de redirecciones será de éste del que tenemos que sospechar inicialmente.

Los plugins para crear redirecciones pueden causarnos problemas porque los configuraremos mal, porque no tengan un funcionamiento adecuado con el resto de nuestros plugins o bien porque nos equivoquemos al crear redirecciones con él y creemos por ejemplo dos redirecciones distintas para la misma URL.

Si usamos plugins para redirecciones el primer paso de esta revisión será desactivarlo. Si no tienes acceso al administrador de la web puedes desactivarlo de manera manual renombrando la carpeta del plugin.

Para desactivar el plugin ve de nuevo a la carpeta de tu web como explicamos en pasos anteriores mediante FTP o el administrador de archivos de tu panel de hosting y entra en la carpeta wp-content y luego en la carpeta plugins.

Ya en la carpeta plugins tenemos que localizar el plugin que queramos desactivar y renombramos su carpeta al nombre que queramos. En este ejemplo vamos a desactivar el plugin Redirection renombrando la carpeta a redirection_copia.


Ejemplo de desactivación del plugin Redirection

Haz clic en la imagen para ampliarla  

Con la carpeta del plugin sospechoso renombrada prueba a acceder de nuevo para ver si ya se solucionó el problema.

Si sigues viendo el mismo error o no tienes ningún plugin de redirecciones instalado el siguiente paso para descartar que no sean los plugins los culpables es renombrar la carpeta de plugins directamente. Ésta , como indicamos anteriormente, la encontrarás en la carpeta wp-content de tu web.

Renombra la carpeta y prueba a acceder de nuevo.


Renombrar carpeta

Haz clic en la imagen para ampliarla  

Si con la carpeta de plugins renombrada la web carga el culpable del error será un plugin de los que tienes instalados por lo que el siguiente paso es volver a dejar el nombre original de la carpeta e ir desactivando uno a uno los plugins para detectar al culpable.

En caso de que seas cliente de Webempresa puedes desactivar los plugins que necesites de manera sencilla desde tu cPanel con la opción WP Center sin necesidad de renombrar carpetas.

 Conclusiones

Como has podido ver en este artículo este error, el ERR_TOO_MANY_REDIRECTS en WordPress, puede estar causado por muchos motivos pero suele ser sencillo de solucionar. Esperamos que este artículo te ayude con la revisión. ;)

Recuerda que en caso de que sigas con problemas y seas un cliente de WebEmpresa puedes enviarnos un ticket a soporte y estaremos encantados de ayudarte a solucionarlo.


Captcha invisible en Contact Form 7 para WordPress

$
0
0

Captcha invisible en Contact Form 7 para WordPress


Ya has creado tu página web WordPress y tienes creadas las entradas, páginas, productos y un bonito formulario para que los usuarios puedan contactar, esto ya está.

Después de muchas horas/días de trabajo, ves la luz al final del trayecto, crees que el trabajo más duro ya está hecho y así es, pero no te olvides de la seguridad.

Nos queda el paso de evitar ese molesto SPAM que nos invade la cuenta e incluso puede dejarnos con la web caída. Hoy vamos a hablarte de cómo hacerlo con Captcha invisible en Contact Form 7 para WordPress. ¡Atentos!

   

 ¿ Que es el SPAM ?

El término Spam se utiliza para hacer referencia a los correos no deseados, publicidad no deseada, suplantación de identidad, etc.. Y tú te preguntarás, ¿qué tiene que ver eso con mi WordPress?

Te lo explico en el siguiente apartado.

 

El spam en WordPress

El Spam en WordPress llega por diferentes medios, formularios de contacto, comentarios, registro de usuarios o cualquier otro medio por el cual el usuario puede interactuar con nuestra página web.

Los mensajes de Spam que nos pueden colar en los comentarios o contenidos suelen contener una gran cantidad de enlaces o links a páginas poco éticas.

Estas Webs pueden contener contenido malicioso en forma de Malware que puede afectar a los equipos de los usuarios que visitan estas páginas.

Este tipo de Spam nos lo suelen "colar" por medio de bots o máquinas que están continuamente rastreando la web, identificando alguna clase de vulnerabilidad por donde introducirse y añadir su contenido.

El Spam puede ser perjudicial para la credibilidad o reputación de nuestra marca al igual que es perjudicial para el SEO, ya que los motores de búsqueda relacionan los sitios con gran cantidad de enlaces como una ”Granja de enlaces” y son penalizados por permitir este tipo de comportamiento y contenido.

Después de comprobar cómo puede afectar el Spam a nuestra web y reputación vamos a ver cómo podemos evitar que nos lo "cuelen" utilizando reCAPTCHA de Google en nuestro WordPress usando el plugin Contact Form 7  

 ¿Qué es el reCAPTCHA?

Según Google ”Un CAPTCHA es una prueba de turing para distinguir humanos y bots“, en otras palabras, un Captcha es una aplicación que puede distinguir si el usuario es un humano o una máquina.

Actualmente existe dos versiones de reCAPTCHA

  • ReCaptcha v2 – No soy un robot: esta versión muestra al usuario una casilla de verificación "No soy un robot" siempre que se detecte como no sospechoso; en el caso de detectar alguna anomalía se mostrará el captcha completo donde el usuario tendrá que ser validado para demostrar que no es un bot.

Versión ReCaptcha v2


  • ReCaptcha v3: esta versión no requiere ninguna intervención por parte del usuario y es el propio captcha el que se encarga, por medio de unas puntuaciones, de identificar si es un usuario o una máquina.

Versión ReCaptcha v3


Ahora sí, nos ponemos manos a la obra y vamos a proteger nuestro WordPress ( páginas, entradas, comentarios, registros, formularios... ) para que no nos "cuelen" ese Spam y al mismo tiempo protejamos los equipos de los usuarios que visitan nuestra web.

 

 Añadir reCAPTCHA v3 en Contact Form 7

Desde la versión 7.5.1 de Contact form 7, esta incorpora la API de reCAPTCHA v3, con lo que nos facilita la implementación en los formularios, registros, comentarios… sin la necesidad de añadir más plugins. Esta versión solo es compatible con la 7.5.1 o superiores de Contact Form 7, las versiones inferiores utilizan la API v2 de reCAPTCHA.

Lo primero que tenemos que hacer es registrar nuestro dominio en el servicio de reCAPTCHA de Google y obtener las claves API, para ello nos dirigimos a la página de reCAPTCHA.

Nota: Necesitarás disponer de una cuenta de Google para poder ingresar.

Una vez ingresemos en la consola de reCAPTCHA veremos un formulario muy simple:


Formulario de registro de Dominio Captcha


  • Etiqueta: añadimos un nombre para identificarlo, es una buena opción añadir el nombre del dominio. El motivo de añadir un nombre de etiqueta es porque nos permite tener más de un dominio en la misma consola y añadiendo un nombre podemos identificar a qué instalación pertenece cada clave.

  • Tipo de reCAPTCHA: utilizaremos la versión v3 que es compatible con las versiones superiores a la 7.5.1 de Contact Form 7.

  • Dominios: aquí le indicamos el dominio en el que utilizaremos el captcha. A parte del dominio podemos añadir un subdominio, por ejemplo, si tenemos una tienda con el mismo dominio tienda.midominio.xxx.

Una vez registrado nuestro dominio, vemos que nos muestra una página con las claves Pública y Privada que nos hacen falta para configurar el reCAPTCHA en nuestro plugin de Contact Form 7:


Formulario de registro de Dominio Captcha: calves públicas y privadas


Sin cerrar la página donde tenemos las claves, siempre podemos consultarlas más tarde accediendo a la consola de Google reCAPTCHA, nos dirigimos a nuestro administrador de WordPress y accedemos a Contacto -> Integración


Acesso a Integración


En el bloque reCATCHA pulsamos en el botón “ Integración de la instalación ” y vemos que nos muestra dos celdas donde tenemos que añadir las claves públicas y privadas que obtuvimos de reCAPTCHA.

Tenemos que ir con cuidado y añadir cada una en su celda correspondientemente, de lo contrario, mostrará un aviso de Key no válida o simplemente no se mostrará.


Celdas donde añadir claves públicas y privadas


Y ya lo tendríamos, solo nos quedaría guardar los cambios y acceder a las diferentes secciones de nuestra Web para comprobar que el Captcha se muestre bien.


Ejemplo de Web que muestra el Captcha


Si utilizabas versiones anteriores de Contact Form 7 con la versión v2 de Captcha tienes que eliminar la etiqueta [recaptcha] de la plantilla del formulario ya que no hace falta. Si existen Contact Form 7 las interpretará como una cadena vacía y no las tomará en cuenta.

 

 Vídeo tutorial explicativo

¿Aún con dudas? Aquí tienes un Vídeo Tutorial con los pasos que hemos realizado:

 

   

 Recomendaciones

Mantener nuestra aplicaron segura no supone una gran inversión ni necesitas tener conocimientos avanzados, cualquier usuario puede tomar las medidas necesarias con unos sencillos pasos y las aplicaciones necesarias.

  • Utiliza un hosting de calidad que aplique medidas de seguridad en sus servidores. En Webempresa nos tomamos muy enserio la seguridad y aplicamos medidas de protección y monitoreo constante para mantener tu hosting lo más protegido posible.

  • Utiliza contraseñas de acceso fuerte y un gestor de contraseñas para almacenar las pass encriptadas
  • Protege el acceso con doble autenticación 2FA

  • Activa el plugin Akismet Anti-Spam para tener otra capa de seguridad.

  • Desactiva el registro de usuarios si no es necesario o cambia la URL por defecto para el registro de WordPress.

  • Instala un Certificado de Seguridad SSL para encriptar los dato de la aplicación.

  • Utiliza una conexión segura para navegar como una VPN y evita que tus acciones sean rastreadas.

Con nuestra navaja suiza de la seguridad, Ciberprotector, podrás aplicar todas estas acciones y mantener tu seguridad tanto en las aplicaciones online que utilices como en tu navegación por la web.

 

 Conclusiones

La seguridad de nuestro WordPress es una de las partes cruciales de un sitio web. Si no mantenemos nuestra aplicación segura, los hackers pueden atacar fácilmente nuestro sitio. Mantener la seguridad de nuestro sitio web no es difícil aplicando algunas medidas como la que hemos visto en esta entrada y de una manera muy fácil.

La conciencia del peligro es ya la mitad de la seguridad y de la salvación

Ramón J. Sénder
 

Lecturas recomendadas:
Medidas de seguridad por parte del usuario.
Tutorial seguridad en WordPress Guía completa.

 

Cambiar el logo en la versión móvil de tu WordPress

$
0
0

Cambiar el logo en la versión móvil de tu WordPress


Los dispositivos móviles son cada vez más usados para navegar en internet, una de las mejoras que podemos hacer a nuestro sitio web es que los temas WordPress que usemos sean plantillas responsive.

Sin embargo una vuelta de tuerca adicional que podemos evaluar es que el logo igualmente sea responsive, ya sea adaptando el tamaño, que es lo que comúnmente se hace por defecto, o mostrando un logo totalmente diferente en la versión responsive de nuestro sitio.

Hoy aprenderemos a cambiar el logo en la versión móvil de tu WordPress.

En la imagen que te enseñamos más abajo, podemos ver ejemplos de logos responsive; dependiendo del dispositivo en el que se muestre y así se mostrará una u otra versión del mismo logo.


 Estructura HTML para el logo

Al crear una web WordPress, de momento, por defecto en la mayoría de temas solo podemos usar un logo y este se adaptará a los dispositivos simplemente cambiando su tamaño.

La estructura básica HTML en la mayoría de los casos es la siguiente:

	
<div class="site-logo">
	<a href="URL_SITIO" title="TITULO_SITIO">
		<img class="header-image" src="URL_LOGO" >
	</a>
</div>
	

En el código anterior:

  • Tenemos un contenedor div que tiene la clase CSS llamada site-logo
  • Dentro tenemos un enlace que tiene la url del inicio del sitio
  • Dentro del enlace tenemos una etiqueta HTML de imagen en donde irá la ruta de la imagen

El tener la etiqueta HTML de imagen dentro de la etiqueta de enlace hará a la imagen clicable.

 Media Queries

Siempre que necesitemos hacer cambios de diseño en nuestro sitio Web usaremos CSS. También usamos CSS y específicamente Media Queries de CSS cuando queremos restringir nuestros cambios a ciertos tamaños de pantalla.

Por ejemplo, el siguiente código CSS solo tendrá efecto para dispositivos con un ancho menor o igual a 768px.

	
		@media only screen and (max-width: 768px) {
		  body {
		    background-color: blue;
		  }
		}
	

En el código anterior:

  • Hemos usado la sintaxis de media query para afectar solo a pantallas con un ancho menor o igual a 768px.
  • Dentro de la media query podemos agregar código CSS, en nuestro ejemplo estamos cambiando el color de fondo a azul.

 Código para cambiar el logo en versión móvil

Teniendo entonces en cuenta la estructura HTML y el uso de Media Queries para los cambios de diseño a cierto tamaño de pantalla, podemos realizar nuestras modificaciones de cambio de logo:

La idea básica es:

  • Ocultar la imagen que se muestra actualmente, es decir ocultar la etiqueta HTML img.
  • Dar dimensiones fijas al contenedor de enlace.
  • Colocar una imagen de fondo para el enlace.

El código, usando la estructura anterior, sería algo similar a como se muestra a continuación:

	
@media only screen and (max-width: 600px) {
	.site-logo a{
		background-image:url(/wp-content/uploads/2019/10/logo-movil.png);
		display: block;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: center;
		width:100px;
		height:100px;
	}
	.site-logo img{
		display:none;
	}
}
	

Para agregar este código puedes revisar nuestro artículo sobre cómo agregar código CSS en WordPress.

Ten en cuenta que es posible que necesites adaptar el código anterior de acuerdo a la estructura HTML que tiene tu tema, por ejemplo, usualmente tendrás que cambiar el nombre de la clase .site-logo, también cambia la ruta de la imagen de logo para la versión móvil.

Al final obtendremos algo similar a como se muestra en la siguiente imagen:

Cambiar el logo en la versión móvil de tu WordPress: resultado final

 Vídeo explicativo

Vamos a hacer un repaso de todo lo que hemos visto en este artículo con el siguiente vídeo tutorial. En él te explicaré, paso a paso, cómo cambiar el logo en la versión móvil de tu Wordpress.

 

 

 Conclusión

Tal como hemos podido comprobar, es posible tener una versión diferente del logo de tu WordPress en dispositivos móviles.

Esto es especialmente útil si el logo de tu sitio es muy ancho o tiene mucho detalle, en la versión móvil puedes mostrar una versión reducida de tu logo.

Agregar Whatsapp en WordPress sin usar plugins

$
0
0

Agregar Whatsapp en WordPress sin usar plugins


Hoy en día el uso de las redes sociales y servicios externos de mensajería como parte de la construcción de un sitio web se ha vuelto cada vez mas importante, una de estos sistemas de chat es precisamente Whatsapp.

Whatsapp es uno de los sistemas de mensajería más utilizados y por lo tanto muy atractivo para implementar en un sitio web debido justamente al amplio uso que hay de esta aplicación en dispositivos móviles.

Ten en cuenta que muchos usuarios preferirán enviarnos un mensaje a través de Whatsapp que usar un número de teléfono o incluso de un formulario de contacto.

Existen muchos plugins para implementar Whatsapp en WordPress, sin embargo en este artículo evitaremos usar un plugin y lo implementaremos directamente a través de código.

 Funcionalidad de Click to chat en Whatsapp

Actualmente Whatsapp dispone de una funcionalidad que a través de una URL permite chatear directamente con un número telefónico, incluso si este número no forma parte de nuestra lista de contactos.

Basta con conocer el número telefónico de la persona para crear un enlace, incluso se puede enviar un mensaje por defecto como parte de la construcción del enlace.

Además esta funcionalidad nos permite usar el mismo enlace tanto para dispositivos móviles como para ordenadores, es decir, al usar el enlace desde un dispositivo móvil abrirá la app de Whatsapp en móvil.

En el caso de ordenadores abrirá el sitio web de Whatsapp Web en un navegador.

 Formación de la URL

La sintaxis de la URL es:

https://wa.me/<number>/?text=<texto>

Reemplazar <number> por el número telefónico de contacto.
Reemplazar <texto> por el texto que quieres que se escriba por defecto.

A tener en cuenta:

  • El número debe ser escrito sin espacios, ni guiones, ni símbolos matemáticos, por ejemplo:
    +001-(555)1234567
    Debería ser escrito como:
    15551234567
  • El texto escrito por defecto debe esta codificado, es decir, se deben reemplazar los espacios y caracteres especiales ya que este texto será parte de una url, se puede usar un servicio como Urlencoder.io, por ejemplo:

    El texto:
    Quiero información adicional del producto
    Usando el servicio de Urlencoder quedaría:
    Quiero%20informaci%C3%B3n%20adicional%20del%20producto

 Formación del enlace HTML

Una vez formada la URL ya solo nos queda formar el enlace HTML, esto lo podemos construir de manera manual usando HTML o usando el editor Gutenberg de WordPress.

Por ejemplo, para usar la siguiente URL:

https://wa.me/34610123456/?text=Quiero%20informaci%C3%B3n%20adicional%20del%20producto

Generando el enlace manualmente

Si usamos directamente HTML, usamos el elemento anchor de HTML, entonces el código de enlace sería:

<a target=“_blank” href="https://wa.me/34610123456/?text=Quiero%20informaci%C3%B3n%20adicional%20del%20producto">Preguntar por Whatsapp</a>

Generando el enlace con el editor

Sin embargo, la forma más simple es usar el editor de Gutenberg, tal como se muestra en la imagen. Podemos agregar un enlace al seleccionar el texto y usar el botón de creación de enlace.

Creación de enlace Whatsapp con Gutenberg

 Enlace con imagen

Sería mucho más atractivo agregar un icono de Whatsapp al enlace creado en lugar de solo texto, puedes usar alguna imagen y agregarla como parte de la construcción de tu enlace, por ejemplo se puede hacer de forma simple con el editor Gutenberg.

Creación enlace con imagen Whatsapp en Gutenberg

 Resultado Final

Al final cuando se usa el enlace se abrirá la aplicación de Whatsapp, tal como se muestra en la siguiente imagen:

Resultado final

 Vídeo explicativo: Whatsapp en WordPress sin usar plugins

En el siguiente vídeo vamos a condensar las ideas que hemos visto en este artículo y aprenderemos, de forma práctica, cómo añadir Whatsapp en WordPress sin usar plugins.

 

 

 Conclusión

Como hemos podido comprobar es posible usar la funcionalidad de Click to chat para construir una url y luego un enlace que nos permita abrir la aplicación o sitio web de Whatsapp y empezar a chatear directamente con los visitantes a tu sitio web.

Pasarelas de pago para WooCommerce

$
0
0

Pasarelas de pago para WooCommerce


Cuando tenemos una tienda online con WordPress y WooCommerce para vender productos online, debemos ofrecer al usuario todas las facilidades y las mejores opciones para que abone el importe de su compra.

Mediante las pasarelas de pago para WooCommerce, el usuario puede disponer de diferentes modalidades de pago, para elegir aquella que le resulte más conveniente o se adapte más a sus preferencias o gustos.

No hay que olvidar que las transacciones económicas online pueden producir cierta inseguridad en muchos usuarios, por lo que resulta de vital importancia crear un clima de confianza que, con diversas modalidades que pago, garanticen la seguridad y privacidad del pago online que los usuarios demandan.

Al utilizar WooCommerce, tenemos acceso a un gran variedad de pasarelas de pago online. Pero no debemos elegirlas a ciegas o “poner cuántas más, mejor”, sino, según el perfil de nuestros usuarios y clientes, elegir aquellas con las que sacaremos el máximo provecho de nuestra tienda online.

En este artículo, primero veremos qué son las pasarelas de pago, cómo funcionan y qué factores debemos evaluar para incorporar una u otra a nuestro sitio web de comercio electrónico. Finalmente, analizaremos varias pasarelas de pago para WooCommerce que se integran con WordPress.

     

 ¿Qué son las Pasarelas de pago online?

Disponemos de varias formas para pagar una compra realizada online. El método más habitual es utilizar tarjetas de crédito o débito; sin embargo, existen otras opciones, como las transferencias bancarias o las criptomonedas.

Independientemente de la forma de pago utilizada, la mayoría de las tiendas online no procesan este dinero por sí mismas, sino que lo hacen con una entidad bancaria o financiera a través de un intermediario: las pasarelas de pago online.

Así, una pasarela de pago online proporciona un servicio externo para gestionar, validar, procesar y completar los pagos online de los clientes de un sitio web de comercio electrónico.

Una vez completada la compra, los clientes introducen la información de su cuenta bancaria, tarjeta de crédito o de débito. A través de la pasarela de pago, la tienda online los gestionará en tiempo real con la entidad financiera o bancaria, para que autorice ese pago.

Durante el proceso de pago, la pasarela de pago verifica el saldo disponible en la cuenta del cliente e indica si el cargo ha sido aprobado o no por la entidad bancaria. En caso afirmativo, el importe total de la compra se resta de la cuenta del cliente y se transfiere a la cuenta del propietario de la tienda.

Por tanto, la función de la pasarela de pago es aceptar o rechazar una transacción económica y, por extensión, la realización de la compra online, entre dos cuentas, la del comprador y la de la tienda, antes de que el importe se deposite de forma efectiva en la cuenta bancaria de la tienda.

 

 ¿Cómo elegir una Pasarela de Pago Online para WooCommerce?

Gracias a la pasarela de pago, el proceso de pago será mucho más fácil, al tiempo que también aumenta la seguridad de la transacción económica, tanto para el vendedor como para los clientes.

Ahora bien, a la hora de elegir una u otra pasarela de pago, así como las distintas modalidades de pago disponibles para los usuarios, el factor más relevante a tener en cuenta es el hábito de compra y pago de nuestros clientes potenciales.

Por ejemplo, si nuestros usuarios son principalmente personas mayores, éstos suelen representar un sector de la población reticente a realizar pagos online y prefieren pagos contra reembolso o transferencias bancarias. En este caso, no ofrecer estas modalidades de pago podría significar el fracaso de nuestra tienda online.

Veamos a continuación qué otros factores y criterios influyen durante la elección de una pasarela de pago online para WooCommerce, tanto desde el punto de vista del comprador como del vendedor:

  • Comisiones de la operación. Las pasarelas de pago online pueden cobrar una comisión en función del importe de compra, que puede ser fijo, un porcentaje sobre el total, por tramos o incluso por volumen total de compras. Debemos asegurarnos que esa comisión entre dentro de nuestro margen de beneficios.

  • Perfil del público objetivo. Algunas pasarelas de pago solo disponen de algunas modalidades de pagos online o solo funcionan en determinadas zonas geográficas. Debemos elegir aquella que mejor se adapte a las circunstancias de nuestros clientes potenciales, tanto en las modalidades de pago disponibles como soporte de pagos internacionales.

  • Disponibilidad del dinero. En algunas pasarelas de pago, una vez realizado el pago online, el importe no llega directamente a la cuenta bancaria del vendedor, sino que permanece registrado en su cuenta de la pasarela de pago. Para disponer de su dinero, el vendedor debe traspasarlo expresamente a su cuenta bancaria, lo cual puede dificultar su gestión contable o financiera.

  • Soporte de pagos recurrentes. Por ejemplo, para suscripciones mensuales de un servicio online, en que cada mes se carga automáticamente el pago de una cuota a la cuenta del cliente. Además de que exista este soporte, hay que comprobar si supone algún coste adicional para el vendedor.

  • Facilidad de integración con WooCommerce. Y cuanta menos intervención requiera por parte del vendedor, mucho mejor, puesto que no tendrá que estar pendiente de aspectos técnicos o actualizaciones de la pasarela de pago. En general, este punto lo resuelven a la perfección todas las pasarelas de pagos más extendidas, dado el amplio número existente de tiendas online basados en WordPress y WooCommerce.

Aunque es posible utilizar más de una pasarela de pago, no suele ser la opción más aconsejable. En el caso del vendedor, dificulta la gestión de las ventas, que están repartidas en varias pasarelas. Mientras que para el comprador puede resultarle confuso cuál elegir para proceder con el pago de su compra.

 

 Modalidades de pago online (y offline)

Suele haber confusión entre el concepto de “modalidades de pago” y “pasarelas de pago”, usándose incluso indistintamente a veces. Sin embargo, son dos conceptos completamente distintos.

Así, mientras que las pasarelas de pago son entidades que procesan el pago efectivo de una transacción monetaria, la modalidad de pago corresponde a cómo se formaliza ese pago (es decir, cómo el comprador entrega el dinero al vendedor).

En general, las pasarelas de pago online ofrecen diversas modalidades de pago (también online), mientras que debe ser el propio vendedor quien debe gestionar y dar soporte a las modalidades de pago offline (directamente sobre la plataforma WooCommerce de la tienda online).

Veamos brevemente las principales modalidades de pago, tanto online como offline:

  • Contra reembolso. Gestionado por el vendedor, permite al comprador abonar la compra cuando el producto llega a su domicilio. Suele llevar una cargo adicional.

  • Pago por cheque. Gestionado por el vendedor, el comprador debe enviarle un cheque nominativo por el importe de su compra. Una vez que el vendedor valida el cheque, le envía el producto.

  • Transferencia bancaria. Gestionado por el vendedor, el comprador realiza una transferencia bancaria a la cuenta bancaria proporcionada por el vendedor. Una vez que el vendedor valida la transferencia, le envía el producto.

  • Cargo en cuenta bancaria. El pago de la compra se realiza a través de la pasarela de pago online, sobre la cuenta bancaria del comprador, que la habrá configurado y autorizado anteriormente.

  • Pago con tarjeta. En este caso, el pago de la compra se realiza a través de la pasarela de pago, y se carga a la tarjeta, sea de crédito o de débito, del comprador, que la habrá configurado y autorizado previamente.

Para las tres primeras opciones (contra reembolso, pago por cheque y transferencia bancaria), WooCommerce incluye sendos apartados de configuración para incorporarlos y mostrarlos en la tienda online:


Modalidades de pago en WooCommerce

Haz clic en la imagen para ampliarla  

En los tres casos, requiere que vendedor active la correspondiente modalidad de pago offline y lo configure con los datos necesarios para que el comprador proceda con el pago.

Por ejemplo, en el caso de una transferencia bancaria, el vendedor debe rellenar el siguiente formulario, que se mostrarán al comprador en el momento del pago:


Transferencia bancaria en WooCommerce

Haz clic en la imagen para ampliarla  

 

 Plugins de pasarelas de pago online para WooCommerce

En su instalación por defecto, WooCommerce ya incluye soporte básico para la pasarela de pago online PayPal, que puede ser suficiente para nuestras necesidades y, tratándose de una pasarela conocida, también válida para la mayoría de nuestros clientes.

Sin embargo, también podemos utilizar otras pasarelas de pago mediante plugins para WordPress; por ejemplo, porque tengan menores comisiones u opciones de pago adicionales que no contempla PayPal.

A continuación, vamos a ver las pasarelas de pago online más populares con soporte para WooCommerce, conocer sus características más destacadas y qué podemos hacer con cada una de ellas.

De esta forma, estaremos en mejor disposición de elegir una u otra en función de nuestras necesidades y las preferencias de nuestros clientes potenciales.

 

 PayPal para WooCommerce


PayPal para WooCommerce

Haz clic en la imagen para ampliarla  

PayPal es, con diferencia, la pasarela de pago online más conocida y utilizada en la mayoría de las tiendas de comercio electrónico. Con más de 200 millones de clientes, admite más de 20 monedas y es de las pasarelas de pago más sencillas de utilizar para los compradores.

WooCommerce incluye soporte directo para la versión PayPal Estándar, pero podemos instalar plugins para utilizar otros dos servicios de PayPal: PayPal Express y PayPal Pro.

En todas sus versiones, PayPal es válido para clientes con y sin cuenta de usuario en la pasarela de pago, y se pueden utilizar para procesar pagos con tarjeta de crédito, cargos en cuentas bancarias y el saldo disponible de la cuenta del usuario.

Con respecto a PayPal Express para WooCommerce, ofrece un interface de usuario más rápido y sencillo que la versión Estándar, permitiendo al usuario realizar el pago con unos pocos clics de ratón en el propio sitio web de la tienda online, excepto la autorización del pago, que se realiza en el sitio web de PayPal.

Por su parte, PayPal Pro para WooCommerce permite personalizar completamente el proceso de compra dentro de la tienda online, haciéndolo lo más intuitivo y rápido posible, dentro del sitio web, sin necesidad de entrar en la plataforma de PayPal.

Las versiones Estándar y Express cobran una comisión del 3,4% por cada proceso de compra, más un coste fijo de 0,35 céntimos, mientras que la versión Pro, además de esta comisión, tiene una cuota mensual de 30 euros. Todos estos valores se reducen según el volumen mensual de ventas de la tienda online.

 

 Stripe para WooCommerce


Stripe para WooCommerce

Haz clic en la imagen para ampliarla  

Stripe es uno de los principales competidores de PayPal como pasarela de pago online y comparte muchas de sus características. Desde el punto de vista del cliente, el proceso de transferencia de dinero funciona prácticamente igual, pero, desde el punto de vista del vendedor, Stripe ofrece algunas ventajas con respecto a PayPal.

Así, Stripe permite pagos periódicos o recurrentes, lo que lo hace ideal si utilizamos WooCommerce para vender servicios digitales bajo la modalidad de suscripción. Además, la plataforma de Stripe almacena información de los clientes, lo que permite poder analizarlos para encontrar perfiles y patrones de comportamiento, y así desarrollar mejores estrategias de marketing.

Finalmente, Stripe también ofrece una mejor experiencia de uso y explotación del servicio al cliente que PayPal Estándar o Express, siendo más fácil e intuitivo de utilizar para los usuarios, que tendrán una experiencia similar a PayPal Pro pero con menor coste.

El principal inconveniente de Stripe es que no está disponible para tantos países como PayPal, por lo que debemos asegurarnos que no limite el alcance global de nuestra tienda online.

Con respecto al coste para el vendedor, cobra una comisión sobre el precio total de la compra más un importe fijo: 1,4% más 0,25€ por cada pago (2,9% para pagos fuera de Europa).

En lo que respecta a su integración con WooCommerce, disponemos del plugin gratuito Stripe Payment Gateway, creada por los propios desarrolladores de WooCommerce.

 

 Amazon Pay para WooCommerce


Amazon Pay para WooCommerce

Haz clic en la imagen para ampliarla  

Todos conocemos a Amazon como el gigante y dominador mundial del comercio electrónico. Sin embargo, aunque menos conocido, Amazon también ofrece un servicio de pasarela de pago que puede utilizar cualquier tienda online.

Al utilizar Amazon Pay, nuestros clientes podrán efectuar el pago utilizando sus cuentas de cliente en Amazon y pagar a través de su configuración de pago habitual en esta plataforma.

Gracias a esta característica, no es necesario que nuestros clientes tengan que crearse una cuenta nueva en alguna pasarela de pago pero, sobre todo, tiene la ventaja principal de darle confianza en el proceso de pago, gracias al nombre y prestigio de Amazon como garante del pago.

Al igual que PayPal Pro, el comprador realiza todo el proceso de compra y pago dentro del sitio web de la tienda online, sin tener que visitar o navegar el sitio web de Amazon Pay.

En cuanto a las tarifas, Amazon Pay cobra prácticamente la misma cantidad que PayPal, un 3,4% de comisión más 0,35€ fijos, lo que puede condicionar a las tiendas online con menor margen de beneficios.

La integración de Amazon Pay con WooCommerce también se realiza mediante un plugin gratuito, creado por los desarrolladores de la plataforma: Amazon Pay por WooCommerce.

 

 TPV Virtual: RedSys para WooCommerce


TPV Virtual: RedSys para WooCommerce

Haz clic en la imagen para ampliarla  

Hasta ahora, hemos visto diversas pasarelas de pago online que permiten procesar el pago de una compra como intermediarios con la entidad bancaria del cliente. En ningún momento, el vendedor conecta a través de su propia entidad bancaria ni realiza operaciones directamente en su cuenta bancaria.

Con el TPV Virtual, el vendedor contacta con su entidad bancaria para que le proporcione una pasarela de pago online sobre su cuenta bancaria, de forma que todas las operaciones se realizan directamente sobre ella (y no sobre la cuenta de la pasarela de pago online, como hemos visto hasta ahora).

RedSys es la plataforma de TPV Virtual más extendida en España y utilizado por el mayor número de bancos, para realizar pagos exclusivamente mediante tarjetas de crédito. Se podría decir que utilizar RedSys equivale a pasar la tarjeta de crédito por el datáfono de una tienda física.

Además de la ventaja de poder gestionar las ventas directamente en la cuenta bancaria, las comisiones de RedSys son bastante menores que para otras pasarelas de pago online (inferiores al 1%), aunque cada entidad bancaria puede tener sus propias condiciones.

Sin embargo, como parte negativa, el proceso de pago y autorización de una compra puede confundir para el comprador, puesto que se realiza fuera del sitio web de la tienda online, y si no está familiarizado con ese proceso, puede hacerle desistir de realizar la compra.

Por otro lado, el vendedor debe solicitar a su entidad bancaria la información técnica necesaria para configurar e implantar el TPV Virtual en su tienda online. En el caso de WooCommerce, podrá utilizar el plugin Pasarela RedSys para WooCommerce o su versión gratuita, WooCommerce RedSys Gateway Light.

 

 Instalación y uso del plugin RedSys para WooCommerce

PayPal y RedSys son, con bastante diferencia, las pasarelas de pago online más utilizadas hoy en día, aunque Stripe y Amazon Pay poco a poco van ganando cuota de mercado y, gracias a algunas de sus ventajas, muy posiblemente sigan creciendo en España.

Para ver cómo se configura una pasarela de pago online en WooCommerce, este artículo sobre PayPal detalla cómo integrar PayPal Express para WooCommerce, con vídeos explicativos del proceso de configuración tanto de WooCommerce como del plugin de PayPal Express.

Para contemplar la otra opción, un TPV Virtual, el siguiente vídeo muestra cómo instalar y configurar el TPV Virtual de la pasarela RedSys con el plugin de WooCommerce:

 

   

 Conclusiones

Como propietarios de una tienda online, debemos proporcionar a nuestros clientes de aquellos métodos de pago que le resulten más familiares y cómodos para abonar el importe de la compra que nos han realizado.

Además de los métodos “offline” tradicionales, como el pago contra reembolso o la transferencia bancaria, cada vez menos utilizados y que complican la gestión de las ventas y los envíos, el vendedor puede utilizar las pasarelas de pago online para que el cliente pague con tarjetas (crédito o débito) o a cargo de su cuenta bancaria.

Las pasarelas de pago online funcionan como intermediarios entre el vendedor y la entidad financiera del comprador (ya sea de su tarjeta o de su cuenta bancaria), y asegurar que todo el proceso de pago se haga con todas las garantías de seguridad y privacidad necesarias para este tipo de transacciones.

Entre las pasarelas de pago online más utilizadas, destacan PayPal, por su popularidad; Stripe, por sus bajas comisiones al vendedor; y Amazon Pay, con el respaldo del referente mundial de eCommerce. Para todos ellos, existen plugins gratuitos para utilizar en tiendas online con WooCommerce.

Otra posibilidad consiste en implantar un TPV Virtual, como RedSys, en que el comprador formaliza el pago directamente con la entidad financiera o bancaria, aunque solo contempla pagos con tarjetas de crédito.

En caso del TPV Virtual, todas las transacciones se realizan en la cuenta bancaria del vendedor y no en la de la pasarela de pago, lo que le facilita enormemente la gestión de las ventas y los envíos.

Aunque actualmente PayPal y RedSys acaparan gran parte de los procesos de pago en las tiendas online con WooCommerce, Stripe y Amazon Pay aportan una serie de ventajas (como menores comisiones o el uso de la cuenta de Amazon) que las convierten en alternativas a tener en cuenta.

REST API de WordPress: qué es y cómo usarla

$
0
0

REST API de WordPress: qué es y cómo usarla en tu web


Si utilizas WordPress seguramente has escuchado que es un software muy flexible ya que podemos extender funcionalidades a nivel de plugins, themes, etc.

Sin embargo hay otra característica que hace de WordPress un software muy flexible y es precisamente que viene integrado con una funcionalidad de API REST.

El uso de este CMS no está limitado a consultar un sitio web en un navegador, sino que a través de la REST API de WordPress es posible consultar los datos de tu sitio, por ejemplo: desde una aplicación de escritorio, una aplicación móvil u otro servicio web externo.

En este artículo vamos a ver qué es la API REST de WordPress y cómo puedes empezar a usarla.

   

 ¿Qué es REST API?

En resumen, una REST API es una interfaz de programación que usa el protocolo HTTP como base, formando URLs para administrar datos y devolviendo valores en formato JSON.

En la definición anterior hay algunos términos que se detallan a continuación:

REST (Representational State Transfer)

Transferencia de Estado Representacional.

Define la arquitectura usada en una red, usa como base el protocolo HTTP y nos sirve para generar datos y operaciones devolviendo datos en formato JSON o XML. Puesto que usa HTTP como base, todos los objetos se manipulan a través de una URL

API (Application Programming Interface)

Interfaces de programación de aplicaciones.

Es una especificación formal de cómo un módulo de software se comunica con otro, es decir, es un conjunto de comandos, funciones y protocolos que permiten a los desarrolladores crear programas específicos para ciertos sistemas sin tener que escribir desde cero todo.

Con las APIs podemos, por ejemplo, integrar una pasarela de pago en nuestro sitio web que se comunique con las APIs de un banco para validar el pago y devolver el estado de la transacción a nuestro sitio.

Protocolo HTTP (Hypertext Transfer Protocol)

Protocolo de Transferencia de HiperTexto.

Es un sencillo protocolo cliente-servidor que articula los intercambios de información entre los clientes Web como navegadores y los servidores HTTP.

Es el protocolo de comunicación que se usa en internet. HTTPS esta basado en este protocolo, es decir, es un HTTP con seguridad.

URL (Uniform Resource Locator)

Localizador uniforme de recursos.

La dirección que escribes en la barra del navegador web es una URL, es una dirección única para cada recurso disponible en un servidor web, además los enlaces que creas como parte de tu contenido también son URLS.

Formato JSON  (JavaScript Object Notation)

Notación de objeto Javascript.

Es un formato de texto plano para el intercambio de datos; surge como alternativa a XML ya que su uso y manipulación son mucho más sencillos.

 REST API de WordPress

Todas las definiciones anteriores están bien pero, ¿cómo se aplica esto a WordPress?

¿Te gustaría administrar tus entradas desde una aplicación móvil?, pues eso es precisamente lo que se logra a través de la REST API de WordPress.

La funcionalidad REST API de WordPress consiste básicamente en que podemos hacer uso de nuestro contenido sin necesidad de consultarlo solo a través de un sitio web.

Tal y como vemos en la siguiente imagen, es posible administrar contenido usando otras aplicaciones diferentes de un navegador.

Grafico REST API WordPress

Inicialmente esta funcionalidad estaba siendo desarrollada como un plugin separado, sin embargo a finales del año 2015 fue incluido como parte del core de WordPress 4.4

El uso de esta funcionalidad no está limitado únicamente al núcleo de WordPress, hay algunos plugins que también hacen uso de una REST API, por ejemplo, WooCommerce.

 Haciendo consultas a la REST API de WordPress

En versiones actuales de WordPress ya tenemos disponible la REST API por defecto por lo que podemos hacer consultas directamente en el navegador usando una sintaxis de url.

Debemos agregar /wp-json/wp/v2/ a la url de petición, y adicionalmente agregar algún end-point.

Los end-points disponibles los podemos ver en la documentación para desarrolladores. Por ejemplo, para obtener el listado de las entradas usaríamos : /wp-json/wp/v2/posts, es decir, nuestra url de consulta sería:

https://tudominio.com/wp-json/wp/v2/posts

Debemos tener en cuenta que se devolverán como máximo 10 entradas, aunque es posible también agregar parámetros adicionales para especificar paginación y cantidad de entradas devueltas.

Por ejemplo, si queremos ver la segunda página de resultados usaríamos:

https://tudominio.com/wp-json/wp/v2/posts?page=2

En la siguiente imagen se muestra una consulta a la REST API de WordPress para devolver entradas; se ha usado un navegador y los datos devueltos están en formato JSON.

Consulta REST API desde navegador

Tener en cuenta que no todos los navegadores muestran correctamente JSON, podrías también probar usar alguna aplicación como Postman para hacer consultas a las REST API de WordPress.

En la siguiente imagen se muestra la misma consulta a la REST API usando la aplicación Postman:

Consulta REST API desde Postman

Lógicamente, también es posible hacer esta consulta a la REST API directamente a través de programación:


$url = "https://tuempresa.site/wp-json/wp/v2/posts";
$ch = curl_init();

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_URL, $url);

$result = curl_exec($ch);

curl_close($ch);

var_dump(json_decode($result, true));

En el código anterior hemos usado PHP, sin embargo es posible usar cualquier otro lenguaje de programación.

 Otras operaciones usando la REST API

En el caso de leer datos públicos de un sitio web, podemos usar la REST API directamente.

Evidentemente, el uso de la REST API de WordPress no se limita solo a operaciones de lectura, podemos igualmente crear, actualizar y eliminar datos. Sin embargo, para esto necesitamos algún método de autenticación.

Algunos métodos de autenticación son: autenticación Base, autenticación OAuth, autenticación por Cookie.

Existen plugins que nos pueden facilitar el trabajo de autenticación, por ejemplo, el plugin WP REST API Authentication

Para enviar los valores de autenticación será necesario hacerlo por programación, también puedes usar una aplicación como Postman para realizar estas operaciones tal como vimos anteriormente al realizar operaciones de lectura.

 Vídeo explicativo

En el siguiente vídeo veremos un resumen de lo explicado en este artículo y descubriremos qué es y cómo utilizar la REST API de WordPress con un ejemplo práctico.

 

 

 Conclusión

Tal como hemos podido ver, la funcionalidad de REST API convierte tu sitio web Wordpress en una poderosa herramienta de publicación de contenido que puede ser usado desde otras aplicaciones construidas en diversos lenguajes de programación y no solo limitadas al uso de un navegador.

Viewing all 1649 articles
Browse latest View live