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:

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:

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:

 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.

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:

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

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:

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.

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.

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.

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.

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.

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.

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.

 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.

 Ajustes

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

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.

 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.

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

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

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

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

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

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

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

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

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

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

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.

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

Nos aparecerá un nuevo elemento en el menú lateral, “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”.

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.

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.

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

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.

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.

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.

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:

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.

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.

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.

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.

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?

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?

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

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

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.

 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:

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.

¿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:

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:

 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.

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

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

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

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

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.

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

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.

 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.

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.

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.

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.

 ¿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:

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.

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.

 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.

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

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

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.

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?

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?

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!

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

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.

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.

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.

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

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.

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.

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



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.



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.



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.

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.

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.

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');

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.

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.

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.

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.

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

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

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

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:

• 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:

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

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

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.

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.

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:

 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.

 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.

 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.

 Resultado Final

Al final cuando se usa el enlace se abrirá la aplicación de Whatsapp, tal como se muestra en la siguiente imagen:

 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.

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:

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:

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

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

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

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

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.

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

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:

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:

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.

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:

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.

 Qué es una landing page

El concepto que yo tengo de landing page es el "colofón" final de una buena estrategia de marketing online.

Es decir, es el paso final justo antes de iniciar el proceso de compra (si tu objetivo es vender), al cual se llega mediante un "clic" por parte del usuario en un anuncio en redes sociales, un email recibido a través de una newsletter, una campaña de Google Adwords, etc.

No confundir las landing pages con una web "de toda la vida". Son dos cosas diferentes. La landing page es para un objetivo único, concreto, y la web "normal" es para mostrarte como empresa, tienda online, etc.

 Para qué se usan las landing pages

En el caso que describimos en este artículo, nuestro objetivo principal va a ser el de vender algo (servicio o producto), pero no termina aquí los usos que tienen las landing pages.

Otros usos que se le pueden dar, dependiendo siempre del objetivo que tengas con tu campaña, son:

• Captar suscriptores para un servicio online.
• Rellenar un formulario de contacto para tratar con la persona que lo haya rellenado.
• Informar de un evento y fomentar un registro gratuito.
• Registrarse en una web para poder acceder a un material concreto.
• Conseguir más seguidores en redes sociales.
• Un largo etc.

 Características de una landing page optimizada para eCommerce

Antes de pasar a la parte práctica, conviene primero que sepas, al menos muy por encima, los elementos básicos que debería de tener una landing page, sobre todo si la vas a destinar a la venta de un producto o servicio.

Que sea uniforme

El concepto que le doy aquí a uniforme es el que tenga cierto equilibro entre lo que los usuarios ven, por ejemplo, en los anuncios que tengas en redes sociales (donde hay que hacer click para ir a tu landing page), y la propia landing page.

Es decir, que si en el anuncio se ve una foto muy buena, con unos colores muy suaves y una tipografía bonita, al llegar a la landing page, aparezcan fotos, colores y tipografías muy parecidas (o del mismo estilo).

Que sea sencilla

Considero una landing page sencilla (que no es lo mismo que simple), un espacio web en donde se quiere abarcar un único objetivo, sin elementos que resten efectividad al diseño de la misma.

Esto quiere decir, que no utilices elementos como un menú (o un header), botones innecesarios, desplegables que requieran hacer click para ver su contenido, y en general que elimines todo lo que pueda tentar al usuario a hacer click.

Que sea coherente

Me he encontrado con anuncios en redes sociales que hablan sobre una oferta determinada en un producto en concreto, y al pinchar en ellos, te llevan a una web muy general, donde no se ve a primera vista la oferta que mencionan, y donde no hay un mensaje principal y una acción a tomar por parte de los visitantes.

Esta "incoherencia" suele ocurrir cuando se toma una landing page como una web normal.

Por ejemplo, si en pleno mes de Junio (cuando más necesidad de gafas de sol tengo de cara al verano), veo un anuncio que ofrece 2 gafas de sol de marca, por 100 euros, al pinchar, lo que espero encontrarme es una web donde puedo elegir la marca que quiero y el modelo que quiero, dos veces, y que me cueste todo 100 euros.

Algo tan básico, muchas landing pages no lo ofrecen. Recuerda que la "oferta gancho" que muestres en tus anuncios, tiene que corresponder con lo que muestres en tu landing page.

Que tenga un CTA bien colocado

Dependiendo de tu estrategia dentro de la landing page, el Call to Action (llamada a la acción en castellano) irá en un sitio o en otro.

Por ejemplo, si tu campaña de landing pages está enfocada a la venta a través de móvil, lo ideal es que no sitúes el botón de CTA demasiado abajo y que la campaña no tenga muchísimo texto.

También puedes considerar poner la misma llamada a la acción en cada parte de tu landing page donde lo consideres oportuno. Pero siempre bajo una regla: botones de CTA tantos como quieras (sin pasarte) pero que todos lleven al mismo objetivo.

Que se mencione todo el proceso (si lo hay)

En este punto recalcar que si tu estrategia o proceso de venta tiene cierto proceso, dividido en varias fases concretas, merece la pena mencionarlo, para luego evitar sorpresas.

Por ejemplo, si regalas una noche de hotel por la compra de un ordenador portátil, y el proceso es el siguiente:

1. Añade el ordenador a la cesta de la compra y efectúa el pago.
2. Descarga el recibo de pago y envíanoslo por email a determinado correo electrónico.
3. Te contestaremos en menos de 24 horas con un cupón de 150 euros válido en www.paginawebdeejemplo.com.

Que tenga un buen copy

El copy, por si no lo sabes, es la redacción publicitaria en el texto de tu web.

Aquí entra en juego también el público objetivo que tengas, y el tipo de producto o servicio que vendas.

Un buen copy suele ser bastante difícil de conseguir, pero lo que sí que te puedo decir es que no añadas muchísimo texto a tu landing page. No la sobrecargues con información.

Es más preferible optar por lo visual y emocional, que por lo escrito y racional.

Que detrás haya una buena estrategia publicitaria

Recalcar aquí la importancia de que a la landing page se llegue mediante anuncios en redes sociales, o enlaces promocionados tipo AdWords por ejemplo.

La lógica de esto es sencilla: tu landing page no tiene suficiente contenido como para poder posicionarse correctamente, y además puede que tengas cierta "urgencia" en tener todo el sistema de landing pages montado, para poder vender cuanto antes.

Es por eso que tienes que concentrate más que en SEO, en SEM (Search Engine Marketing), o lo que es lo mismo, en las visitas de pago (Pay Per Click).

Que tenga resultados medibles

Y por último (pero no menos importante), medir las visitas que tengas a tu landing page.

De esta manera podrás valorar qué plataforma de anuncios de pago te funciona mejor, y saber cuántos clicks ha tenido tu CTA en tu landing page.

Queda por descontado decir que la mejor herramienta gratuita para medir resultados es Google Analytics.

Además a mi me encanta lanzar una campaña de landing pages, y ver en Google Analytics la medición en tiempo real de las visitas.

 Análisis de landing pages utópicas

Pasamos ahora a la parte práctica, para la cual vamos a ponernos el sombrero de criticador (tanto buenas criticas como malas criticas) y analizar algunos ejemplos de landing pages que, a mi modo de ver, son bastante buenas, y estoy seguro que consiguen resultados buenos.

En el siguiente vídeo voy a ir, uno a uno, visitando diferentes landing pages, y analizando por encima qué nos encontramos en cada una.

 Análisis real de landing pages reales

Y toca ahora analizar "el mundo real" de las landing pages. Con "mundo real" me refiero a la situación más común que tienen la gran mayoría de empresas o profesionales, para con sus landing pages o webs de ventas.

Son páginas que, bien estando muy bien posicionadas, puede que les falte cierto rodaje a la hora de plantearlas como Landing Pages.

Mi objetivo es que, tras haber visto lo que tiene que tener una buena landing page para eCommerce, y los ejemplos del vídeo anterior, te des cuenta de lo que les falta.

Conclusión

A lo largo de este artículo has aprendido (o repasado) todo lo que tiene que llevar una buena landing page para incrementar las ventas de tu producto o servicio.

También hemos visto en los vídeos que hay algunas webs muy bien posicionadas, que están un poco verdes en cuanto a estrategia de ventas, pero sin embargo, hay otras que tienen un diseño espléndido y que seguro les da muy buenos resultados.

Lo más importante de todo este artículo, y que quiero que grabes a conciencia en tu memoria, son dos conceptos clave:

• Una landing page no tiene que tener muchos elementos que "depisten" al visitante a la hora de hacer click en tu CTA
• Una landing page tiene que tener un único objetivo concreto, y solo uno.

Repasa cada uno de los puntos y toma acción con tu estrategia de landing pages concreta.

Esto no es nada difícil. Cuando tienes tu web con WordPress es muy fácil hacer esta diferenciación de precios según perfiles de usuario usando plugins para WooCommerce.

Vamos a ver cómo se hace de forma muy sencilla; para ello necesitarás hacer dos tareas:

• Usar el plugin Wc Role Based Price (plugin gratuito).
• Crear los diferentes roles de usuario según necesidades con el Plugin Capability Manager Enhanced. Por ejemplo, estableciendo dos nuevos roles de distribuidores y clientes.

Vamos a verlo...

  1. Wc Role Based Price (Gratuito)

Este plugin gratuito es el primer paso para establecer una asignación de precios en WooCommerce diferente hacia un determinado producto según la persona que compra.

Con este plugin podrás:

• Mostrar diferentes precios a los usuarios, en función del rol que tengan (ya sean productos simples o productos variables).
• Establecer un precio diferente de un producto en función del rol del usuario que lo vea.
• Ocultar el precio y/o el botón 2Añadir al carrito" a determinados roles de usuarios (usando una extensión).

Este plugin crea por defecto de forma automática un nuevo rol de usuario llamado customer (cliente).

Este nuevo rol se suma a los 5 predeterminados en los perfiles de WordPress (administrador, editor, autor, colaborador o suscriptor).

Lectura recomendada:
Crea usuarios y asigna roles en WordPress.

Vamos a ver cómo se usa de forma explicativa y puedes ver este vídeo donde lo entenderás todo mejor.

  Configurando los tipos de cliente

Una vez instalado y activo el plugin, si accedes a “settings” vas a poder escoger directamente a que rol de usuario quieres asignar un precio diferente.

Puedes ver (como acabo de decir un poco más arriba) un nuevo rol creado de forma automática llamado “customer”, que es el que para el ejemplo queremos usar, aunque puedes establecer el rol que quieras según los intereses de tu tienda online.

Una vez seleccionado el rol, puedes escoger establecer una opción para el producto con el precio especial para ese rol y/o un descuento para el mismo (regular Price, selling Price).

Los otros dos campos son para uso interno. Una vez terminado, haz clic en guardar cambios.

  Editando productos

El siguiente paso es editar un producto concreto donde marcar diferentes precios para ese nuevo rol.

Para ello, accede a la opción de “productos”, escoge el producto al que quieras marcar diferentes precios.

El importe marcado de forma general a ese producto será el que vea cualquier persona nueva que accede a tu tienda online y quiera comprar; pero ahora vas a asignar un precio distinto para el cliente que ya ha comprado y te ha dejado su email de compra anteriormente (customer).

Para ello, vas a poder ver en la ficha de producto una nueva opción “Wc Role based Price editor”.

Activa la pestaña de la opción y pincha en customer (hasta ahora el único rol asignado para el nuevo precio).

Nada más, indica el precio regular Price y selling Price para los clientes.

Así de fácil, ahora una persona nueva que accede a tu web verá el precio general y los clientes (customer) los precios establecidos en esta opción.

Hasta aquí, ¿todo bien no? ¿Has visto que sencillo?

Pero, ¿qué pasa si quieres crear nuevos roles de usuario para establecer precios concretos?, por ejemplos grupos o distribuidores.

También es muy fácil como vas a ver en el paso 2.

  2. Plugin Capability Manager Enhanced

Este plugin te permite crear todos los roles de usuario que quieras o necesites, de esta manera vas a poder establecer precios a cada uno de ellos ofreciéndote diferentes de opciones en la asignación de precios de compra.

Con este plugin vas a poder:

• Crear roles.
• Editar las capacidades de cada rol.
• Copiar las capacidades de un rol existente a uno nuevo.
• Prácticamente vas a poder hacer cualquier cosa que tenga que ver con la gestión de roles en WordPress.

  ¿Cómo se usa?

Es muy sencillo, al instalar y activar el plugin se crean dos nuevas opciones en el menú de administración:

1. En Herramientas > Capability Manager.
2. En Usuarios > Capabilities.

En Capability Manager tienes la gestión de los cambios: aquí puedes realizar una copia de seguridad de todos los cambios que hayas hecho, restaurar una copia de seguridad anterior o bien realizar un reset para volver a la configuración de roles y capacidades que trae WordPress por defecto.

Usuarios > Capabilities: esta opción permite muchas opciones de permisos como puedes ver.

Este plugin se usa mucho cuando quieres dar permisos o accesos a tu web a distintas personas, colaboradores, administradores, autores etc…

Con las diferentes opciones, marcas donde pueden tocar, editar, ver o modificar las personas a las que das permiso acceder a tu web.

En este caso simplemente queremos este plugin para crear roles nuevos de usuario para establecer precios específicos para este grupo o tipo de compradores. Vamos a ver cómo se hace. Para ello tienes que hacer clic en la opción crear nuevo role.

Por ejemplo vamos a crear un nuevo role llamado “distribuidores” ya que por ejemplo queremos que los distribuidores tengan precios más bajos que el usuario normal de la calle.

Ahora vas a poder ver en el desplegable no sólo los 5 roles creados por defecto en WordPress, también el rol “customer” creado automáticamente con el plugin del primer paso, además del nuevo rol creado con el nombre “distribuidores”.

Una vez terminado, guarda cambios.

  Permitir nuevo rol

Tenemos que indicar que tenemos otro nuevo rol para aplicar un precio diferente.

Para ello vamos de nuevo al plugin primero y en la opción donde ya teníamos marcado customer, ahora vemos que podemos escoger también distribuidores (nuevo rol creado)

Guardamos cambios y seguimos

  Estableciendo un nuevo precio de un producto a un nuevo rol

De nuevo vamos al producto de antes y ahora vemos que se ha añadido el nuevo rol al cual marcaremos un regular price y selling Price.

Guarda cambios.

Ahora con estos nuevos roles se pueden dar 3 situaciones cuando se accede a ese determinado producto dependiendo de quién sea:

• Persona que nunca a comprado: Verá el precio general asignado al producto.
• Cliente (Customer): Verá el precio asignado en regular price y selling Price establecido en las nueva opción ficha de producto en el campo customer.
• Distribuidor: Verá el precio asignado en regular Price y selling Price establecido en la nueva opción de la ficha de producto en el campo distribuidor.

Así de sencillo ya puedes crear tantos roles como quieras y establecer los precios que necesites.

  Ocultar el precio y/o el botón Añadir al carrito a roles de usuarios (extensión)

El primer plugin del que hemos hablado (Wc Role base Price) cuenta con una extensión muy buena que te va a permitir establecer distintas opciones de visualizaciones del precio o botón de comprar en función del rol que tenga el usuario que accede al ecommerce.

Esta extensión una vez activada te va a permitir en sus sencilla opciones:

• En extensiones puedes ocultar el precio para visitantes que no estén registrados.
• Ocultar el botón de añadir al carrito para los usuarios que no estén identificados.
• Ocultar las variaciones en productos variables.
• Mensaje personalizado.

Asigna el rol de las personas que no quieren que vean el precio de los productos o el botón de añadir al carrito.

Por ejemplo, puedes hacer que una persona que no este logeada no pueda ver ni precio ni botones. Igualmente para todos los roles de usuario que tengas creados, las posibilidades son infinitas.

Esto es muy útil cuando solo queremos crear una tienda para los distribuidores por ejemplo y no queremos vender al público.

O si quieres crear una tienda sin precios ni carrito provisional porque la venta no quieres que se haga con pasarela de pago, logística etc y es útul para que en un un futuro puedas implementarla.

Ahora, gracias al ejemplo, si se accede a la web en modo incógnito una persona que no está logeada en la web no tendrá la opción de ver precios ni botones de compra.

  Conclusión

Como ves con dos sencillos plugins puedes establecer precios distintos dependiendo de los roles de usuarios que tengamos en nuestra web.

Además podrás ocultar botones y precios de los productos a los roles creados de la misma manera. Crear todos los roles que necesites y comienza a vender como quieras.

Estas páginas no están directamente relacionadas con los contenidos ni objetivos del sitio web, sino que son páginas que siempre deberían incluirse, adaptadas a las características de éste, aunque con el mismo cometido o propósito en todos los casos.

En este artículo, vamos a mostrar cuáles son estas páginas imprescindibles en WordPress, qué contenido deben contener para que sean útil a nuestro público objetivo, por qué deberíamos incluirlas siempre y cómo crearlas en WordPress.

 ¿Por qué son páginas imprescindibles en WordPress?

Para destacarnos de la competencia y conseguir una audiencia recurrente y fiel, nos centramos en que nuestro sitio web en WordPress sea original.

Sin embargo, también hay varios tipos concretos de contenido o información que los usuarios esperan encontrar en un sitio web (aunque no siempre lo consultan, todo sea dicho, pero hay que proporcionárselo).

WordPress proporciona dos tipos de contenido predeterminados llamados posts (entradas o publicaciones) y páginas ("pages").

Si bien los posts se utilizan para escribir artículos del blog, las páginas se utilizan para crear contenidos o bloques de información que no forman parte de la programación habitual de las publicaciones de un blog.

Mientras que los posts se crean de forma continuada y periódica, conforme a un calendario de publicación y una estrategia de contenidos, las páginas se usan normalmente para agregar contenido ajeno a esta estrategia, que rara vez se modifica y que se aplica o tiene extensión a todo el sitio web en su conjunto. Por ejemplo, una página "Acerca de".

Suelen ser páginas informativas sobre determinados aspectos del sitio web y su funcionamiento, por lo que tener este contenido separado de las publicaciones del blog, como páginas web independientes y bien identificadas, ayuda a los usuarios a encontrarlas fácilmente para conocernos mejor.

Además, al tratarse de páginas separadas, también puede administrarse fácilmente, reorganizarlas, agregarlas a los menús de navegación o usar constructores de páginas ("page builder") para crear diseños personalizados para cada una de estas páginas.

Añadir estas páginas a un sitio web no solo proporciona información útil a los usuarios, sino que también hace que nuestra presencia web adquiera más legitimidad y confianza; algo muy importante si el propósito de nuestro sitio web es potenciar nuestra marca o nuestros servicios y productos.

Es posible que, en algunos casos, no necesitemos todas las páginas que se enumeran a continuación. Por ello, antes de empezar a crearlas sin más, previamente debemos pensar cuáles se adaptan a nuestras necesidades y al propósito general de nuestro sitio web.

El siguiente vídeo muestra cuáles son las páginas imprescindibles en WordPress, qué deben contener y cómo se pueden crear en WordPress, y que describiremos detalle en las siguientes secciones:

 1. Página "Acerca de"

Posiblemente la página más evidente que podemos crear: hablar sobre nosotros, seamos empresa, bloguero o tienda online. En todos los casos, la página "Acerca de" resulta imprescindible y, de hecho, habitualmente es la página ("page", no "página web" en general) que más visitas recibe en la mayoría de los sitios web.

Después de todo, antes de comprometerse con nosotros, sea comprar, contratar o seguirnos, los usuarios quieren saber quiénes somos, cuál es nuestra "historia" (en el sentido de storytelling) y si nuestra trayectoria merece su confianza para entablar una relación más cercana y continuada con nosotros.

Esto no debería sorprendernos. Cuando un usuario visita un sitio web y lee el post de un blog, el servicio de una empresa o el producto de una tienda online, sentirán curiosidad por saber quién está detrás de ese sitio web, para establecer qué margen de confianza le pueden otorgar.

Por tanto, no solo debemos crear esta página, sino que debemos esmerarnos en mostrar nuestros valores positivos, nuestras fortalezas, especialmente aquello que nos diferencie de la competencia y suponga un valor añadido con respecto a ésta. Al conocernos mejor, confiarán más en nosotros.

De hecho, para que nos hagamos una idea de lo importante que esta página, una rápida búsqueda en Google sobre cómo hacer una página "Acerca de" nos dará muchos resultados y con una gran variedad de recomendaciones y consejos.

Por último, dado que es una de las páginas más visitadas, puede ser el lugar perfecto para incluir referencias a nuestros contenidos, productos o servicios más destacados, para que los usuarios puedan acceder directamente a esas páginas desde aquí.

 2. Página de "Contacto"

Los usuarios que visitan un sitio web, sean lectores, potenciales clientes, anunciantes o incluso posibles socios comerciales necesitan encontrar nuestra información de contacto para dirigirse a nosotros e iniciar una conversación o hacer una petición o consulta.

La página de contacto permite a estos usuarios que puedan enviar un mensaje directa y rápidamente, más allá de dejar un comentario (visible a todos los visitantes, por otro lado) a un post o en la ficha de un producto. No tener esta página equivaldría a estar aislados e incomunicados.

Dada esta relevancia, al igual que con la página "Acerca de", la página de contacto debe aparecer siempre en un lugar destacado de fácil acceso y visibilidad, como puede ser un enlace claramente visible o como parte del menú principal del sitio web.

Hay diferentes formas de añadir información a esta página, para que el usuario elija la que le resulte más conveniente:

• La más directa y sencilla es incluir un formulario de contacto, donde los usuarios puedan introducir fácilmente sus datos (la dirección de correo electrónico y el nombre propio deberían ser suficientes) y el motivo de su consulta.


• Una dirección de correo electrónico, en caso de que el usuario quiera enviar un fichero adjunto o archivar la respuesta.


• Una dirección postal, junto con el mapa de localización de nuestro establecimiento (si disponemos de uno).


• Nuestros perfiles en las redes sociales.


• Nuestro número de teléfono, lo cual aumenta aún más nuestra credibilidad.


• Un chat online, para que el usuario tenga respuesta al momento de su consulta.

Dado que WordPress no dispone de una forma sencilla de crear y gestionar formularios, podemos utilizar alguno de los plugins de formularios disponibles, como CForms II, uno de los más avanzados y con una versión gratuita muy completa.

Para gestionar un chat online, también necesitaremos un plugin, tal como se explica en este artículo.

 3. Página de "Política de privacidad"

La página de política de privacidad informa a los usuarios sobre los datos que se recopilan en el sitio web, tanto los que recopilamos nosotros mismos (como formularios de registro o de contacto) como por terceros (por ejemplo, pasarelas de pago), informando del uso que se pueden dar a estos datos, en cumplimiento del Reglamento General de Protección de Datos (RGPD).

Esta página hay que incluirla incluso si no se recopila ningún dato de usuario directamente, sino a través de cookies; por ejemplo, para mantener abierta la sesión de usuario (como sucede en una tienda online o un área privada del sitio web) o mediante herramientas externas de analítica o seguimiento (como Google Analytics).

Una página de política de privacidad debe estar en un lenguaje sencillo, no un galimatías jurídico, para que el usuario pueda comprenderla fácilmente y sepa que puede utilizar los derechos que le corresponden según la legislación vigente.

Rara vez un usuario visitará esta página (si lo hace alguna vez), pero es un derecho que le asiste y un requisito legal que todo sitio web debe cumplir, que debe recoger al menos la siguiente información:

• Nombre y datos del responsable del sitio web y del responsable de protección de datos, si no son el mismo.


• Finalidad por la que se recopilan esos datos en el sitio web.


• Periodo de tiempo durante el que los datos estarán almacenados o procesados.


• Intención o no de proporcionar estos datos a terceros, nacionales o extranjero.


• Informar del derecho al usuario de pedir la información o eliminación de sus datos.


• Derecho que asiste al usuario de apelar ante la autoridad competente en protección de datos.

Aunque se pueden encontrar muchas plantillas de políticas de privacidad buscando por Internet, debería hacerse con asesoramiento legal, adaptado a las características técnicas y funcionales de cada sitio web, especialmente si hay transacciones a través de él (como una tienda online o un sistema de pago online).

 4. Página de "Servicios" o "Productos"

Si en el sitio web promocionamos servicios o productos, entonces debemos tener una página para ellos, con un enlace directo a ella que esté visible en todo el sitio web. En esta página, también debemos resaltar los beneficios que ofrecemos, no solo describir las características del servicio o producto (por lo general, el usuario casi seguro que ya las sabe).

Si utilizamos una plataforma de comercio electrónico, como WooCommerce, para vender productos, éste crea automáticamente una página de los principales productos de la tienda online, que debemos añadir al menú principal de navegación, de forma bien visible.

Ahora bien, si vendemos productos u ofrecemos servicios sin utilizar un plugin de comercio electrónico, tendremos que crear expresamente una página para ellos, que no tiene porque ser única, sino páginas a dos niveles, para facilitar la navegación y lectura.

Por ejemplo, se puede crear una página principal para enumerar los productos o categorías de producto principales y, enlazadas desde esta página, otras páginas de segundo nivel para los ver las fichas de los productos con más detalle.

En el caso de la página de servicios, se organizaría de forma similar. Una página principal que enumere y describa brevemente cada uno de los servicios que proporcionamos, enlazando cada uno de ellos con una página que describa cada servicio en detalle.

La calidad de una página de servicios o productos determina el grado de éxito de nuestro sitio web (es decir, que se produzcan conversiones). Por tanto, debe ser fácil de usar, leer y navegar, y describir un producto o servicio de forma honesta y convincente para conseguir que el usuario nos compre o contrate.

Un elemento importante que puede favorecer la interacción del usuario es la incorporación de testimonios, comentarios o valoraciones de otros usuarios o entidades, que aumenten su confianza hacia nuestros servicios o productos.

 5. Página de "Error 404: Página no encontrada"

El error 404 se muestra cuando el servidor no encuentra la página o recurso que ha solicitado el usuario, ya sea porque ha clicado en un enlace mal escrito o porque hayamos borrado esa página o recurso.

Ni que decir tiene que el usuario se queda muy frustrado: esperaba encontrar algo que estaba buscando... pero se encuentra con un mensaje de error. A partir de ahí, no puede hacer otra cosa que volver atrás (probablemente a los resultados de un buscador), mirar el menú principal (si lo hay o si le apetece) o ir a otro sitio web.

Una página 404 amigable y atractiva ayudará a evitar que un usuario se vaya de nuestro sitio web nada más llegar y le alentará a visitar otras secciones del sitio web, reduciendo la tasa de rebote o que nos abandone.

Éstas son algunas de las ventajas de crear una página 404 personalizada y creativa para el sitio web:

• Orientar al usuario hacia las páginas más relevantes del sitio web, incluyendo sus enlaces en esta página, de forma que no se encuentre perdido y siga navegando.


• Una página 404 "amigable" y divertida contrarresta la frustración que ha sentido el usuario al encontrarse con un error y no con lo que esperaba encontrar.


• Mejora el SEO del sitio web, al favorecer que el usuario no abandone el sitio web y siga navegando por sus páginas; por ejemplo, con un cuadro de búsqueda en el sitio web o un enlace al mapa del sitio.

 6. Página "Mapa del sitio"

No hay que confundir esta página con el fichero sitemap, que contiene una referencia de todas las páginas, posts y recursos de un sitio web y que utilizan los buscadores para saber qué páginas rastrear e indexar.

Esta página contiene un lista, normalmente organizada por las categorías del blog, de enlaces a los posts y las páginas del sitio web. Un usuario puede utilizar como índice de todo el contenido del sitio web y saltar directamente al post o página que le interese.

A diferencia de las páginas que hemos visto anteriormente, que se modifican muy raramente, esta página se debe actualizar continuamente, cada vez que se añade una nueva publicación al blog o una página. Por tanto, resulta impractible hacerlo manualmente, debiendo utilizar para ello un plugin a tal efecto.

El plugin "WP Sitemap Page" genera automáticamente el mapa del sitio de un sitio web en una página o post, colocando un shortcode en la posición donde queramos que aparezca, sin tener que preocuparnos de revisarlo cada vez que añadamos, modifiquemos un post o una página de nuestro sitio web.

 Conclusiones

Además de las páginas de contenidos o los posts del blog, un sitio web en WordPress debe incluir siempre algunas páginas que, ya sea por imperativo legal o para favorecer la experiencia de usuario.

En este artículo hemos descrito cuáles son las 6 páginas imprescindibles en WordPress: Acerca de, Contacto, Política de privacidad, Servicios o Productos, Error 404 y Mapa del sitio.

Estas páginas son independientes del resto del contenido o del propósito del sitio web y, una vez creadas, rara vez será necesario modificarlas o actualizarlas, salvo que haya un cambio relevante en la estructura del sitio web o en su gestión.

Aunque estas páginas no aporten nada realmente relevante al sitio web, incluirlas evitará, en el caso de la página de Política de privacidad, incurrir en problemas legales (mayor motivo para incluirla) o, en el caso del resto, que perdamos la posibilidad de convertir un visitante en un cliente.

En el segundo punto de este artículo te detallaré mi situación profesional particular y las herramientas que me hacen falta en cada caso como  "implementadores" de WordPress, para que tengas una idea más directa y concreta de qué herramienta hay que usar en cada situación.

Sigue leyendo y ¡descubre qué herramienta es la más adecuada para tu proyecto o el de tus clientes!

 ¿Cuál es tu situación?

Como todo buen consultor de cualquier tema (no solo de WordPress), hay una palabra que debería de venderse en camisetas, gorras, tazas de café, etc... y esta palabra es oro puro para cualquier persona que quiera dar una respuesta super-profesional a cualquier pregunta: depende.

Lo sé, pica un poco, y es muy general, pero es que el uso de una herramienta u otra para tu proyecto web, va a depender del objetivo y situación en la que te encuentres.

A continuación te describo algunas situaciones entre las cuales puede que te encuentres tú. (Para cada una de las situaciones propongo un tipo de herramientas que te describo en este artículo, y que desarrollaré un poco más abajo).

Cuatro ejemplos de situaciones profesionales

Situación 1: Profesional al que le hace falta un theme de calidad

Soy un profesional de mi sector, pero no me dedico a hacer webs. Como estoy empezando, quiero crear una web sencilla, que explique lo que hago y cómo contactarme. Necesito algo rápido y bonito, sin gastar mucho dinero en ello.

Situación 2: Evento que necesita una plantilla muy chula para "ayer".

Eres el coordinador de marketing de una empresa mediana, y tu jefe te ha encargado crear una web para esta misma semana, para un "cocktail" con el ayuntamiento de tu ciudad. La web tendrá una "agenda", un par de fotos, un mapa de Google del evento, y un teléfono para que la gente llame si le interesa.

SItuación 3: Intranet para una empresa de 600 trabajadores con un buen Framework para WordPress.

Eres el desarrollador de una empresa algo grande. Tu jefa te ha pedido crear en menos de 2 meses una Intranet con diferentes funcionalidades, en donde los trabajadores puedan interactuar entre ellos, escribir artículos, y subir fotos y eventos. Todo sin necesidad de conocimientos técnicos.  Sabes programar perfectamente, cualquier lenguaje, pero decides utilizar WordPress y un buen Framework, para no tener que "empezar desde cero" todo el proyecto.

Situación 4; Page Builder como máquina de creación de landing pages.

Eres un implementador de WordPress. Te conoces la herramienta como la palma de tu mano. Decides utilizar un page builder premium, para crear varias plantillas propias de diferentes temáticas, y poder implementarlas a bajo coste, en cuestión de horas, para muchos clientes de mercados nicho.

Como ves, dependiendo de tu situación, vas a necesitar un tipo de herramienta u otra.

También, dependiendo de tu situación, vas a necesitar un "mix" de dichas herramientas, según la necesidad que tenga tu proyecto o el de tus clientes.

Si te sirve para que sea más claro, las herramientas de las que hablamos en este artículo se pueden ordenar de "menos complejas" a más complejas:

1. Plantilla
2. Theme
3. Page Builder
4. Framework

 Mi situación profesional

Quiero hablar aquí un poco de mi situación profesional en lo relacionado con las herramientas que utilizo para determinados clientes, puesto que, por un lado puede que tú seas un freelance como yo, y tengas clientes, o por otro lado, que tú estés en la misma situación que uno de esos clientes.

Cuando te enfrentas a un proyecto de WordPress, sea del tipo que sea, primero hay que hacer una estimación del "tamaño" del proyecto, siendo estas:

Webs sencillas

Pero sencillas de verdad, no "sencillas" como mucha gente me dice a la hora de enviarle un presupuesto (guiño guiño).

En este tipo entran las webs que no van a requerir ningún tipo de Custom Post Type (es decir, si sólo necesitan los que vienen por defecto con WordPress), y las que se conforman con el aspecto y estructura que viene dado por la propia plantilla.

Como ejemplos de estas webs serían: web de un evento sencillo, web "one page" de una peluquería, fisioterapeuta, etc.

Webs intermedias

En este grupo entran la gran mayoría de mis clientes. Son webs para un negocio un poco mas grande, un restaurante, un hotel, una inmobiliaria, etc.

Normalmente estas webs sí que requieren de Custom Post Types (casas, platos de comida, habitaciones, etc) y es aquí en donde entra un factor muy importante de los plugins, que no deberían de tener los themes. (lo explico más abajo).

Este tipo de webs yo las hago siempre con un buen Page Builder, una plantilla muy sencilla y rápida de cargar, y plugins muy específicos.

Webs Grandes

De estas también he hecho alguna que otra, y en este grupo entran las Intranets, las webs que son puras "aplicaciones" de algún tipo y que se van escalando, redes sociales, foros, CRMs, gestores de proyectos... como ves, todo es posible en WordPress.

Para estas webs, lo más importante para mi es tener una base mínima de calidad, en cuanto a plantilla y Page Builder, e ir completándola con plugins.

Este tipo de webs también se pueden construir sobre Frameworks, aunque yo los uso poco (por el tipo de cliente que tengo, y porque mis conocimientos no son tan técnicos a nivel de código).

No obstante sí que hay desarrolladores muy profesionales que si les das un buen Framework te montan lo que quieras. (Lo difícil es conseguir que luego el cliente final sepa utilizarlo).

Voy a hablarte ahora de cada una de estas herramientas por separado, y vas a ver enseguida que no todas son de mi gusto, y que tengo una favorita.

 Plantillas y Themes

Empezamos por las plantillas y los themes, que si bien no son lo mismo, se parecen mucho (de ahí que los pongo juntos en este apartado).

La diferencia más grande entre las dos, es que la plantilla es idealmente correcta, y el theme es teóricamente incorrecto (según mi modo de ver).

Me explico.

Una plantilla idealmente correcta, es aquella que simplemente viene con un diseño "vacío", sin fuegos artificiales, muy funcional y con un buen código como base, en donde tú, construyes todo a tu gusto.

Esta plantilla vendrá también con un "child-theme" (plantilla hijo) la cual es más sencilla todavía, y en la que tú deberás de aplicar cambios (si los necesitas), y nunca en la plantilla "padre".

La razón básica de esto es que si lo haces directamente en la plantilla padre, cuando venga una actualización de la misma, tus cambios se perderán (ya que serán reemplazados por los archivos originales cada vez que se actualice).

Sin embargo, todo lo que escribas en la plantilla hijo (por ejemplo en style.css o en functions.php), quedará siempre intacto en cada actualización.

Hay plantillas que vienen con algunas opciones más avanzadas, en un panel de control bien gestionado (por ejemplo la que yo uso: Astra Theme Pro). Pero nunca sin salirse del concepto de plantilla "estética" de tu web.

El resto de funcionalidades que necesites para tu web, uses la plantilla que uses, deberán venir de la mano de plugins independientes

Y ahora toca hablar de los themes....

Themeforest y otros mercados de themes

En este apartado es donde te hablaré de la gran diferencia, o al menos como yo lo veo, de los themes y las plantillas.

Los themes han ido evolucionando mucho (pero a peor).

En 2009, cuando yo empecé con WordPress, habían themes que eran igual que las plantillas en cuanto a funcionalidad, y lo único que se diferenciaba era que "theme" significa "plantilla" en inglés.

Pero desde hace unos 5 años, los themes han ido "evolucionando" mucho, y convirtiéndose en verdaderos monstruos del marketing dentro de WordPress, para venderse como churros, sin contar con la calidad de los mismos.

Es por ello que hoy en día, diferencio themes de plantillas, dando a éstas últimas un concepto muy sencillo y "puro" de lo que es una plantilla, y a los themes un concepto más negativo, porque se han convertido en algo que a mi modo de ver no alcanza esa "pureza" que deberían tener.

Quizás el mercado de themes para WordPress más famoso es Themeforest. En Themeforest te puedes encontrar de todo, bueno y malo, pero en su mayoría "incorrecto".

Y hablo de "incorrecto" porque la gran mayoría de themes top ventas, tienen características que dependen completamente del theme en sí, y que si en un futuro quieres cambiar de theme, tu web va a tener que cambiarse íntegramente también.

Lo que quiero decir es, que un theme, hoy en día viene con todo y más:  un slider o dos, varios custom post types configurados en el propio theme, te hagan falta o no, con un panel de control con miles de opciones, apartados de SEO, de optimización de carga, de colores, con page builders integrados, etc.

Hay dos cosas que no me gustan nada en este aspecto:

1. No tienes control sobre las funcionalidades de tu web, ya que están "atrapadas" dentro del theme.
2. No tienes ninguna licencia de los plugin premium que vienen con el theme (por lo cual deberás de pagarlas si quieres actualizarlos).

La palabra que mejor define a un theme genérico hoy en día es "morralla" (elementos que sobran en un sitio).

Por ello, desde aquí, te invito a que dejes de utilizar "themes" y ganes en productividad y escalabilidad utilizando una plantilla más "pura" acompañada de los plugins que cumplan tus necesidades particulares.

 Frameworks

Pasamos ahora a hablar de los todo-poderosos Frameworks (y me reservo el Page Builder para el final).

Sin entrar en mucho detalle o definición de "diccionario", lo más importante para diferenciarlos es que se necesitan ciertos conocimientos técnicos para sacar todo el partido a la inversión que supone un buen Framework (son algo más caros que el resto, porque traen una tecnología muy avanzada).

Es decir, un Framework es una herramienta técnica que facilita en cierta medida a desarrolladores el construir verdaderas aplicaciones web con WordPress, ya que si lo hicieran desde "cero", tendrían siempre el problema más común de cualquier desarrollador: dolores de cabeza al no saber por qué "falla" el código escrito.

Además todo buen Framework viene con un buen soporte detrás, y esto es pura miel para un desarrollador a cualquier nivel: que le solventen las posibles dudas que tenga y le evite dolores de cabeza y noches sin dormir.

Un Framework viene como archivo zip, el cual instalas en tu WordPress como si fuera una plantilla.

Al instalarlo, dependiendo del Framework, tendrás una serie de opciones diferentes, a la cual puedes añadir diferentes extensiones a modo de plugins.

Estas extensiones van completando determinados aspectos de tus necesidades, que puede que a ti te sirvan de mucho, y a otros no. De ahí su tan poderosa escalabilidad.

Por ejemplo, con el Framework que he trabajado (Genesis) las extensiones que siempre he instalado las primeras han sido las "generadoras" de código, las cuales a través de una especie de asistente, seleccionas unas opciones amigables, y te lo convierte todo en un código PHP que puedes incluir fácilmente en tu Child Theme, en functions.php.

Esto, si eres un desarrollador que domine PHP, no te hará falta, y quizás sí otra extensión ḿas avanzada, que te ahorrará mucho tiempo y esfuerzo con la web.

Genesis

Como ya comento más arriba,  en mi opinión el framework más famoso y conocido es Genesis (pero hay muchos otros claro).

He utilizado Genesis varios años, e incluso tengo la licencia "de por vida", aunque hace tiempo que  no lo toco, por el tipo de cliente que tengo. Genesis es un framework muy completo, bien estructurado, potente y con un código profesional.

Cualquier web que se cree sobre una base tecnológica con Genesis, será una verdadera bestia parda en cuanto a posibilidades.

La pregunta aquí es: ¿necesitas una "bestia parda" para tu proyecto?

 Page Builders

Y por fin te hablo del que es mi favorito, para mi tipo de trabajo y de clientes: los Page Builders, y en concreto (más abajo) Beaver Builder.

Lo que más me gusta de los Page Builders es que te permiten crear una web con un diseño muy personalizado y adaptable, para casi cualquier tipo de cliente medio.

Sí, también se puede usar Page Builders en webs muy grandes, pero no todos los Page Builders tienen la misma flexibilidad o estabilidad.

Hay algo que caracteriza a los Page Builders, y es que, al contrario que las plantillas, themes y frameworks, éstos se instalan como un plugin.

Una vez instalado, tendrás una serie de opciones que, bien configuradas y "aprendidas", permitirá que construyas casi cualquier tipo de web en cuestión de horas (no semanas).

Añadir que al igual que un buen Framework, un buen Page Builder cuenta con un soporte profesional detrás, así como con actualizaciones continuas y estabilidad.

Para ello suele hacer falta la compra de una licencia, normalmente pagada cada año, para poder recibir dichas actualizaciones y soporte.

Es por ello que cuando un Page Builder viene "integrado" en un theme, viene sin licencia, por lo que no tendrás soporte, o un soporte más limitado que te lo tendrá que dar el propio desarrollador de ese theme en concreto, con los conocimientos que él o ella tenga sobre ese Page Builder en cuestión.

Por último, decirte que los Page Builders se pueden complementar con las plantillas "puras" de las que hablábamos más arriba, así que ¡puedes tener lo mejor de ambos mundos en tu web!

Aquí te cito los Page Builders más famosos, mi opinión sobre ellos, y por supuesto, te hablaré un poco más de la niña de mis ojos (Beaver Builder).

Elementor

Elementor es un muy buen Page Builder. Es potente, flexible, profesional y muy utilizado por muchísimos usuarios (por no decir el que más).

Yo no lo he llegado a probar del todo, porque Beaver Builder cubre con gran diferencia todas las necesidades. que tengo, en comparación con Elementor.

Pero si algún día Elementor llega a la altura de Beaver Builder en cuanto a mi manera de trabajar, no dudaré en darle una oportunidad.

Divi

Divi es otro Page Builder (el cual también tiene algo parecido a un framework), y está bien, es funcional y con mucho soporte y tutoriales, pero al menos a mi no me termina de "enamorar".

Lo he utilizado a veces, y todo bien, pero lo veo demasiado limitado para las necesidades básicas que busco en un Page Builder.

A mi me gusta usar Divi, en especial cuando quiero construir una página sencilla, con un diseño ya establecido por Divi, que le guste al cliente y que luego él o ella aprenda a utilizar por sí mism@.

Visual Composer

A mi modo de ver, y según mi experiencia, Visual Composer es ese primo "pijillo y al que se lo dan todo hecho" que todos tenemos, y que no se merece lo que tiene.

Es decir, Visual Composer tiene un marketing tremendo, y está integrado en muchísimos themes (sobre todo de Themeforest), y sin embargo, para mi es un Page Builder muy malo.

No voy a decir aquí lo malo que le veo a este Page Builder, qué sí que le funciona bien a mucha gente, y me alegro, pero desde mi punto de vista no me gusta nada, y suelo "huir" de los proyectos que requieren este Page Builder.

Beaver Builder

He reservado para el final este Page Builder porque es la herramienta que me da de comer desde hace unos 4 años.

A Beaver Builder lo trato como a mi propio hijo, y me encanta utilizarlo para todos mis proyectos (grandes y pequeños).

La razón por la que me gusta tanto Beaver Builder es que es una herramienta que combina "lo técnico" y "lo visual" de una manera casi perfecta, en cuanto a mis necesidades. Además cuenta con algunas extensiones, que lo hacen incluso más poderoso:

Beaver Themer

Beaver Themer permite automatizar lo que "aparece en el frontend" de tu web.

Por decirlo de alguna manera sencilla, Beaver Themer es un "page builder" dentro de un "page builder", y con él puedes construir plantillas que luego utilizarás a tu gusto con Beaver Builder, y que mostrarán cierto contenido por igual, en todas las partes de tu web en donde se utilicen esas plantillas.

No me quiero enrollar mucho aquí sobre Beaver Themer, pero merece la pena que le eches un vistazo, si no lo conoces y estás utilizando ya Beaver Builder.

Ultimate Addons for Beaver Builder y Power Pack for Beaver Builder

Son dos extensiones para Beaver Builder, que vienen con diseños pre-establecidos, y fácilmente modificables y adaptables a cualquier parte de tu web hecha con este Page Builder.

Se puede definir como una especie de "plantillas" para los diferentes módulos de tu Beaver Builder.

En mi opinión es un pasada, muy útil y con un retorno sobre la inversión muy elevado en cuanto a calidad y tiempo de creación de webs.

 Conclusiones

Como ves, entre plantillas, themes, frameworks y page builders hay mucha diferencia.

Dependiendo del proyecto que tengas, tendrás una serie de necesidades sencillas o más complejas, y una de esas cuatro herramientas se va a adaptar muy bien a lo que persigues.

Aunque hay algunos themes que sí que merecen la pena, en general un theme tiene demasiados elementos que no te van a hacer falta, y que afectan directamente a cualquier cambio grande que quieras hacer en tu web a largo plazo.

Mi recomendación es que utilices una plantilla básica, bien codificada y que cargue rápido, con un Page Builder de calidad, para poder crear y modificar tu web fácilmente y sin dolores de cabeza.

Sin embargo si tu proyecto es muy grande, mi recomendación es que tengas en cuenta lo que te ofrecen frameworks como Genesis, ya que están pensados para este tipo de web, aunque van a requerir conocimientos mucho más técnicos por tu parte.

Espero que te haya gustado este artículo y que de verdad encuentres la herramienta que más se adapte a tus objetivos.

¡Un abrazo y nos vemos en el siguiente artículo!