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!

El producto, como tal, no varía: sigue siendo el mismo. Lo único que cambia son esas variaciones del producto, que hacen que se adapte más y mejor a los intereses o necesidades del usuario.

WooCommerce incluye en su instalación todo lo necesario para crear y configurar las variaciones de productos, de una forma fácil e intuitiva. Sin embargo, no basta con tener variaciones de productos para que los usuarios se decidan a comprarlos.

Puntos como elegir una buena plantilla para WooCommerce pude ayudar a tomar la decisión de compra pero no es todo

Además, también tenemos que hacer que esas variaciones sean fáciles de ver, navegar, elegir y comprar. Para ello, en este artículo veremos una serie de recomendaciones, o buenas prácticas, nos va a permitir sacar el máximo potencial a estas variaciones de productos y aumentar nuestras ventas online.

 ¿Qué son las variaciones de productos en WooCommerce?

Los productos variables son un tipo de producto en WooCommerce que permite hacer variaciones en algunas de las características o atributos de un producto, con control de precios, inventario, imagen, etc., para cada tipo de variación.

El ejemplo clásico con el que mejor se comprende es para un producto como un pantalón o cualquier prenda de ropa, donde se puede ofrecer varias tallas, diferentes colores o incluso distintos tipos de tejidos.

Aunque el producto se trate del mismo (un pantalón de determinada marca y modelo), cada atributo o combinación de éstos resultan en una variación del producto principal, por lo que deben ser tratados y gestionados, en general, como si fuera productos separados (por ejemplo, para inventario).

Con respecto al producto simple de WooCommerce, los productos variables tienen las dos siguientes propiedades:

• Disponen de una administración separada para cada combinación de los atributos (esto es, cada variación de producto). Aunque se pueden asignar atributos a los productos simples, no se pueden administrar. Por ejemplo, para tener distintos precios o un inventario para cada tipo de atributo.


• El usuario debe elegir la variación que le interesa antes de poder añadir el producto al carrito de la compra, salvo que haya valores por defecto. Es decir, un producto variable solo se define por completo cuando cada atributo tiene un valor.

Por ejemplo, una tienda online que venda pantalones puede tener el producto “Vaqueros SLIM FIT”, con los siguientes atributos:

• Tallas: S, M, L, XL, XL.
• Colores: Azul, Burdeos, Gris, Negro.

Las variaciones de este producto (esto es, “Vaqueros SLIM FIT”) serían todas las posibles combinaciones de estos atributos; es decir: “Vaqueros SLIM FIT, talla S, color Azul”, “Vaqueros SLIM FIT, talla S, color Burdeos”, “Vaqueros SLIM FIT, talla S, color Gris”, y así sucesivamente.

Dado que hay 4 tallas y 4 colores, el producto “Vaqueros SLIM FIT” podrá tener hasta 16 variaciones (4 tallas multiplicado por 4 colores), cada uno de ellas con su propio inventario, ventas, rebajas, etc.

 ¿Cómo crear y configurar variaciones de productos en WooCommerce?

Vamos a ver ahora cómo se pueden crear y configurar las variaciones de productos en WooCommerce, sin necesidad de utilizar ningún plugin, gracias a los atributos de producto que dispone esta plataforma de comercio electrónico.

Antes de nada, es importante diferenciar que podemos tener dos tipos de atributos a la hora de definir las variaciones de un producto:

• Atributos globales, que se pueden aplicar a todos los productos de la tienda online en WooCommerce, aunque la administración debe hacerse después para cada producto que tenga variaciones con estos atributos.


• Atributos personalizados, que solo se aplican a un determinado producto y, como tales, se editan y administran sólo en la página de ese producto.

Podemos utilizar uno u otro indistintamente; el resultado final es el mismo. Sin embargo, en beneficio de una rápida administración y gestión del catálogo de productos, en el momento que más de un producto tengan los mismos atributos, deberíamos optar por los atributos globales.

En líneas generales, el proceso de crear variaciones de productos tiene los siguientes pasos:

1. Crear un producto y configurarlo como de tipo “Producto variable”.
2. Definir los atributos de la variación, que pueden ser globales o personalizados.
3. Crear las variaciones del producto, combinando los distintos atributos.
4. Configurar cada variación, en cuanto a precio, inventario, imagen, etc.

En el último paso, hay que tener en cuenta que el proceso puede ser bastante largo, en función del número de atributos y el número de valores. En general, el número máximo de variaciones de un producto será igual a la multiplicación del número de valores de todos sus atributos.

En el siguiente vamos a ver cómo realizar todo este proceso, paso a paso y con recomendaciones o aspectos que debemos tener en cuenta cuando estemos configurando tanto las variaciones como los atributos:

 Buenas prácticas para las variaciones de WooCommerce

Hemos visto que la creación y administración de las variaciones es sumamente sencilla en WooCommerce, aunque puede ser un proceso un poco tedioso si los productos pueden tener varios atributos con bastantes valores cada uno.

Sin embargo, aunque las variaciones son un elemento de atracción para que los usuarios se conviertan en clientes, si no se integran correctamente, tanto en la página del producto como en su visualización en la página web, puede confundir al usuario y éste decidir abandonar la tienda.

Para evitarlo, a continuación vamos a ver una relación de buenas prácticas que, al propietario de la tienda online, le facilitará la gestión del catálogo y las variaciones de productos, y de cara al usuario, les ayudará a decidirse por comprar la variación de producto que encaja en sus necesidades.

  Elegir los atributos globales o personalizados

Cuando se añaden productos nuevos al catálogo de una tienda online en WooCommerce que presenten variaciones, podemos elegir entre utilizar atributos globales o personalizados, ¿cuál es recomendable?

En general, no habría que pensarlo demasiado: deberíamos usar (casi siempre) atributos globales. Los atributos personalizados tienen una gestión algo más ágil (se hace dentro de la propia página del producto), pero es una arma de doble filo.

Cuando el catálogo es pequeño, quizás no nos encontremos con los problemas que puede acarrear utilizar los atributos personalizados, pero a medida que crezca (y eso esperamos, que nuestra tienda online crezca), acabarán apareciendo inevitablemente:

• Que tengamos atributos personalizados repetidos en productos distintos, con lo que estamos duplicando su administración.
• Que haya atributos globales y personalizados con la misma función, lo que de nuevo complica su administración.

En líneas generales, siempre deberíamos crear y utilizar atributos globales, dejando los atributos personalizados solo cuando sean características muy vinculadas al propio producto.

 Incluir previsualizaciones para cada variación

La primera indicación que un usuario tiene de que un producto tiene variaciones es la lista desplegable de atributos que muestra las distintas opciones de cada atributo y, si quiere ver la variante del producto, debe seleccionarlo para que aparezca su imagen.

Además, esta lista desplegable solo contiene texto, las etiquetas de los atributos, lo que puede desmotivar al usuario si la lista es larga y desmotivarle para continuar con la compra.

Pero si al usuario ya se le mostrara una previsualización (de pequeño tamaño) de las imágenes o iconos representativos de cada variación en la ficha del producto, estaríamos mejorando su experiencia de usuario en dos aspectos:

• Las imágenes tienen mayor impacto y atraen muchos más la atención del usuario que el texto, lo que facilita que siga interesado en conocer más sobre el producto y sus variaciones.


• El usuario no tiene que seleccionar cada valor del atributo para ver su imagen, sino que puede verlos y compararlos directamente sobre la ficha del producto de un solo vistazo.

WooCommerce no soporta esta característica por defecto, pero disponemos de plugins gratuitos que sí, como Variation Swatches for WooCommerce, que permite incluir una imagen de previsualización o un icono prediseñado de cada variación.

 Utilizar etiquetas en los atributos fáciles de leer y entender

Crear los atributos para asignar a productos variables puede ser un proceso sencillo. Si vendemos una camisa en algunos tamaños, solo habrá que crear y asignar atributos de tamaño, es decir, pequeño, mediano, grande, XL, XXL, etc.

Pero puede surgir la necesidad de crear atributos que sean un poco más complejos. Tal vez tengamos una camisa en tres tonos diferentes de azul, con dos versiones de la misma serigrafía, o diferentes cortes o ajustes de la tela.

Los atributos deben ser claros y fáciles de entender de un vistazo, sin importar cuán complejas sean las variaciones en realidad. Si las descripciones en texto (etiquetas) son confusas, posiblemente desmotive al usuario y no decida realizar la compra.

Los usuarios estarán viendo y leyendo una lista de opciones antes de ver las imágenes, por lo que cuanto más claro describamos lo que vendemos, mucho mejor. Si el tipo de atributo lo permite, añadamos una previsualización o icono de cada variación, tal como vimos en el punto anterior.

Si no hay suficiente espacio para enumerar todos los detalles del atributo, o para aportar aún más información, siempre podemos usar la descripción larga del producto (uno de los campos disponibles en WooCommerce) para aclarar todo lo necesario.

 Utilizar fotos reales y de alta calidad para cada variación

No hay nada que desincentive más a un usuario que ver fotos borrosas, de pequeño tamaño o que solo muestra una parte del producto. Y lo mismo se aplica a cada de sus variaciones.

Crear páginas de productos con tantas fotos, para todas sus variaciones, requiere trabajo y lleva tiempo hacerlo, pero hay una buena razón para hacerlo. Por muy buena que sea una descripción textual, una imagen vale más que mil palabras y, muchas veces, ningún texto puede sustituir a una buena foto.

Lo ideal es añadir fotos para cada variación del producto, de modo que cuando el usuario decida qué elegir, pueda ver un ejemplo real de esa elección. No debemos dejar que se imagine cómo es el producto, tenemos que mostrárselo, y si son necesarios varios ángulos, añadirlos también.

Se puede obviar estas fotos individuales de cada variación si no hay diferencias entre ellas. Por ejemplo, la ropa que se ofrece en diferentes tamaños: una camisa pequeña se verá igual que una grande.

Con esta medida, no solo estaremos incentivando al usuario para que se interese y compre el producto, sino que se haga una idea equivocada del producto y sepa de antemano qué es lo que compra.

De esta forma, reducimos la posibilidad de que quede descontento cuando lo reciba y no sea lo que esperaba, evitando que devuelva del producto.

 Añadir múltiples variaciones al carrito de la compra

Si vendemos a minoristas, probablemente compren grandes lotes de las distintas variaciones de un productos. Para estos clientes, añadir en el carrito todas las variaciones que quieren comprar puede ser un proceso largo y tedioso.

Sin contar la cantidad de pasarelas de pago para WooCommerce disponibles

Por ejemplo, un cliente de ropa que desea comprar 10 camisetas medianas, 15 grandes y 5 pequeñas desde la misma página de producto, sin tener que hacerlo una vez por cada variación y sin tener que esperar a que refresque la página.

En estos casos, debemos facilitar que los usuarios puedan añadir al carrito múltiples variaciones de un producto en la misma página y sin refrescos. Sin embargo, WooCommerce no contempla esta funcionalidad.

Podemos utilizar plugins para hacerlo, aunque no son gratuitos. Por ejemplo, el plugin “Woocommerce Variations to Table-Grid” permite que se puedan añadir múltiples variaciones de producto al carrito desde la misma página y en una sola operación.

Para ello, visualiza una tabla en página del producto con todas sus variaciones, para que los compradores puedan elegir la cantidad para cada variación y añadirlos conjuntamente al carrito.

Esto reduce la cantidad de trabajo que los usuarios tendrán que hacer para comprar varios productos a la vez, y también deja claro cuál es el precio total de las variaciones seleccionadas.

 Conclusiones

Gracias a las variaciones de productos, una tienda online en WooCommerce puede ampliar la oferta de su catálogo, de forma que, para un producto dado, el usuario puede seleccionar cuáles de sus características o atributos son adecuadas para él.

La creación y administración de variaciones de productos en WooCommerce está integrado como parte de la página de producto, donde los atributos de un producto establecen la diferencia entre una variación y otra de un mismo producto.

Estos atributos se pueden definir globalmente, con efecto sobre todos los productos del catálogo, o de forma personalizada para cada producto individual. La combinación de los distintos valores de cada atributo define cada variación del producto, como la talla, el color, o las dimensiones.

A pesar de la sencillez de administración de las variaciones de productos en WooCommerce, debemos seguir un conjunto de recomendaciones y buenas prácticas, tanto durante la creación de las variaciones como a la hora de mostrarlos en la tienda online.

Gracias a estas buenas prácticas, muy relacionadas en cómo la información de las variaciones se muestra al usuario, conseguimos que el usuario tenga mayor motivación para decidirse por realizar la compra de una determinada variación y, por tanto, aumentar las ventas de la tienda online.

También te voy a decir como añadir taxonomías en WooCommerce personalizadas, si eso es lo que más necesitas ahora mismo.

Y no te preocupes, porque no hace falta saber código (eso que los no-programadores llaman chino o matrix) para crear una buena taxonomía. Te mostraré una serie de plugins que te servirán para tal fin.

Para cerrar esta introducción, recalcar que a lo largo de este artículo vamos a utilizar un ejemplo que explicará cada uno de los conceptos que vamos a tratar: una tienda online para una pizzería.

 Campos personalizados VS taxonomías VS post types

Vuelvo a repetir en este apartado, que este artículo se centra en las taxonomías de WooCommerce; pero considero necesario explicar las diferencias que existen entre tres conceptos que se mezclan mucho, sobre todo si te estás iniciando en esto de WordPress, o incluso si tu nivel es medio.

• Campos personalizados (En inglés, custom fields).
• Taxonomía (En inglés, taxonomy).
• Tipos de post (En inglés, post types).

Y sí, lo has adivinado, quiero que a partir de ahora, cuando hables de estos elementos de WordPress, lo intentes hacer en su versión en inglés.

Qué son los Custom Fields

En concreto para WooCommerce, un "custom field" es una característica más que se añade a, en este caso, un producto o servicio que tengas en tu tienda online.

Esta característica ha de ser única y va a ir cambiando en cada producto que tenga tu tienda online.

Es decir, no se va a poder "agrupar" con otros productos parecidos.

En nuestro ejemplo, para nuestra tienda online de pizza, un "custom field" podría ser por ejemplo, y dentro del propio producto que es la pizza, un apartado de descripción corta de la pizza, que aparecerá en la página principal de nuestra tienda.

Otro "custom field" podría ser, una foto de un trozo de esa pizza, o un vídeo que muestre cómo se prepara a cámara rápida.

¿Y por qué? Porque un "custom field" es un elemento único de un producto de tu tienda online (en el caso de WooCommerce).

La pregunta que te tienes que hacer, para saber si lo tienes que usar o no, es: ¿es la información que estoy añadiendo al producto, única para este producto o afecta a más productos?

Qué es la Taxonomía

Por otro lado, la taxonomía, es justo lo contrario. Es una característica del producto, que podrá ser agrupada con otros productos, por ejemplo, para ir filtrando productos hasta dar con el que el cliente esté buscando.

En nuestro ejemplo, ejemplos de taxonomías podrían ser:

• Ingredientes (obvio)
• Tipo de masa
• Picante o no
• Apta para celíacos
• Con o sin gluten
• Apta para veganos
• Etc.

¿Lo vas entendiendo mejor? En este caso, la respuesta a la pregunta anterior, sería que afecta a más productos.

Por eso, puedes crear en la web de pizzas, por ejemplo, un banner en grande en la página de inicio, que ponga "Descubre nuestras pizzas para veganos", y al pinchar, que te lleve a un loop de WordPress, donde te muestre todas las pizzas "etiquetadas" (taxonomizadas) con "Apta para veganos", en cada una de las fichas de producto.

Qué son los Post Types

Por último, en cuanto a lo que conceptos se refiere, nos encontramos con los Post Types.

WordPress ya viene por defecto con tres Post Types que ya conoces: los posts, las páginas, y los archivos multimedia.

¿Y te suena que, dentro de los posts por ejemplo, existen las taxonomías de "categorías" y "etiquetas", y que pinchando en una "categoría", puedes encontrar todo el contenido dentro de esa misma "categoría"?

Pues lo que tienes que tener claro aquí es que un Post Type es una agrupación de taxonomías.

En el ejemplo que estamos utilizando, imaginación al poder... como Post Types, podríamos añadir, obviamente, "Pizzas", pero también "Locales", "Cocineros", "Consejos para comer pizza", etc. (¡Lo que se te ocurra!).

Me he aventurado a crear este gráfico explicativo, para repasar todos los conceptos vistos hasta ahora:

 Taxonomías en WooCommerce por defecto

Una vez ya tengas claros los conceptos, ahora piensa en tu tienda online (hecha o por hacer).

Los productos que vendes, ¿qué taxonomía requerirían? ¿O quizás lo que mejor venga sea un Custom Field? ¿Tengo que crear algo, o puedo utilizar lo que viene por defecto con WooCommerce?

Por defecto, WooCommerce viene con lo siguiente:

• Custom post type:
  • Productos
• Taxonomías:
  • Atributos
  • Categorías
  • Etiquetas

Sin entrar en mucho detalle, es importante decir en este punto que, los atributos, se diferencian de las etiquetas de WooCommerce, en que las etiquetas van "sin jerarquizar", y los atributos siempre tienen algún tipo de "sub-nivel" llamados términos.

En nuestro super ejemplo, la Pizza España, como producto en sí, se podría categorizar bajo "Pizzas nacionales", con la etiqueta "España" o "aceite oliva", y con atributos como "tipo de masa (fina, normal, gruesa)".

¿Sigues pensando en tu tienda online? Revisa que no hayas "mezclado" las etiquetas, cuando querías utilizar atributos.

Por ejemplo, si vendes camisetas, no pongas cuatro etiquetas para la talla: S, M, L, XL; en este caso tienes que utilizar el atributo "Talla", y dentro del mismo añadir "S, M, L, XL".

Sé que es algo complejo de entender al principio, pero estoy seguro que has entendido la diferencia.

 Recomendaciones para crear una taxonomía clara

He recopilado aquí algunos consejos que puede que te ayuden a plantear una estrategia de taxonomías mucho más clara y productiva para tu tienda online de WooCommerce:

1. Piensa en la navegación de tus clientes: utiliza las "categorías" para crear la base de cómo tus clientes encuentran tus productos.


2. Usa las etiquetas para facilitar el descubrimiento de productos muy similares (es decir, que compartan etiquetas relevantes).


3. Usa los atributos para refinar la selección de un producto, haciendo fácil a tu cliente el descarte de las versiones del producto que no le haga falta.


4. Piensa como tu cliente, para saber qué etiquetas utilizar (es decir, qué palabras clave utiliza para intentar encontrar tus productos).


5. No tienes por qué utilizar etiquetas siempre, si tu producto es pequeño, y no requiere algo muy elaborado en una tienda online.

Y en definitiva, esforzarte desde el principio, en crear una navegación y taxonomía lo más clara posible para tu web.

Ya que, la fórmula es muy fácil:

Taxonomía clara + buenos productos = más ventas

Y por supuesto elegir una buena plantilla para WooCommerce.

En nuestro ejemplo, dime con cuál de estos escenarios te quedarías:

• Escenario A: Entras a la web y encuentras banderas de varios países, y al pinchar aparecen ingredientes de cada país; al pinchar en un ingrediente, aparecen pizzas de ese país y con mínimo, ese ingrediente.


• Escenario B: Entras a la web y aparecen fotos de pizzas, y un filtro donde puedes filtrar por ingrediente, por país, tipo de masa, tipo de comensal (vegano, vegetariano, etc)...

Ambos escenarios tienen una taxonomía parecida, pero con distintos niveles de importancia de cara a la navegación web.

 Métodos para crear taxonomías en WooCommerce

Como ya tenemos más que repasados los conceptos clave para tener una estrategia de taxonomías clara para tu web de WooCommerce, paso ahora a decirte cómo puedes generar tu propia taxonomía.

Cuando digo "generar tu propia taxonomía" me refiero a crear tú mismo aquella taxonomía que no viene por defecto en WooCommerce, y que consideras que deberías tener.

Mediante código

Me halagaría que fueras programador y estuvieras leyendo este artículo (noto como se me suben los colores), pero como la mayoría de los "mortales" de WordPress, el código se nos queda un poco grande.

Pero.... precisamente lo bueno de usar WordPress es que tiene una comunidad de usuarios muy grande, dispuesto a ayudarte y a darte consejos, y es relativamente fácil encontrar cualquier duda que tengas, ya preguntada y resuelta por otro.

De ahí que, sin saber código, podríamos perfectamente crear una nueva taxonomía, con un código ya hecho.

Solo habría que seguir un tutorial determinado, paso a paso, e intentar no "liarla" en nuestra web.

Mediante plugins

Esta parte sí que nos interesa más. ¿Verdad? Y es que una función tan básica como la de crear tu propia taxonomía, sería un gran "mercado" perdido, si no existieran los plugins.

En el apartado siguiente te voy a dar mi recomendación personal, pero te quiero mencionar aquí unos muy famosos y que funcionan muy bien:

• Pods
• Advanced Custom Fields
• Custom Post Type UI
• Toolset

Todos ellos son buenas soluciones para crear vuestra propia taxonomía. Incluso para el último, existe ya en este blog un artículo sobre cómo personalizar Post en WordPress con Toolset .

 Mi recomendación personal

Desde hace 3 años, utilizo un plugin premium (ojo, los mencionados en el apartado anterior también son premium) que me ha funcionado muy bien, y que me gusta especialmente por tres razones:

• Tiene un buen soporte
• Tiene muy buena integración con otras herramientas que utilizo con WordPress
• Tiene posibilidad de licencia "lifetime" (único pago, licencia de por vida para sitios ilimitados).

Recuerda, en Webempresa no se da soporte sobre plugins de pago, si tienes alguna duda sobre esto, contacta con el desarrollador del plugin para que pueda ayudarte con las dudas que tengas.

El plugin en concreto se llama Metabox. No me voy a extender para explicaros cómo funciona (daría para otro artículo), pero mencionar que:

• Tiene un generador de taxonomías muy bueno e intuitivo.
• Tiene taxonomías "predefinidas" que ahorran tiempo a la hora de aplicarlas en un proyecto web.
• Tiene muchos addons para implementarlo con otras herramientas muy útiles.
• Es muy flexible y conecta muy bien las taxonomías entre ellas.
• Es "developer friendly" (es decir, si eres desarrollador, también te gustará).

Simplemente con acceder a su demo, ya te das cuenta enseguida de lo pulido que está su proceso de venta y la calidad de su producto.

 Conclusión

Uno de los temas más peliagudos y que suenan a "WordPress avanzado" es el de las taxonomías.

Una buena taxonomía, sobre todo si estás usando WooCommerce para vender tus productos, puede significar más ventas, ya que dichos productos van a ser encontrados más fácilmente por tus clientes.

Analiza que taxonomía requiere tus productos, y aventúrate a crear la tuya propia, si con lo que viene por defecto con WooCommerce no te es suficiente.

Su concepto puede ahuyentar a los más "novatos" en un primer momento, pero espero que con este artículo te haya dejado todo más claro, y que pruebes a hacer tu propia taxonomía web, con la que, sin ninguna duda, venderás más productos.

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

Vamos a descubrir cómo es la estructura general de archivos y carpetas en WordPress.

 Estructura por defecto de archivos y carpetas en WordPress

Actualmente, en la versión 5.x de WordPress, una nueva instalación de WordPress por defecto tiene un tamaño de 50MB aproximadamente.

Tiene además 3 carpetas principales y 17 archivos ubicado en la raíz del sitio, tal como se puede ver en la siguiente imagen.

 Principales Archivos y Carpetas en la raíz

En la siguiente imagen se puede ver alguno de los principales archivos y carpetas en la raíz de un sitio WordPress.

Carpetas Principales en la raíz de WordPress

wp-admin

Esta es la carpeta que contiene los archivos y carpetas necesarios para el backend de WordPress, es por eso que cuando ingresas al backend usas la urls https://tudominio/wp-admin, es decir, esta haciendo referencia a esa carpeta.

wp-content

Si bien es cierto que el contenido de texto de WordPress se almacena en la Base de Datos, hay contenido que son archivos físicos, por ejemplo: imágenes, videos u otros recursos de tu sitio web, terminarán almacenados en esta carpeta.

Además los plugins y temas que instales también se almacenan dentro de esta carpeta.

wp-includes

Este directorio contiene los archivos y carpetas que dan la funcionalidad al core de WordPress, como por ejemplo proveer de una API que hace extensible la funcionalidad a través de Hooks. Nunca deberías modificar los archivos de esta carpeta.

Archivos principales en la raíz de WordPress:

wp-config.php

Este es uno de los principales archivos de tu sitio web, si te descargas WordPress verás que este archivo no viene incluido ya que se crea dinámicamente tras una instalación.

Dentro de este archivo verás la configuración de conexión con la base de datos, además puedes definir constantes que será útiles en la administración de tu sitio.

wp-login.php

Anteriormente vimos que para conectarse al backend del sitio debemos usar la carpeta wp-admin.

Sin embargo es este archivo el que controla el acceso a la administración del sitio, podemos igualmente conectarnos al backend del sitio usando: https://tudominio.com/wp-login.php

Lectura recomendada:
¿Qué son los ficheros wp-admin y wp-login.php de WordPress?.

.htaccess

Este es un archivos que se crea cuando habilitas las urls amigables de tu WordPress, además es un archivo importante para realizar redirecciones u otras tareas de seguridad.

El punto delante del nombre del archivo en los sistemas Linux indica que este archivo esta oculto, por lo que es posible que tengas que configurar tu Administrador de Archivos de tu cuenta de hosting o tu cliente FTP para poder verlo.

Lectura recomendada:
Códigos útiles .htaccess para WordPress.

 Principales subcarpetas de WordPress

Existen algunas subcarpetas con las que frecuentemente trabajarás o al menos necesitaras conocer en donde están ubicadas y para que sirven, estas carpetas son carpetas de contenido, es decir están dentro de la carpeta wp-content.

Plugins

Aquí se almacenan los plugins que has instalado en tu WordPress, los plugins usualmente se organizan en carpetas, si eliminas la carpeta de un plugin es similar a desinstalar el plugin, esta es la última opción en caso no puedas desinstalarlo desde el backend de tu sitio.

Themes

Esta carpeta contiene los temas de WordPress, tanto los que vienen por defecto como los que hayas instalado, en esta carpeta igualmente se encuentran los temas hijo que se crean en base a un tema existente.

Uploads

En esta carpeta se almacenan todos los recursos que usará tu sitio web, tal como imágenes, videos, archivos pdf, etc.

Por defecto WordPress organiza los recursos en carpetas por año y subcapetas por el número de mes, sin embargo si vas a empezar recién a trabajar con tu sitio puedes cambiar esta configuración desde: Ajustes > Medios > Subir archivos.

Es posible además que algunos plugins coloquen sus archivos de recursos dentro de esta carpeta.

 Vídeo explicativo

 Conclusión

WordPress tiene muchas más carpetas y archivos, sin embargo en este artículo hemos tratado sólo los principales y los que comúnmente necesitarás conocer para tener una visión general.

Sin embargo, con la llegada de Gutenberg a WordPress, WooCommerce ha sacado provecho de sus características avanzadas de edición para facilitar esa labor, a través del uso del Bloque de Productos.

En este artículo, veremos qué es el Bloque de Productos de WooCommerce, cuáles disponemos y cómo podemos usarlos y configurarlos, utilizando el sistema de bloques de Gutenberg (por tanto, solo disponible para WordPress 5.0 o superior).

 Bloques de Gutenberg, pequeña introducción de uso

WordPress 5.0 supuso una importante actualización, entre otros, con la incorporación del nuevo editor Gutenberg y, en concreto, el sistema de bloques para el contenido de posts y páginas.

Con Gutenberg, podemos crear contenido de una manera más visual que el editor TinyMCE anterior. Para ello, proporciona una biblioteca de elementos de contenido preconstruidos, denominados "bloques".

Cada bloque puede agregarse a una página o publicación (post) y configurar según el tipo de contenido o información que mostrará ese bloque. Gutenberg dispone de bloques para manejar componentes básicos como texto e imágenes, así como otros que proporcionan funciones avanzadas (como botones y tablas).

En esta página de Go Gutenberg podéis ver y consultar los detalles de todos los bloques que vienen incluidos en la instalación de defecto de WordPress con Gutenberg.

Además, también se pueden añadir bloques adicionales, ya sea como plugins específicos para añadir un tipo especial de contenido, como parte de plugins que instalemos en WordPress (por ejemplo, WooCommerce incluye el Bloque de Productos) o editando los ficheros de código de nuestra instalación de WordPress.

El siguiente vídeo muestra las principales características del sistema de bloques de Gutenberg, a la hora de crear y editar el contenido de un post o page en WordPress:

 ¿Cómo insertar productos de WooCommerce en páginas o posts?

Antes de la llegada de Gutenberg, solo había una forma de incrustar productos dentro del contenido de una página o publicación (post): a través de los shortcodes. Concretamente, a partir de la versión 3.2 de WooCommerce, con el shortcode [products].

Un ejemplo de uso de este shortcode sería el siguiente:

[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]

En que se muestra un máximo de 4 productos, en una tabla de 4 columnas (y, por tanto, una fila), ordenador por popularidad, que correspondan a la clase “quick-sale” y que estén a la venta en ese momento:

Haz clic en la imagen para ampliarla  

Ante este ejemplo, ya podemos figurarnos los inconvenientes de los shortcodes, pero podemos reducirlos a los dos siguientes principalmente:

• Al insertar el shortcode, debidamente configurado, la única forma de ver el resultado era guardando la página o post y visitando el sitio web para ver la página correspondiente o a través de la vista previa. Esto ralentiza el proceso de edición del contenido, pues había que estar recargando continuamente dicha página web.


• El shortcode puede utilizarse con múltiples parámetros y sus valores correspondientes, lo que obliga a conocer cuáles son tales parámetros, sus valores válidos y escribirlos correctamente para que los reconozca WooCommerce. Cualquier error al escribir un parámetro o su valor, significa que el shortcode no funciona o muestra algo distinto a lo esperado. De nuevo, esto ralentiza la edición del contenido.

Por otro lado, en muchas ocasiones no era suficiente con colocar el shortcode correctamente donde resultara oportuno, sino que había que introducir también etiquetas HTML o estilos CSS para darle formato o diseño a cómo se mostraban o integraban los productos con el resto del contenido.

A la postre, aunque las ventajas de añadir productos en las páginas o posts son incuestionables, el proceso resultaba tedioso y poco amigable la mayoría de las veces.

El Bloque de Productos de WooCommerce supone cambiar esta metodología de trabajo, aprovechan las características de edición y configuración visual de de Gutenberg, de tal forma que:

• Es posible elegir y configurar visualmente los productos que se mostraran en la página o post, sin tener que recordar comando, parámetros o valores, sino seleccionándolos de una lista desplegable.


• El editor visual muestra en tiempo real cómo quedan los productos dentro del contenido, sin necesidad de tener que visitar y recargar continuamente la página web correspondiente.

Por ello, a partir de la versión 5.0 de WordPress, podemos utilizar el sistema de bloques de Gutenberg para añadir productos a nuestras páginas y posts, junto con la posibilidad de seguir utilizando los shortcodes (por ejemplo, para aquellas páginas y posts que ya los utilizaban anteriormente).

 ¿En qué consiste el Bloque de Productos de WooCommerce?

Cuando instalamos WooCommerce en WordPress 5.0 o superior (es decir, con Gutenberg), incorpora su propio sistema de bloques, al que podemos acceder desde el área de edición de un post o de una página, pulsando en el símbolo “+”, como cualquier otro bloque de Gutenberg:

WooCommerce incluye 11 bloques de productos, que podemos insertar, configurar y combinar a nuestro gusto como parte de los contenidos del post o página:

Al estilo propio de los bloques de Gutenberg, cada bloque tiene sus propias posibilidades de edición y configuración. Por ejemplo, en el caso del bloque “Productos por atributo”, el bloque tiene la siguiente barra de herramientas:

En la que podemos seleccionar cómo queremos que se muestre el bloque, como un todo, con respecto al resto del contenido del post o página, con los siguientes botones de selección:

• Ancho normal: no hay un botón específico para esta función, sino que se activa cuando ninguno de los dos siguientes está seleccionado. En este caso, el ancho del bloque se ajusta al ancho estándar del contenido del post o página.


• Ancho amplio: el bloque ocupa un ancho mayor que el del resto del contenido, pero sigue habiendo márgenes en los laterales.


• Ancho completo: el bloque ocupa todo el ancho de la página, sin márgenes en los laterales, salvo los correspondientes al contenido interno del propio bloque.


• Edición: muestra algunas opciones de configuración del bloque elegido, que depende de su funcionalidad; por ejemplo, en el bloque “Productos por atributo” deberemos marcar cuáles los atributos de los productos que queramos que se muestren en el bloque:

A medida que vamos seleccionando uno u otro de los botones del ancho de bloque, la apariencia visual del bloque en el editor se modifica para que en todo momento tengamos la referencia de cómo quedaría en la página final. Por ejemplo, si seleccionamos “Ancho completo”:

Haz clic en la imagen para ampliarla  

En esta imagen, podemos ver cómo el bloque ocupa todo el ancho del área de edición, comparado con el bloque de edición de textos (similar a la barra de edición clásica de WordPress) que aparece justo encima de este bloque.

Además de esta barra de herramientas, cada bloque de productos también tiene un conjunto de opciones de configuración, que se muestran a la derecha del área de edición de WordPress.

Aunque gran parte de estas opciones son comunes a todos los bloques de producto, también hay otras específicas para el bloque que hayamos seleccionado; por ejemplo, en el caso de “Productos por atributo”, serían las siguientes opciones:

El siguiente vídeo explica y muestra cada una de estas opciones de configuración y cuál es su efecto en la visualización del bloque de productos:

 Los 11 bloques de producto de WooCommerce

Veamos ahora cuáles son los 11 bloques de producto que incorpora WooCommerce y qué podemos hacer con cada uno de ellos:

• Productos por atributo. Los atributos de los productos permiten crear variaciones de productos en función de una de sus características (como talla, color, etc.). Mediante este bloque, podemos indicar o seleccionar cuáles deben ser los atributos de los productos que se mostrarán en el contenido.


• Lista de categorías de producto. Este bloque muestra una lista de todas las categorías del catálogo de productos de la tienda online. Al clicar en una de ellas, se dirige al usuario a la página de esa categoría, donde puede ver todos sus productos.


• Selección a mano de productos. Bloque muy útil cuando el usuario llega a un post que explica el funcionamiento o características de un producto o varios productos relacionados. Permite seleccionar uno o varios productos como parte del contenido de esa página.


• Nuevos productos. Muestra todos los productos nuevos del catálogo de la tienda online. Podemos filtrarlos por categoría de productos, para que solo se muestren los productos de una o varias categorías.


• Productos mejor valorados. Muestra los productos del catálogo de la tienda online que hayan recibido la mayor valoración por parte de los usuarios. Podemos filtrarlos por categoría de productos, para que solo se muestren los productos de una o varias categorías.


• Categoría destacada. Permite seleccionar una categoría para crear un bloque con varios efectos gráficos que llamen la atención al usuario y accede a la página de esa categoría.


• Producto destacado. Similar al bloque “Categoría destacada”, pero indicando un producto en vez de una categoría. Cuando lo usuario lo clica, se le dirige a la ficha de ese producto.


• Productos más vendidos. Muestra los productos del catálogo de la tienda online que más se hayan vendido. Se pueden filtrar por la categoría de los productos, para que solo se muestren los productos de una o varias categorías.


• Productos por categoría. Después de seleccionar una o varias categorías, muestra dentro del contenido todos los productos que pertenecen a una de esas categorías o a todas ellas.


• Productos en oferta (“on-sale”). Muestra todos los productos del catálogo de la tienda online que están de oferta o en rebaja. Podemos filtrarlos por categoría de productos, para que solo se muestren los productos de una o varias categorías.


• Productos por etiqueta. Para poder usar este bloque, la tienda online debe tener etiquetas y estar asociadas a los productos del catálogo. Por lo demás, el proceso es similar al bloque de “Productos por atributo”, podemos indicar o seleccionar cuáles deben ser las etiquetas de los productos que se mostrarán en el contenido.

 Conclusiones

Una tienda online debe aprovechar todas las oportunidades para dar a conocer una selección de sus productos a todos los usuarios que llegan hasta sus páginas web, incluidas las páginas informativas o las publicaciones del blog.

En estos casos, el usuario no llega porque quiera un producto concreto del catálogo de la tienda, sino, normalmente, a través de un enlace como resultado de una búsqueda que ese usuario ha realizado en Google y que le ha llevado hasta una página de contenido, no una ficha de producto.

Debemos aprovechar esas visitas para darles a conocer nuestra oferta de productos, añadiéndolos como parte del contenido de esa página o post.

De esta forma, el usuario verá satisfecha su curiosidad (la que motivó la búsqueda que le llevó hasta la tienda) y tendrá acceso directo a productos relacionados desde esa misma página.

WooCommerce dispone de shortcodes para realizar esta función, pero es un método proclive a errores y que puede requerir varias recargas y comprobaciones hasta conseguir que quede a nuestro gusto.

Sin embargo, gracias al sistema de bloques de Gutenberg, WooCommerce también proporciona un Bloque de Productos, que permite insertar y configurar visualmente los productos que se muestran en las páginas informativas y posts de una tienda online.

Todo ello con otra de las ventajas principales de Gutenberg: ver el resultado visual real al mismo tiempo que se edita y configura el bloque de productos, sin tener que visitar el sitio web ni recargar las páginas web.

Pero, en la mayoría de ocasiones y para la mayoría de usuarios, el más mínimo error, y el primer campo a rellenar con una información que no consideres apropiado, vas a abandonar dicho formulario.

Y esto es precisamente lo que vamos a trabajar en este artículo: evitar abandonos de formulario (en la medida de lo posible), y cómo recuperar formularios abandonados en WordPress para no perder la información que se haya escrito en ellos.

 Un formulario para cada web

Puede que pienses que los formularios son todos iguales, y que los plugins para crearlos también son todos iguales.

Piensa en un coche nuevo, que te compras: ¿lo ves igual al de tu vecino? ¿O lo haces tuyo, como si tú mismo lo hubieras construido pieza a pieza?

En cada web, hay mucho esfuerzo invertido (o así debería ser); un formulario, sea del tipo que sea, es el punto de salida perfecto de tus visitantes, porque significará un objetivo cumplido.

Es por ello que los campos de cada formulario, el diseño que tiene, el cómo aparece ante tus visitas, el tamaño, los efectos que tenga, etc, forman un cúmulo de detalles, que van a influir totalmente en si dicho formulario es abandonado o no.

Tengo que insistirte en este tema; grábatelo a fuego en tu mente WordPressiana; el formulario de tu web, es tu herramienta clave de venta, y conseguir que se rellene (y que no se abandone), es difícil, sí, pero no imposible.

 Tipos de formularios que pueden ser abandonados

Vamos a ver a continuación los tipos de formulario que más suelen abandonarse, y estoy seguro al 99% que si estás leyendo este artículo es porque tienes uno de cualquiera de los tipos que te menciono a continuación.

Permíteme que ponga un ejemplo para cada tipo de formulario.

Formularios de contacto

Has creado tu web, y esperas ser contactado; sí, formas parte del 99% de la gente que se hace webs. :)

Si tu web es sobre un servicio online que ofreces, ¿por qué pides en tu formulario la dirección postal de tus visitas?

Formularios de suscripción

Ofreces noticias super fantásticas, que arrojan una luz de sabiduría a todos tos suscriptores.

Pero...tienes muchos formularios abandonados en WordPress...¿quizás es porque pides el teléfono privado en tu formulario de suscripción?

Formularios de presupuesto

Si navegas en mi web, verás un formulario de presupuesto, con bastantes preguntas. Aún así, recibo muchas solicitudes, porque cada pregunta está bien estudiada para evitar intercambiar demasiados emails previos a una posible reunión por Skype.

Además intento cuidar la estética y la usabilidad del mismo, incluyendo muchos campos opcionales, y sólo los más importantes, obligatorios.

Formularios de compra

Si incluso en Amazon se nos resiste a veces el comprar algo porque nos echamos para atrás por cualquier pequeño detalle (lo vemos más abajo), imagínate lo difícil que es conseguir un pago realizado en nuestra tienda online.

Para mí es el formulario más importante de todos, porque es el que más abandonos genera (todavía se nos hace difícil a día de hoy sacar nuestra tarjeta de crédito y compartir información de la misma con otros).

Formularios de encuestas

Acabas de comprar un producto en una web, y a los 2 o 3 días recibes un correo automatizado pidiéndote que rellenes una encuesta de satisfacción con el servicio prestado.

Si te pillan de bueno humor, con un buen café en la mano, entras activamente, y te propones a rellenar dicha encuesta.

Al entrar, la web no carga del todo bien, y no está adaptada a móviles. Además ves que el formulario tiene 3 "etapas", y en la primera etapa ya hay unas 10 preguntas.

Mejor te bebes el café y lo de rellenar el formulario, para otra ocasión... (a mi esto me suele pasar mucho).

Formularios de soporte

Este formulario es un poco tentador, a la hora de "ponértelo difícil" a ti, como usuario.

¿No te ha pasado que a veces no consigues encontrar por ningún lado cómo contactar directamente con una empresa o servicio online?

Piensa que de todos los formularios, es el único que te beneficia a ti (te resolverá una duda o queja), y no beneficia mucho a la web donde lo envías (les estás generando trabajo).

Aun así, pienso que a largo plazo, el beneficio sí que es muy importante (clientes contentos, recomendaciones. etc), por lo que incluyo aquí este formulario, para cuidarlo y mimarlo, igual que cualquier otro.

Hay otros tipos de formularios, pero al no ser tan corrientes, no creo que haya que mencionarlos aquí.

Vamos a centrarnos ahora en los formularios abandonados en WordPress, y cómo recuperarlos (y evitarlos).

 ¿Qué se considera como "formulario abandonado"?

Como ya te he dado una introducción más que extensa, rematando con los ejemplos del apartado anterior, no me voy a extender mucho en este punto.

Un formulario abandonado, es aquel que no termina de rellenarse, y el cual tú, como administrador de la web no recibes, con lo cual, conlleva siempre un coste de oportunidad para ti.

Dependiendo del tipo de formulario que se abandone, el coste de oportunidad será mayor o menor, y de un tipo u otro, pero casi siempre es monetario (de ahí que los formularios de carrito de compra abandonados son los que más "duelan").

Lo importante de este punto es saber reconocer que un formulario abandonado no es culpa enteramente del visitante a tu web, si no que también influye en gran medida el contenido, aspecto y usabilidad que tú ofrezcas a tus visitas.

Y como esa segunda parte de la ecuación, sí que la puedes controlar tú, las buenas noticias es que cuanto más pulida esté, menor serán los abandonos, eso te lo aseguro.

Y como de teoría no se vive en el mundillo de WordPress, paso ahora a detallarte cómo puedes evitar abandonos en tus formularios web

 Gravity Forms vs WP Forms

En nuestro sector, si se hablan de formularios de contacto, siempre vienen a la mente dos grandes titanes: Gravity Forms y WP Forms.

Si no usas ninguno de los dos, también vas a poder reducir esos abandonos, pero está claro que Gravity Forms y WP Forms te van a ofrecer soluciones concretas para ser más eficiente a la hora de recuperar formularios abandonados en WordPress.

La eterna duda siempre es cuál elegir. A mí me gusta mucho más Gravity Forms (además es más barato), pero para gustos colores.

Más abajo en este artículo te hago un vídeo tutorial de cómo implementar una extensión para Gravity Forms, crucial para lo que nos proponemos en este artículo.

Aun así, también te hablo un poco sobre WP Forms, porque es una herramienta muy buena también, y además, enfoca el abandono de formularios desde otra perspectiva diferente a Gravity Forms, e igual de interesante.

Recuperar formularios abandonados en WP Forms

Empezando con un precio anual de 79 dólares, una de las características de WP Forms es la recuperación de formularios abandonados o formularios con algunos campos rellenos, pero que luego se han abandonado igualmente.

A diferencia de Gravity Forms, cuando un visitante está rellenando los campos de tu formulario, y su cursor se mueve fuera de la zona del formulario, o si pincha en algún enlace que le saque de la pantalla del formulario, los campos que haya rellenado hasta ese momento, se guardarán en tu base de datos.

Como estás a punto de ver, la manera que acabo de describirte es mucho más sofisticada que Gravity Forms, y en general WP Forms es mucho más completo que su competencia, pero como yo doy importancia a otros elementos del plugin, prefiero decantarme por Gravity Forms.

Recuperar formularios abandonados en Gravity Forms

Aunque lo vemos a continuación más en detalle, la manera que Gravity Forms tiene de luchar contra esos abandonos es guardando la información escrita en el formulario, hasta le momento en que el usuario le da al botón de Enviar.

En parte esto es útil, porque, como suele pasar más frecuentemente de lo que pensamos, muchas veces se nos olvida rellenar un campo obligatorio en un formulario, y al darle al botón de enviar, el formulario nos indica que se nos ha olvidado un campo, y por pereza básicamente, abandonamos dicho formulario.

Lo que hace Gravity Forms en ese momento, es guardar todos los campos ya rellenos, aunque el usuario no haya conseguido enviar el formulario en sí.

Personalmente, me parece mucho más útil la manera en que lo hace Gravity Forms, ya que, al darle al botón de enviar, el usuario está demostrando un verdadero interés en contactar contigo, con lo cual, la información obtenida de dicho formulario "no relleno", es más valiosa que si el usuario quería irse a otra página o pinchar en otro enlace (eso para mi, demuestra desinterés).

Te muestro a continuación cómo se hace, mediante una de sus extensiones.

 Evitar formularios abandonados con Gravity Forms

Vamos al plato principal de este artículo: te voy a mostrar como puedes recuperar una información ya escrita en tu formulario, como administrador de la web.

Lo que vas a ver se hace con una extensión de Gravity Forms llamada Partial Entries, y, obviamente, necesitas tener instalado en tu web Gravity Forms, y haber configurado un formulario.

Con esta extensión, oficial de la propia casa de Gravity Forms, vas a conseguir lo que nos proponemos desde el inicio de este artículo: guardar automáticamente todos los campos que vaya rellenando el usuario.

Esto quiere decir que, cuanto antes pidas el email al usuario, antes tendrás la clave para contactar con él o ella, aunque el formulario haya sido abandonado por cualquier motivo.

Eso sí, la extensión te recomienda dejar un mensaje bien claro a tu visitante, diciendo que los campos que vaya rellenando, se van a quedar guardados si le da a "enviar formulario".

En el siguiente vídeo te explico cómo se configura:

 ¿Y cómo evitar, en general, los formularios abandonados en WordPress?

En este último apartado antes de las conclusiones, te explico, en general, y sin tener que utilizar ningún plugin ni extensión específicas, cómo intentar evitar los formularios abandonados en WordPress.

No escondas nada en los formularios. Sé honesto y transparente

Costes de envío, gastos de gestión, extras que no gustan a nadie... todas esas sorpresas que a veces nos encontramos al final de un formulario, mejor no ocultarlas. Es importante que seas muy sincer@ en este aspecto.

Campos que no tienen ninguna necesidad de ser obligatorios

Como he mencionado en los ejemplos del inicio de este artículo, no tiene mucho sentido hacer obligatorio, por ejemplo, el campo del número de teléfono, si tu servicio no se basa en tener ese dato.

O por ejemplo, si vendes otro producto o servicio, a empresas y particulares, no pongas el campo de empresa como obligatorio, eso va a echar para atrás a muchos de los particulares, al no saber qué poner.

Que todo funcione como debe

Nunca lances una web con formulario, sin haberlo probado antes.

Quizás no has visto un error técnico, de fácil solución, que está haciendo que tu formulario no se rellene como tiene que rellenarse.

Ten un diseño acorde con lo que pides

Ni un formulario soso, ni uno con demasiados efectos y un diseño que pueda desviar la atención del principal objetivo: enviar la información del formulario a nuestra base de datos.

Cuanta menos información mejor

Y por último, intenta que tu formulario sea lo más breve posible, porque todo el mundo siempre tenemos prisa en Internet.

En la gran mayoría de los casos generales, en un formulario basta con el email, y como mucho, el nombre.

De ahí, ve haciendo el formulario más grande, dependiendo de tu tipo de objetivo, pero sin pasarse de largo o pesado.

 Conclusiones

Si tu estrategia web se basa en recibir leads a través de tu web, y no utilizas ninguna de la dos herramientas, te aconsejo, como consultor, que inviertas (no es tanto dinero) en estas herramientas para conseguir algo muy profesional.

Si aun así, no quieres utilizarlos no puedes realizar dicha inversión ahora mismo, no pasa nada, hay otras maneras de reducir los abandonos en formularios, como ya hemos visto.

Pero en general, crea formularios que no hagan pensar a tus visitas y posibles clientes. En Internet, a nadie le gusta pensar, siempre queremos que nos digan qué hacer.

Si sigues las reglas generales que te doy en este artículo, utilices plugins o no, vas a reducir desde hoy mismo esos abandonos en tus formularios, sean del tipo que sean.

Espero que te haya resultado interesante este artículo, y ¡nos vemos en el siguiente!

En este artículo, vamos a revisar y conocer las diversas formas de pago sin tarjeta de crédito que dispone WooCommerce, cómo configurarlas y qué implicaciones tiene para el vendedor en la gestión del cobro y envío de los productos a los compradores.

 ¿Por qué aceptar pagos sin tarjeta de crédito en WooCommerce?

Aunque no sea la forma de pago más habitual, el propietario de una tienda online debe considerar al menos de una de las opciones de formas de pago sin tarjetas, para cubrir ese porcentaje de usuarios que no utilizan o no quieren utilizarlas.

Se podría argumentar que solo un pequeño porcentaje de usuarios utilizarían esta forma de pago y que la posible ganancia no compensa toda la gestión adicional de cobros y envíos que una forma de pago sin tarjeta conlleva.

Sin embargo, a priori no se puede saber qué porcentaje de usuarios utilizarían esta forma de pago que, además, suele depender en gran medida del tipo de productos o del perfil del comprador objetivo de la tienda. Por ejemplo, las personas mayores de 50 años tienden a usar menos las tarjetas de crédito.

Veamos a continuación varias razones por las cuales una tienda online con WooCommerce debería tener al menos una forma de pago sin tarjetas.

  1. Reticencia a usar la tarjeta por Internet

Aunque no existe la desconfianza que había hace unos años, muchos compradores potenciales siguen siendo reticentes a introducir los datos de sus tarjetas de crédito para realizar una compra online, incluso aunque la pasarela de pago sea de prestigio y confianza.

El miedo a que se filtren los datos de la tarjeta, que se haga uso fraudulento de ella o que, simplemente, no se confíe en el pago por adelantado, antes de recibir el producto, hace que muchos usuarios aún se abstengan de hacer compras por Internet, salvo que tengan una forma de pago que les genera más confianza.

Por otro lado, aunque las filtraciones y fraudes apenas se producen, suelen tener mucho eco mediático y, en determinados sectores de la población, este tipo de mensajes calan profundamente y perciben el pago de tarjeta como algo inseguro, por mucho que se les argumente lo contrario.

  2. No disponer de tarjeta de crédito

Damos por hecho que, hoy en día, todas las personas tienen una tarjeta de usuario y, en determinados sectores de la población, sobre todo entre quienes han usado nuevas tecnologías desde jóvenes y en las áreas urbanas, indudablemente es así.

Sin embargo, una tienda online que, por ejemplo, quiera abrirse un hueco entre los mayores de 50 años o en áreas rurales, menos habituados a usar tarjetas de crédito, puede estar obstaculizando su crecimiento y expansión, especialmente si la competencia facilitan otras formas de pago.

Por ello, es importante conocer antes en detalle el perfil del comprador objetivo y el grado de aceptación que en ellos tiene la tarjeta de crédito y, en caso que sea un porcentaje significativo, ofrecerles estas otras formas pago.

  3. Imagen de solvencia y eficacia

Incluso para un comprador potencial dispuesto y habituado a utilizar su tarjeta de crédito para compras online, el hecho de que una tienda online disponga de varias formas de pago, además del pago por tarjeta, le confiere una imagen de mayor entidad a la tienda online.

Aunque posiblemente ese usuario ni siquiera se plantearía utilizar esas otras formas de pago (que incluso podrían tener algún coste adicional), el que pueda elegir entre varias, incluidas las más populares pasarelas de pago o TPV’s, añade un plus de solvencia a la tienda, puesto que debe disponer de la capacidad para atender y gestionar cada forma de pago con eficacia.

 4. Facilitar la primera compra

Especialmente cuando la tienda online no es muy conocida o lleva poco tiempo en funcionamiento, los compradores potenciales no saben a qué atenerse con respecto a sus productos, la gestión del envío o la calidad de su servicio y atención a los clientes.

En estos casos, una forma de pago basado en la entrega (contra reembolso), en que pagan cuando reciben el producto, puede romper esa primera barrera inicial, de forma que el comprador tantea el funcionamiento y tiempo de respuesta de la tienda online sin tener que pagar con antelación.

 Modalidades de pago sin tarjetas de crédito

Veamos ahora las distintas modalidades de pago que dispone WooCommerce para realizar pagos sin necesidad de aceptar tarjetas de crédito en una tienda online:

Haz clic en la imagen para ampliarla  

Todos ellas, excepto una, son las formas de pago tradicionales que ya disponíamos cuando se hacían ventas a distancia o por catálogo, antes de la llegada del Comercio Electrónico, y, por tanto, son reconocidas por la gran mayoría de los usuarios.

Como se comentaba anteriormente, no es necesario que incluyamos todas ellas en una tienda online, sino que debemos conocer el perfil de nuestro comprador potencial y adaptarnos a él para ofrecerle aquello que le resulte más conveniente.

Por ejemplo, PayPal incluye una forma de pago que, en esencia, equivale a la transferencia bancaria; sin embargo, obliga a que el usuario tenga una cuenta en PayPal, que no es lo más frecuente.

En general, una tienda online que quiera dar la mayor cobertura de formas de pago a sus compradores, debería contemplar las siguientes formas de pago, siempre en función del perfil de su público objetivo:

• Pagos sin tarjeta: Transferencia bancaria, Contra reembolso, PayPal.
• Pagos con tarjeta: TPV, PayPal.

Hay que tener en cuenta que, tanto para el comprador como para el vendedor, las formas de pago sin tarjetas suponen una gestión adicional, externas a la plataforma de WooCommerce, para realizar y verificar el pago de una compra.

Como es lógico, sea cual sea la forma de pago elegida, el comprador siempre deberá indicar la dirección de envío donde el vendedor debería remitir los productos que haya comprado, además de la información adicional correspondiente a cada forma de pago.

 Transferencia bancaria

Con esta forma de pago, el comprador debe hacer un ingreso, mediante transferencia bancaria desde su cuenta, a una cuenta bancaria cuyo número le proporciona el vendedor, por el importe de la compra.

Haz clic en la imagen para ampliarla  

El proceso completo del pago hasta el envío del producto sería el siguiente:

• El comprador ha terminado de realizar su compra, revisa el contenido del carrito de la compra y selecciona la transferencia bancaria como forma de pago.
• El vendedor muestra en pantalla las instrucciones de pago, que debe incluir como mínimo el número de cuenta bancaria donde realizar la transferencia y el texto que debe figurar en la descripción de la transferencia para identificar el pago y el pedido.
• El comprador realiza la transferencia desde su cuenta bancaria, siguiendo las indicaciones del vendedor.
• El vendedor revisa diariamente las transferencias recibidas en su cuenta bancaria y, cuando recibe la de un comprador, lo identifica por su descripción y procede con el envío del producto.

En el caso de una transferencia bancaria, el envío puede demorarse varios días desde el momento de realizar la transferencia, para que ésta llegue a su destino.

 Pago por cheque

Modalidad obsoleta, prácticamente no utilizada, por el exceso de inconvenientes que supone al comprador, que debe realizar varias gestiones.

Además, debido al tiempo necesario para enviar y validar un cheque bancario, puede pasar más de una semana hasta que se realice el cobro efectivo de la compra y se pueda enviar el producto.

Haz clic en la imagen para ampliarla  

El proceso completo del pago sería el siguiente:

• El comprador ha terminado de realizar su compra, revisa el contenido del carrito de la compra y selecciona el pago por cheque como forma de pago.
• El vendedor muestra en pantalla las instrucciones del pago por cheque, que debe indicar a qué dirección postal el comprador debe enviar el cheque.
• El comprador rellena el cheque según las instrucciones del vendedor y lo envía a la dirección indicada.
• Cuando el vendedor recibe el cheque, lo remite a su entidad bancaria, para que valide e ingrese su importe. Si todo ha ido correctamente (es decir, el cheque dispone de fondos suficientes), el vendedor procede con el envío del producto.

 Pago por Contra reembolso

Modalidad tradicional todavía muy extendida, en que se abona el producto cuando llegue al destino. Para el vendedor, por tanto, supone un riesgo, puesto que el comprador puede cambiar de opinión a última hora o no recepcionar el producto cuando llegue.

Esta modalidad suele incluir un cargo adicional, debido a que la empresa de transporte que envía el producto y recoge el pago, debe hacer llegar el dinero de vuelta al vendedor, con el coste que ello supone.

Haz clic en la imagen para ampliarla  

El proceso completo del pago por el contrario reembolso sería el siguiente:

• El comprador ha terminado de realizar su compra, revisa el contenido del carrito de la compra y selecciona el pago por contra reembolso como forma de pago.
• El vendedor muestra en pantalla las instrucciones del pago por contra reembolso, que normalmente incluirá el cargo por este concepto (que puede ser un porcentaje o una cantidad fija, a criterio del vendedor).
• El comprador acepta la forma de pago y debe esperar a que el producto llegue a su domicilio.
• El vendedor envía el producto a la dirección postal del comprador que, al recibirlo abona al transportista el importe total de la compra más el cargo adicional.
• El transportista abona al vendedor el importe de la compra.

Aunque el pago contra reembolso complica la gestión de una compra tanto al vendedor como al comprador, es una modalidad todavía muy aceptada entre los usuarios, por lo que debería ser una forma de pago a valorar en nuestra tienda online.

 Paypal

Aunque PayPal se utiliza fundamentalmente para pagar con tarjeta de crédito, también permite dos opciones de pago que pueden interesar a muchos usuarios:

Haz clic en la imagen para ampliarla  

• Cuenta bancaria. Equivalente a una transferencia bancaria, en que los pagos sobre la cuenta PayPal del usuario se cargan sobre la cuenta bancaria de éste. Para ello, es necesario que el usuario previamente haya configurado y verificado el número de su cuenta bancaria (es un proceso que puede llevar varios días hasta la autorización final).


• Saldo de PayPal. PayPal permite que los usuarios tengan una cantidad de dinero en efectivo asociada a su cuenta PayPal (“saldo”), de forma que los usuarios pueden utilizarla cuando paguen una compra online con PayPal. Para poder completar la compra, el usuario debe disponer previamente de salgo suficiente para pagarla.

En ambos casos, el proceso completo del pago sería el siguiente:

• El comprador ha terminado de realizar su compra, revisa el contenido del carrito de la compra y selecciona el pago por PayPal como forma de pago.
• Se redirige el comprador a la página de acceso de PayPal, donde debe identificarse en su cuenta y seleccionar una de las dos opciones que dispone para pagar sin tarjeta de crédito: a cargo en cuenta bancaria o sobre el saldo de la cuenta.
• Completado el pago en PayPal, se redirige de nuevo el comprador al sitio web de la tienda online, que obtiene la validación de que el pago ha sido completado correctamente o no.
• Si el pago se ha completado satisfactoriamente, el vendedor envía el producto a la dirección del comprador.

La plataforma WooCommerce incluye soporte para PayPal en su instalación básica, aunque su configuración no es tan sencilla como las formas de pago que hemos visto anteriormente. Esta completa guía de configuración de PayPal en WooCommerce incluye instrucciones para instalarlo y configurarlo.

Haz clic en la imagen para ampliarla  

 Configuración de las formas de pago sin tarjeta en WooCommerce

En el siguiente vídeo vamos a ver cómo configurar las formas de pago sin tarjeta que dispone WooCommerce y cómo configurar la cuenta de PayPal para que los compradores puedan pagar sin tener que utilizar una tarjeta de crédito.

Para la forma de pago contra reembolso, utilizaremos el plugin “WooCommerce Smart COD”, debido a que las opciones de configuración que dispone WooCommerce son muy escasas e insuficientes para contemplar todas las posibilidades (como el cargo adicional que el transportista carga por el reembolso):

 Conclusiones

Todas las tiendas online deberían incluir, como mínimo, el pago con tarjeta de crédito a sus compradores, ya sea a través de pasarela de pago en WooCommerce, TPV o ambos. Sin embargo, sigue habiendo un sector importante de la población, sobre todo en algunos sectores, que prefieren aceptar pagos sin tarjetas de crédito.

Para estos usuarios, WooCommerce ofrece diversas formas de pago que, aunque complican la gestión automatizada de las ventas, puede atraer a esos usuarios y convertirlos en compradores de nuestra tienda online.

Así, las modalidades de pago por transferencia bancaria y contra reembolso son reconocidas por la mayoría de los usuarios, con una larga tradición de uso, desde tiempos anteriores al comercio electrónico, con las ventas a distancia por catálogo.

PayPal ofrece una solución intermedia para los usuarios que no quieren utilizar su tarjeta de crédito como forma de pago, pero sí confían en una pasarela de pago para hacer cargos a una cuenta bancaria (previa validación y autorización) o sobre el saldo carga a su cuenta PayPal.

A pesar de ser modalidades de pago que cada vez se utilizan menos, siguen siendo bastante extendidos en algunos sectores de la población, por lo que no se deberían descartar a priori y evaluarlos según el perfil del comprador potencial de la tienda online.

 ¿Qué es una base de datos?

Una base de datos podemos entenderla como un almacén en donde se guardan datos de manera organizada para su posterior uso.

Usualmente está controlada por un software que nos ayuda con la administración, en el caso de WordPress, es común utilizar MySQL como software para la administración de la base de datos.

Muchas veces pensamos que el contenido de WordPress se encuentra en archivos HTML, sin embargo la mayor parte del contenido de las entradas, páginas, comentarios, etc. están guardados en una base de datos.

En la siguiente imagen podemos ver que en el lado del servidor tenemos archivos PHP que crean dinámicamente el contenido, recuperándolo de la base de datos y muestran el resultado en archivos HTML al usuario.

 ¿Qué son las Tablas y Campos de una base de datos?

La base de datos está organizada en tablas, las que a su vez, tienen campos.

Podemos entender esto como una hoja de cálculo de excel, en donde las hojas individuales serían las tablas y las columnas los campos, tal como vemos en la siguiente imagen:

Existe un campo que es conocido como el identificador o ID. Este campo debe ser único para cada registro y nos sirve generalmente para relacionar tablas.

 Tablas de la Base de Datos en WordPress

WordPress consta de 12 tablas, aunque en la práctica solo usaremos 11, la tabla faltante es la tabla wp_links y se usa por compatibilidad con versiones anteriores y porque algunos plugins antiguos aún la utilizan.

En la siguiente imagen vemos las tablas de la base de datos en WordPress y sus relaciones:

Como podemos ver el nombre de cada tabla empieza con el prefijo wp_: es el prefijo por defecto, pero se puede cambiar al momento de la instalación de WordPress.

 Tabla de Opciones Generales

En la siguiente imagen vemos una tabla que esta completamente aislada del resto, es decir que no tiene ninguna relación.

Esta tabla es la tabla wp_options y en ella se almacenan opciones generales de WordPress y también almacena las opciones de configuración de algunos plugins.

La estructura de la tabla es bastante simple, tiene campos: option_key y option_value para almacenar los datos.

Algunos datos almacenados en esta tabla son, por ejemplo, el nombre del tema actual, el nombre del sitio, url del sitio, etc.

 Tablas con metadatos

Existen tablas que tienen metadatos o datos adicionales asociados, lo podemos comprobar en la siguiente imagen adjunta.

Como podemos ver una tabla de metadatos se compone del nombre de la tabla base más el prefijo meta, por ejemplo wp_users y wp_usersmeta.

Todas estas tablas meta tienen una estructura similar a wp_options, pero en este caso, los campos llevan por nombre meta_key y meta_value. De esta manera se pueden agregar como registros campos adicionales.

A continuación tenemos las tablas con tablas de metadatos asociadas:

wp_comments

En esta tabla se almacenan los comentarios de WordPress. Algunos campos importantes incluyen el correo, url y nombre del autor del comentario, además, información de monitoreo como la IP, información del navegador y fechas.

wp_commentmeta

Esta tabla agrega datos extra a los comentarios. La estructura incluye campos de clave y valor, son usadas comúnmente por plugins adicionales como Akismet para marcar un comentario como spam.

wp_users

En esta tabla se almacena la información de los usuarios del sitio, tiene campos como el login, correo, la clave (la cual esta encriptada).

wp_usermeta

En esta tabla se almacena información adicional del usuario, como por ejemplo su nombre, apellido, rol y otras preferencias que tiene configuradas.

wp_posts

Aquí se guarda todo el contenido de nuestro sitio web. Cada registro almacena un tipo de post, por ejemplo: entradas, páginas, menús, adjuntos y otros tipos creados por plugins.

Tiene campos como por ejemplo: título, contenido, estado, tipo.

wp_postmeta

En este tabla se guarda información adicional para cada publicación o contenido registrado. Tiene la estructura de clave y valor, por lo que se pueden asociar muchos más campos a un determinado registro de contenido.

wp_terms

En esta tabla se guardan los nombres de las taxonomías que están usando los diferentes tipos de contenido, por ejemplo: nombre de categorías, nombres de etiquetas, etc.

wp_termmeta

En esta tabla se almacena información adicional para cada nombre de taxonomía de la tabla wp_terms.

 Tablas de contenido con Taxonomías

Todo el contenido de los diferentes tipos de contenido (entradas, páginas, adjuntos, etc.) se almacenan en la tabla wp_content.

Sin embargo, este contenido está agrupado a través de taxonomías en WordPress (categorías, etiquetas, menús, etc.). En la siguiente imagen podemos ver las tablas que están relacionados con contenido y taxonomías.

Las tablas que relacionan el contenido con el nombre de taxonomía son:

wp_term_taxonomy

En esta tabla se almacena el tipo de taxonomía a la que esta asociada un registro de la tabla wp_terms, por ejemplo si en wp_terms tenemos noticias en wp_term_taxonomy, especificaremos que es un tipo category.

wp_term_relationship

Esta tabla sirve para relacionar la taxonomía o taxonomías a las que está relacionada un registro de contenido, por ejemplo: una entrada podría estar asociada a una o más categorías y tener una o más etiquetas.

En la siguiente imagen vemos un ejemplo con IDs ficticios de una relación entre el contenido de una entrada y sus diferentes taxonomías.

En la imagen vemos una entrada llamada “Hola Mundo”, a través de las relaciones observamos que tiene asignada una categoría (category) llamada blog y una etiqueta (tag) llamada saludo.

 Vídeo explciativo

 Conclusión

Tal como hemos podido revisar, WordPress almacena el contenido de tu sitio web en tablas.

La mayoría de ellas mantiene relaciones con metadatos y la tabla de contenido tiene una relación de taxonomías. Conocer esto nos ayuda a tener un mejor entendimiento de cómo se almacena la información de un sitio web en WordPress.

Acto seguido te voy a dar unas nociones básicas de seguridad para tu tienda online, que deberás tener en cuenta tanto a nivel interno (en tu web) como a nivel externo (en tu hosting).

Por último te hablaré de las actualizaciones (updates) de WooCommerce y plugins en general, para que entiendas por qué a veces es necesario actualizar y a veces no.

  Elección de un hosting bueno para WooCommerce

Ya te habrás fijado en que uso la palabra inglesa hosting y no servidor, pero es lo mismo.

Los que ya hayan leído otros artículos míos en Webempresa, sabrán que me gusta más usar la "jerga" inglesa, ya que luego, a la hora de buscar soporte o información, es más fácil hacerlo en inglés. Si no hablas nada de inglés, te vendrá bien conocer este tipo de palabras.

¡Pero vamos con el tema central del artículo, que si no me voy por las ramas enseguida!

Necesidades de tu tienda online

Ojalá fuera más fácil, si no se tiene mucha idea de tecnología, elegir el mejor hosting para tu proyecto WooCommerce.

Irónicamente, mucha gente sin ninguna idea de "Internet" se aventura en proyectos como tiendas online, ellos solos, y pretendiéndolo hacer todo bien desde el principio hasta el final.

Es por ello que te recomiendo que lo primero de todo, respondas a estas preguntas mentalmente:

• ¿Qué tipo de web necesitas?
• ¿Qué tipo de producto o servicio vas a vender?
• ¿Qué público va a visitar tu tienda online?
• ¿Vas a necesitar alguna funcionalidad específica para tu tienda online?

Espero que tengas claras las respuestas a estas preguntas, porque te ayudará muchísimo a la hora de entender y tener en cuenta los siguientes aspectos para elegir un buen hosting para tu proyecto:

Velocidad y confiabilidad

Uno de los aspectos clave para elegir un buen hosting para tu tienda online de WooCommerce es la rapidez de carga de la web.

Hay muchos factores que influyen en dicha carga, pero uno de los más importantes es la de respuesta del servidor.

Esto quiere decir que cuando alguien visita tu web, está "llamando" a los archivos que están alojados en tu hosting, y el hosting "busca" ese contenido y le "responde" a tu visitante mostrándole dichos archivos. Es esa capacidad de "respuesta" la que tienes que tener en cuenta.

Otro aspecto importante en este apartado es el tiempo que tu servidor esté "disponible" para mostrar tu web a las visitas que tengas.

Hoy en día, es lo más normal que un servidor ofrezca una "disponibilidad" mínimo del 95%. Es decir, casi 24 horas al día (imagina que tu web solo estuviera disponible menos del 50%, es decir, unas 8 horas al día).

Escalabilidad

De cara a la elección de un hosting, es muy importante que puedas "empezar pequeño" e ir "creciendo".

Esto quiere decir que no hay que contratar un super ordenador para tu proyecto web, si ni siquiera sabes si va a funcionar o no.

Mi recomendación es que contrates el plan más básico (que no quiere decir malo), y que vayas expandiendo las características de tu hosting conforme lo vayas necesitando. Puedes echar un vistazo a los planes de Hosting Elástico de Webempresa

Lo bueno es que hoy en día la gran mayoría de hostings ofrecen esta posibilidad, y lo puedes ir ampliando tú mism@ en el panel de control correspondiente a tu cuenta.

Seguridad

El tema de la seguridad de tu servidor es fundamental.

Ojo, no hablo de la seguridad de tu web en sí (que también, como veremos más abajo), si no de la seguridad que ofrece la empresa de hosting que contrates.

Normalmente este tema está muy cuidado por las empresas del sector, pero siempre tienes que verificar que se ofrecen buenas medidas de seguridad contra ataques, hackeos, etc.

Es por ello que tienes que pensar que, si encuentras un hosting super barato (quizás lo que cuesta un bocadillo), ten cuidado porque lo que ofrecen normalmente no será de mucha calidad.

Atención al cliente / Soporte

Para mí es uno de los puntos claves al contratar un hosting, sobre todo para WordPress, y sobre todo para WooCommerce.

Por mucho que sepas de "Internet", siempre llega un momento en que le sucede algo a tu web, y no sabes qué es.

Es por ello que contar con una atención al cliente y soporte exquisitos (rápidos, amables y eficaces), es de lo más importante a tener en cuenta por tu parte.

Siempre he dicho que mi experiencia con Webempresa ha sido fantástica en este aspecto, y al contratarles (y seguir con ellos) ha sido y es el factor principal para decantarme siempre por ellos.

Precio

El precio influye, y mucho. Pero aquí no hablamos de "caro" o "barato". Me gusta más hablar de "precio bajo" y "precio alto".

Un hosting "barato" te va a ofrecer algo de muy poca calidad, sin soporte, que no es seguro, y no funcione la mayoría de las veces.

Sin embargo, un hosting "de precio bajo", te ofrecerá la máxima calidad, pero con una configuración acorde con lo que contrates.

Esto quiere decir que, si contratas un paquete "básico" cuyo precio es bajo (unos 100 euros al año), tendrás un servidor de calidad, pero con espacio limitado, o quizás un bandwidth limitado.

Y es que, como hemos comentado anteriormente, si tu proyecto es "básico" al principio, no hace falta contratar un hosting de precio elevado. ¡Sería como conducir un Ferrari por una ciudad!

Entendiendo conceptos técnicos

A continuación te voy a describir con palabras hiper-mega-sencillas qué significa cada una de estos elementos que tu hosting tendrá a nivel físico, y los cuales llegará un momento en que tengas que "elegir" o al menos entender qué son, para ver si un hosting te compensa frente a otro.

Disclaimer para los haters: ¡La descripción que uso para cada elemento es muy de andar por casa, no voy a introducir nada técnico!

La RAM

La RAM es la adrenalina de un servidor. Es el bombeo de sangre que hace que fluya la velocidad por cada centímetro de cable del ordenador de tu hosting.

Con mucha memoria RAM (Random Access Memory) será posible hacer muchas tareas al mismo tiempo, como por ejemplo, que 100 personas compren al mismo tiempo un producto cada una, en tu tienda online.

De esta manera, ninguna de esas 100 personas, con una buena memoria RAM (el ordenador, no las personas), sufrirá ningún tipo de error, y completarán el pago por tus productos o servicios de una manera correcta.

Los discos SSD

Tu web son archivos. Cada archivo contiene una información diferente.

Todos estos archivos se almacenan en diferentes carpetas en el ordenador que hayas "alquilado" a tu hosting. Ese almacenaje en un ordenador se hace en unos discos, que antiguamente eran "HDD" (Hard Disk Drive) y lo común hoy en día es que sean SSD (Solid-State Drive).

Para entender rápidamente la diferencia entre ambos, los HDD equivaldría a escuchar música con un CD que da vueltas en un aparato reproductor de CDs, y los SSD equivale a escuchar música en tu móvil con Spotify.

No hace falta explicar pues, las ventajas de los SSD.

Un disco SSD permitirá que los datos almacenados en él, sean leídos por el hosting mucho más rápido. Es por ello que uno de los primeros elementos que tiene que tener sí o sí tu futuro hosting son, discos SSD.

El Bandwidth

El Bandwidth (o ancho de banda) es lo que en algunos programas cómicos de la TV llaman "El Cable Gordo".

Tu web es pura información (almacenada en archivos como hemos visto anteriormente), y toda esa información tiene que llegar a unos pocos, unos cientos o unos miles de usuarios, dependiendo de lo mucho o poco visitada que sea tu web.

Cuanto más "Gordo" (cuanto más ancho de banda) hay en tu configuración de hosting, más información va a poder intercambiarse en una unidad de tiempo.

Esto quiere decir que, si tienes poco bandwidth, y tu web la visitan un millón de personas al mismo tiempo, tu servidor no va a poder repartir información a tiempo a todas, y tu web "se va a caer" (no se cargará a muchísimos de ese millón de visitas).

Para hacerlo más gráfico mentalmente: no puedes tener un único repartidor de pizza en una ciudad, si esa noche has tenido 600 pedidos. El pobre no va a poder dar a basto con todo en una sola noche, y mucha gente se quedará sin pizza.

Los dominios

Los Dominios Pizza (perdón, chiste malo por el ejemplo de antes). Los dominios creo que los tienes bastante claros, y sin conocerte.

Un dominio es la manera "fácil" de decirle a un explorador de Internet, a qué ordenador físico alojado en algún sitio del planeta se tiene que conectar, para leer archivos (una web) y visualizarlos en tu pantalla.

Para que lo veas visualmente:

• https://www.dominiodemariano.com
• https://150.220.223.56.2/webmariano (los números raros es el "nombre" del ordenador donde está la la web de Mariano, cuyos datos están alojados en una carpeta dentro de ese ordenador que se llama "webmariano").

Ambas direcciones van a la misma web, pero la primera es más fácil de recordar.

Mucha gente piensa que un dominio es una web en sí, o que hay que tener un dominio en el mismo hosting que tienes los archivos de tu web, pero no, esto no es necesario. Puedes tener un dominio en una empresa de dominos en Australia, y tus archivos web en otra empresa española, y la web seguirá funcionando igual de bien.

Además puedes tener múltiples dominios mostrando el contenido de tu web al mismo tiempo, aunque en muy rara ocasión esto se hace, porque no tiene mucho sentido.

En relación a una contratación de hosting, lo que sí que te beneficia es que muchos planes vienen con un dominio incluido en el precio, como en Webempresa. Puedes revisar también aquí cómo registrar tu dominio.

Los emails

Cuando veo una tienda online cuyo soporte es un email del tipo nombredelatienda@gmail.com, me dan ganas de tirarme por la ventana (menos mal que vivo en una casa baja).

Si a tu web se accede mediante un dominio, por favor, haz emails con tu dominio (es fácil hacerlo desde cPanel), o, ya que tu hosting tiene que tener un soporte muy bueno, pídeles a ellos que lo hagan por ti.

Si te gusta muchísimo Gmail, puedes configurarlo de manera que los correos enviados a tu email corporativo, lleguen a Gmail, y puedas contestarlos desde el propio Gmail (haz una pequeña búsqueda en Google, es fácil configurarlo).

El Uptime

Hemos mencionado más arriba la confiabilidad a la hora de contratar un hosting.

Uno de los factores importantes es el tiempo que tu web esté disponible a los  usuarios, que ya hemos dicho que no baja del 95% en la gran mayoría de los proveedores de hosting.

Simplemente que sepas, que ese "tiempo" se llama "uptime" en inglés.

Los certificados SSL

A nivel de seguridad, es muy importante (casi obligatorio por Google) tener un certificado SSL instalado en tu dominio web.

Un certificado SSL (Secure Sockets Layer) encripta la información que se intercambia a través de ese "Tubo Gordo" entre tu hosting y el usuario que te visite.

Este certificado es clave si en tu tienda online aceptas pagos por tarjeta de crédito.

Puedes leer más sobre esto en mi artículo sobre Certificados SSL.

La IP

¿Recuerdas los numeritos raros que he mencionado en el apartado del dominio en este artículo?

Todos esos números conforman la IP (Internet Protocol) de tu ordenador. Esto no es más que el "DNI" del ordenador que contiene tu web.

Si tu plan de hosting es en un hosting compartido, estarás compartiendo esa misma IP con muchas otras webs. Si tienes una "IP Dedicada", sólo tú tendrás el poder sobre dicha IP.

  Entender la seguridad onsite y offsite en tu tienda online

Tal y como acabamos de ver en el apartado anterior (y el más importante de todo este artículo) es muy necesario entender la diferencia entre la seguridad que te ofrece un hosting y la que tienes que gestionar tú mism@ en tu web o tienda online.

No me voy a extender en este punto, pero cuando vayas a contratar un hosting, busca estas palabras entre los componentes del plan que vayas a elegir:

• Firewall
• Antivirus
• Protección Anti-Hackeos
• Copias de seguridad automáticas
• Certificado SSL

Si el servicio hosting además cuenta con extras, no te lo pienses dos veces, porque quiere decir que se preocupan muchísimo por la seguridad de sus clientes.

Webempresa, por ejemplo, tiene su CiberProtector, el cual yo uso en mis webs y me va genial.

Con el hosting ya contratado, y una vez instalada tu tienda online con WooCommerce, podrías utilizar plugins relacionados con la seguridad WordPress, ya que hay algunos muy específicos para este gestor de contenidos.

Aquí hay un artículo del blog de Webempresa muy completo, en cuanto a la seguridad en WordPress que te recomiendo leer.

  ¿Actualizar o no plugins en WooCommerce?

Los desarrolladores de plugins de calidad trabajan duro en cada nueva versión que sacan de sus productos.

Una buena empresa que venda un plugin premium para WordPress, tiene presente, por lo general, cualquier tipo de vulnerabilidad que ponga en peligro las webs de sus clientes, y tienen una rápida reacción ante dichas vulnerabilidades, enviando actualizaciones de sus plugins.

Una de las reglas básicas de WordPress, para "toquetear" plugins y plantillas de otros, es no hacerlo directamente sobre los archivos originales, pues en futuras actualizaciones, se reemplazarán con las nuevas versiones.

  Conclusiones

Son muchos los aspectos a la hora de contratar un hosting para tu proyecto de tienda online con WordPress y WooCommerce.

Lo recomendable es conocer todos los tecnicismos, al menos por encima, para poder hacer tus propias indagaciones, comprar precios, planes, y elegir el adecuado.

Lo más importante que tienes que tener en cuenta es una combinación que se adapte al tamaño y objetivo de tu proyecto, teniendo en cuenta aspectos de seguridad y siendo precavidos a la hora de actualizar plugins y plantillas.

Espero que te haya resultado útil este artículo, y ¡nos vemos en el siguiente!

 ¿Qué es entonces el efecto Lock-in en WordPress?

El efecto Lock-in (traducido como efecto de permanencia), se puede entender como el problema que tienen los usuarios cuando se ven forzados a seguir usando un tema o plugin, ya que si tratan de cambiarlos perderán su contenido.

Algunos ejemplos de efecto Lock-in serían los que mencionamos a continuación:

En la siguiente imagen vemos que tenemos un maquetador visual para construir contenido. Este maquetador usa sus propios shortcodes y reemplaza al editor nativo de WordPress.

Si desactivamos el maquetador es posible que perdamos parte del contenido y diseño:

Tal como se muestra en la siguiente imagen, tras desactivar el editor visual veremos una serie de shortcodes y atributos, pero solo una parte del contenido. El resto del contenido se habrá perdido:

En la siguiente imagen vemos que luego de activar un tema, nos ha creado como parte de su funcionalidad dos ítems de menú o Custom Post Type: uno de portafolio y testimonios:

Si ingresamos contenido en estos ítems perderemos ese contenido si decidimos cambiar de tema, ya que los ítems de menú creados por el tema habrán desaparecido, tal como se muestra en la siguiente imagen:

 ¿Cómo saber si un plugin o tema genera efecto Lock-in en WordPress?

La forma más simple de saber si un tema o un plugin te genera efecto Lock-in en WordPress es simplemente probar a desactivar o desinstalar el tema o plugin.

Si haces esto y ves aún que todo el contenido, aunque sea mal maqueado, se puede ver en el front-end de tu sitio, entonces no tiene efecto Lock-in; sin embargo si ves una serie de shortcodes o el contenido no aparece en absoluto, entonces si se genera efecto Lock-in en WordPress:

En la siguiente imagen vemos que tras desactivar el plugin nos ha dejado solo un shortcode. Si decidimos cambiar este plugin tendremos que ingresar nuevamente el contenido en el nuevo plugin.

 ¿El editor Gutenberg genera efecto Lock-in?

Gutenberg es el nuevo editor que viene por defecto a partir de las versiones 5.x de WordPress, si por alguna razón no quieres usar este editor tienes la opción de seguir usando el editor clásico:

Si desactivas Gutenberg verás que tu contenido no se pierde; esto es debido a que Gutenberg usa comentarios HTML para identificar sus bloques a nivel de código, tal como se ve en la siguiente imagen:

El contenido queda intacto y solo tendrás los comentarios HTML delimitando y especificando los atributos de cada bloque, pero estos comentarios no se ejecutarán ni tendrán efecto en el navegador sino tienes Gutenberg activo.

Por lo tanto, podemos decir que Gutenberg con los bloques por defecto no genera efecto Lock-in, ya que si vemos este contenido en el front-end del sitio se mostrará de manera similar a la siguiente imagen:

Hay que decir que también existen plugins que crean bloques en Gutenberg.

Si estas usando alguno de estos bloques generados por plugins externos igualmente te recomiendo probar a desactivar temporalmente el plugin y verificar si aún tu contenido se muestra en el front-end de tu sitio.

 ¿Puedo evitar el efecto Lock-in en WordPress?

Actualmente es muy difícil que puedas evitar este efecto ya que muchos de los themes, especialmente los de pago, siempre tendrán un grado de funcionalidad incluida o en el caso de los plugins, algún shortcode incluido.

Si embargo puedes reducir el impacto del efecto Lock-in en tu sitio web WordPress.

 ¿Cómo puedo reducir el impacto del efecto Lock-in en WordPress?

Ten en cuenta los siguientes puntos para reducir el impacto del efecto Lock-in en WordPress tanto para plugins como para temas.

Reducir el efecto Lock-in en temas

La idea principal es buscar que el tema solo se encargue del diseño y evitar la funcionalidad que tenga incluida; si quieres tener tu sitio cierta funcionalidad es mejor tenerla separada en un plugin y no como parte del tema.

Algunos temas comerciales entienden esto y poco a poco están sacando su funcionalidad y creando plugins que complementan el tema, esto es lo mejor ya que si decides cambiar de diseño, cambiar de tema, aún conservarás la funcionalidad separada en un plugin independiente.

Reducir el efecto Lock-in en plugins

La idea principal en los plugins es evaluar si al menos tienen opción de exportación/importación de datos, por ejemplo en el caso de WooCommerce, es un plugin de tienda pero te permite exportar el contenido.

Lo mismo para un plugin de SEO como SEO Yoast, al menos de esa forma no tendrás que volver a copiar y pegar todo el contenido en un nuevo plugin desde cero.

Si el plugin no tiene opción de exportación, por ejemplo algunos maquetadores visuales de contenido o algunos plugins que crean formularios, al menos evita usarlos para todo.

No uses un maqueador visual en todas tus entradas, es mejor utilizarlo puntualmente en páginas específicas como la página de inicio, de contacto, etc.

De esta forma si decides cambiar de maquetador al menos no tendrás tanto problema al crear el contenido nuevamente ya que solo lo has usado en páginas específicas.

 Conclusión

En conclusión, vemos que no podemos librarnos el efecto Lock-in en WordPress ya que la mayoría de plugins y temas generan en cierto grato este efecto.

Sin embargo sí que podemos reducir su impacto, evitando el uso de temas con funcionalidad incluida y haciendo uso de plugins que tengan opciones de importación/exportación o usándolos en lugares puntuales de nuestro site que no impliquen mucho cambio en el futuro si decides cambiar de plugin.

  Qué es un widget

Pero antes de comenzar con el listado de widgets, necesitamos entender qué es un widget.

Los widgets son pequeños bloques con diversas funcionalidades que se pueden poner en distintas partes de la web. Pueden colocarse en las barras laterales, footer o incluso, dependiendo de la plantilla, en cualquier otra parte de la web.

Los widgets te permiten añadir bloques de texto, imágenes, enlaces, menús y demás contenido en la web de una manera rápida y fácil de editar.

Los widgets se gestionan desde el menú de WordPress Apariencia > Widgets. WordPress dispone de unos cuantos widgets por defecto, algunos bastante útiles como el Menú de navegación o Categorías.

A la izquierda se muestran todos los widgets disponibles y a la derecha las zonas donde se pueden colocar. Dependiendo de la plantilla (o tema) que utilicemos tendremos más o menos zonas habilitadas.

El funcionamiento es sencillo y consiste en pinchar el widget que elijamos y lo arrastramos hasta la zona donde queramos que se muestre. Una vez ahí se despliega, lo configuraremos y pulsaremos el botón “Guardar” del propio widget.

Los widgets pueden utilizarse todas las veces que se quieran y en cualquier zona. Además, pueden ordenarse dentro de cada zona pinchando y arrastrando el widget, o cambiarlo de zona.

Si vas a crear tu web WordPress y te gustaría añadir una zona de widgets en alguna parte que por defecto no te lo permita el theme, aquí puedes ver cómo crear zonas de widgets.

Existen también algunos maquetadores visuales que utilizan widgets en la composición de las páginas, como Page Builder by SiteOrigin, lo cual te permite colocar widgets prácticamente en cualquier parte de la web.

¿Y cómo se instalan los widgets? Los widgets forman parte de los plugins. Algunos plugins únicamente contienen widgets y otros plugins ofrecen widgets como una funcionalidad más dentro de todo lo que ofrece (por ejemplo, un plugin de eventos que añade un widget con un calendario).

Así que para buscar e instalar widgets lo haremos igual que con los plugins.

  Listado de los 9 + 1 mejores widgets gratuitos para WordPress

Antes que nada, tengo que decir que en realidad nombro bastantes más de 9 widgets, pero algunos son variantes de lo mismo y otros forman parte de un único plugin, por lo que no los he contabilizado.

Para el listado de widgets gratuitos me he basado en las necesidades que cubre el widget. En muchos casos con un par de widgets podemos resolver muchas de las necesidades básicas. Los he ordenado de más genéricos a más específicos. ¡Vamos a verlos!

Black Studio TinyMCE Widget

WordPress por defecto dispone de dos widgets para introducir texto y HTML personalizado. Aunque los va mejorando se quedan un poco cortos en cuando a opciones.

Este widget nos ofrece un editor de texto como el de las entradas del blog, con lo cual podremos por títulos, imágenes, alinear textos, cambiar colores y demás opciones del editor.

Image widget

Al igual que pasa con el widget anterior WordPress ya tiene un widget de imagen, pero podría ser mejor. Con este widget tendremos más control sobre la imagen respecto a tamaño, alineación, enlace a otra página o enlace externo abriéndolo en una página nueva.

Este widget va muy bien para banners de publicidad, logotipos o similar.

Recent Posts Widget Extended

Este widget no solo muestra las últimas entradas del blog, también de cualquier post type (portfolio, por ejemplo).

Tiene mucha personalización, puedes excluir las entradas fijas, saltar un número determinado de entradas, mostrar el extracto y además mostrar la miniatura de la imagen destacada, algo que mejora mucho la presentación.

También tenemos el plugin Flex posts, con las mismas opciones de configuración pero con varios formatos de presentación, destacando la entrada más reciente.

Si en lugar de una lista con las últimas entradas queremos mostrarlas como un slider, nada más sencillo que el plugin Widget post slider.

Lo único que hay que introducir es el título y la categoría de donde mostrar las entradas (por defecto todas las categorías) y mostrará las imágenes con su título. La velocidad entre diapositivas y la transición es automática y no se puede modificar, pero aún así el resultado es muy bueno.

Y si aún no te convence ninguno de los widgets anteriores puedes optar por mostrarlos en pestañas con el plugin WP Tab widget. Las pestañas disponibles son entradas recientes, populares, comentarios y etiquetas. También muestran la miniatura de la entrada entre otras características.

Social Icons Widget by WPZOOM

Estar accesible en las redes sociales es algo fundamental hoy en día y es importante que los usuarios que acceden a nuestra web sepan dónde localizarte. Con este widget mostraremos los iconos con nuestras redes sociales enlazados a los distintos perfiles para que puedan llegar fácilmente y con un poco de suerte seguirnos.

El widget es muy completo ya que permite personalizar los iconos de las redes sociales en cuanto a posición, tamaño, separación, colores y decidir el orden en que se muestran.

Meks Easy Photo Feed Widget

Si tienes una cuenta de Instagram y quieres mostrar su contenido en tu web, este widget lo hace de un modo muy fácil. Únicamente necesitas saber el nombre de la cuenta o el hastag. Seleccionas el número de imágenes a mostrar, las columnas y tamaño máximo y cada cuánto tiempo tiene que recargar el contenido.

También incluye un botón para que te sigan.

Simple Social Page widget & shortcode

Con este plugin podrás conectar con tu cuenta de Facebook. Para que funcione necesitarás crear un app ID (dispone de un enlace que te lleva a tu cuenta para crearla). Una vez puesto el ID en su página de configuración ya podrás utilizar el widget.

El widget tiene bastantes opciones de personalización. Lo primero que tendrás que introducir es la url de la página que quieres mostrar. Y después una serie de opciones para mostrar o no contenido.

Custom twitter feeds

Completando la parte de redes sociales tenemos este widget para mostrar twitter. Este plugin tiene una página de configuración donde se personaliza por completo el widget.

Para poderlo usar primero hay que conectarlo con tu cuenta de twitter. Es más sencillo que con Facebook, solo hay que pulsar un botón para conectarte introduciendo tus datos de acceso.

Por el contrario tiene más opciones de configuración y sólo está en inglés. Puedes mostrar los tweets de tu cuenta o un hastag, el número de tweets a mostrar y cada cuánto tiene que buscar nuevo contenido en twitter.

Los otros apartados los utilizarás para maquetarlo según lo que quieras mostrar y con qué colores. Una vez lo tengas todo, en los widgets sólo tendrás que añadirlo donde quieras.

Five Stars Business Profile

Este widget te permite mostrar información de tu empresa como la dirección, teléfono, página de contacto, email y horario. También incluye el mapa de Google.

Este widget es muy útil en el footer, espacio habitual para este tipo de información. El plugin tiene una página previa donde se rellenan todos los datos. Después en el widget se marcan los campos que queramos mostrar.

Siteorigin Widgets Bundle

Hasta ahora os he mostrado widgets individuales para resolver necesidades específicas. Este plugin es un pack de widgets pensados para utilizar principalmente con el maquetador visual Page Builder by SiteOrigin pero casi todos se pueden utilizar también en el apartado de Apariencia > widgets de tu WordPress.

Una vez instalado lo primero que tenemos que hacer es configurar el plugin para activar los widgets que queramos utilizar. Hay más de 20 widgets, lo cual está muy bien.

La configuración se encuentra en el menú Plugins  > SiteOrigin Widgets.

Repasándolos por encima, lo primero decir que hay algunos que hacen las mismas funciones que otros widgets de la lista, como el Editor SiteOrigin, Imagen de SiteOrigin (dispone de la opción de añadir un título encima o debajo de la imagen), SiteOrigin Carrusel de entradas o Botones de Redes Sociales SiteOrigin (con más opciones de maquetación).

Ahora vamos a ver de los widgets nuevos los más destacados:

• Acordeón SiteOrigin: Este modo de maquetación es muy usado en preguntas frecuentes, donde se listan varias preguntas y al pulsar sobre una se despliega la respuesta.


• Características de SiteOrigin. Este widget nos permite hacer una composición combinando un icono con un título, una descripción y un enlace para “Ver más”.
  
  Un ejemplo de uso podría ser una tienda donde ponemos en una franja horizontal “Pago seguro”, “Envío gratuito” y “Garantía de devolución”, cada uno con un icono y un enlace a la página donde se explican las condiciones de cada uno.


• Pestañas SiteOrigin. Nos permite mostrar información en pestañas horizontales, por lo que es un widget muy útil. Podemos personalizar los colores del contenedor, título de la pestaña y los paneles de información.
  
  Como dentro de cada pestaña dispone de un editor de texto completo podemos introducir cualquier tipo de contenido.


• Carrusel SiteOrigin. Este widget me gusta mucho porque te permite añadir un slider (carrusel) de imágenes en cualquier parte de la web sin necesidad de crear una galería previa, o con complicadas configuraciones como suelen tener la mayoría de plugins de este tipo.
  
  Puedes añadir enlaces en las imágenes y maquetar los controles de navegación. Permite incluso añadir vídeos.


• Masonry sencillo SiteOrigin. Con este widget podemos hacer un mosaico de imágenes distribuidos dentro de una cuadrícula. Podemos elegir el número de columnas para ordenador, Tablet y móvil, y a cada imagen le decimos cuantas columnas y filas utilizará.
  
  Os pongo un ejemplo que siempre se entiende mejor. Voy a utilizar 4 columnas y voy a poner 3 fotos. La primera foto hago que ocupe 2 columnas y 2 filas. Y las otras 2 imágenes 2 columnas y 1 fila. El resultado sería este:
  
  
  
  El resultado es muy bueno para la sencillez que tiene.


• Retícula de imágenes de SiteOrigin. Este widget es más básico que el anterior, te permite colocar las imágenes definiendo el tamaño de la imagen y el tamaño máximo.
  
  Las imágenes se distribuyen en horizontal hasta que no caben más y se colocan debajo. Las imágenes se muestran centradas y con una separación que también podemos definir.


• SiteOrigin Google Maps. Introduce el mapa de Google con la ubicación de tu empresa, puedes introducir varios marcadores o incluso una ruta con inicio y destino. Tienes muchas opciones de configuración, desde el zoom para ordenador o móvil, el icono del marcador o el estilo del mapa.


• Formulario de contacto SiteOrigin. Es de los más completos que he visto que te permiten crear un formulario de contacto directamente desde el widget.
  
  Eso sí, tiene muchas opciones de maquetación que pueden parecer excesivas, pero por experiencia sé que al final los plugins que no ofrecen tantas opciones terminan mostrando un formulario que no se parece mucho al resto de la web, y hay que cuidar los detalles.
  
  Este widget te permite, aparte de configurar el correo, la respuesta automática y los campos a utilizar, maquetar tanto el contenedor del formulario como las etiquetas, los campos y los botones, el tamaño de los textos, los mensajes de error e incluso ponerle protección antispam con recaptcha o akismet.


• Reproductor de vídeo SiteOrigin. Este widget nos va a permitir mostrar vídeos alojados en nuestra web y vídeos externos, como YouTube o Vimeo. Es muy sencillo y el resultado es perfecto.


• Botón de SiteOrigin. Este widget nos permite crear un botón que enlace a cualquier página. Tiene muchas opciones de maquetación, permitiendo añadirle incluso un icono en varias posiciones (dispone de una librería muy extensa de iconos).


• SiteOrigin Llamada a la acción. Nada más sencillo para hacer una llamada a la acción como este widget, en el que introduces un título, un subtítulo y un botón con un enlace y ya lo tienes listo.

Widget options

En el artículo hablo de 9 widgets + 1, y es que en realidad este plugin no es un widget en sí, pero añade a todos los widgets unas opciones de configuración muy interesantes.

El plugin tiene una página de configuración donde activar o desactivar funcionalidades, pero con las activadas por defecto ya te va a gustar.

Ahora al desplegar cualquier widget aparecen unas pestañas con iconos.

En la primera pestaña tenemos un ojo, y lo que podemos hacer es mostrar u ocultar el widget según la página, o la categoría en la que esté.

Con esto podemos tener en una misma barra lateral diferentes widgets según sea, por ejemplo, el blog, una página estática específica, el listado de productos de una categoría de una tienda, y un largo etcétera.

No necesitarás tener zonas de widgets para cada apartado. Con una única zona puedes mostrar contenidos completamente diferentes en cada parte de la web.

Y con la segunda pestaña, la del móvil, tenemos “la guinda del pastel”, porque podemos mostrar u ocultar el widget dependiendo del dispositivo desde el que se vea, PC, Tablet o móvil.

Por ejemplo, puedes querer mostrar un mosaico de imágenes en la versión PC, pero en el móvil que cambie a un carrusel para que no ocupe demasiado.

La siguiente pestaña es para alinear el contenido, algo que dependiendo del widget puede hacer o no falta.

Y la cuarta pestaña también es útil porque puedes mostrar el widget a personas que estén o no logueadas en la web, como contenido privado.

  Conclusiones

Con los widgets vamos a poder enriquecer nuestro WordPress de manera visual pero también añadiendo todo tipo de contenido de manera fácil y sencilla.

En definitiva, los widgets nos van a permitir ampliar las funcionalidades de nuestra plantilla theme de WordPress con una infinidad de opciones. Y aunque muchas plantillas vienen con widgets más allá de los que WordPress ofrece no suelen ser suficientes.

Con este artículo espero que puedas mejorar tu web con estos widgets que te permiten hacer desde añadir redes sociales, información de la empresa, mostrar categorías del blog o las entradas hasta crear formularios, banners o botones de llamada a la acción y muchas más funcionalidades.

Pero si ninguno de los que te he contado hace lo que necesitas estoy casi seguro que en el repositorio de WordPress estará. ¡Solo tienes que buscarlo!

 ¿Qué es SuperMigrator?

SuperMigrator es una herramienta desarrollada por Webempresa con la que puedes migrar tu web de manera sencilla.

En los siguientes apartados explicaremos cómo puedes utilizarla y los datos que necesitas según el tipo de traslado que quieras hacer.

Si también quieres migrar los correos, puedes completar la migración con la herramienta Email Migrator que está disponible en tu cPanel y que te permitirá traerte los correos como explicamos en este otro artículo.

 ¿Cómo puedo empezar el traslado?

La herramienta de traslados web SuperMigrator se localiza en el área de clientes por lo que lo primero que tienes que hacer es es acceder a tu área de cliente de Webempresa

Cuando ya estés logueado con tu usuario haz clic en Hosting y escoge la opción Trasladar web que verás en el desplegable que se acaba de abrir.

Haz clic en la imagen para ampliarla  

Tras acceder verás una pantalla donde te pide el dominio de la web que quieres trasladar. Por ejemplo midominio.com o midominio.com/blog

En el caso de que quieras trasladar un cPanel tendrás que poner el dominio principal del mismo.

Haz clic en la imagen para ampliarla  

Una vez tengas puesto el dominio, pulsa el botón verde continuar para seguir con el proceso.

Haz clic en la imagen para ampliarla  

Tras finalizar el análisis nos indicará las posibilidades que tenemos para continuar con el traslado. Las opciones disponibles son:

• Se ha detectado WordPress y Cpanel en midominio.com: en donde pone WordPress, si tu web es PrestaShop o Joomla, pondrá el CMS correspondiente. Esta opción se mostrará cuando el dominio principal del hosting tiene también una web asociada.


• Se ha detectado WordPress en midominio.com: al igual que en el caso anterior en lugar de WordPress aparecerá el correspondiente CMS. Esta opción te permite trasladar una copia de tu web a tu hosting de Webempresa.


• Se ha detectado wordpress.com en midominio.com: en los traslados desde wordpress.com es importante tener en cuenta que solo podrás traerte a tu hosting los artículos, comentarios e imágenes pero no podrás traerte los plugins, temas…


• Se ha detectado cPanel en midominio.com: si en tu anterior proveedor también usaban cPanel puedes traerte todo el cPanel a tu cuenta de hosting. De esta manera podrás trasladar en un solo proceso tus correos y webs sin tener que solicitar traslados separados para cada uno de ellos así como las configuraciones, cuentas FTP...

En caso de que no detecte ninguna web ni cPanel en el dominio te mostrará el siguiente error. Revisa el dominio que usas y asegúrate de que está online.

Haz clic en la imagen para ampliarla  

A continuación vamos a ver los pasos que tendrás que seguir en cada uno de los casos para migrar tus contenidos a tu hosting.

 Se ha detectado WordPress y Cpanel en midominio.com

Si en el dominio que indicaste al empezar el proceso tienes un CMS (WorpdPress, Joomla o Prestashop) y ese dominio es a la vez el principal del hosting, se te mostrará una pantalla como la siguiente.

Haz clic en la imagen para ampliarla  

En este punto tendrás que escoger si quieres trasladar todo el cPanel o bien trasladar solo la web.

• Si lo que quieres es migrar todo el cPanel tendrías que pulsar el botón amarillo Quiero trasladar cPanel con todos mis sitios web y cuentas de correo.
• Si por el contrario, solo quieres migrar la web que tiene ese dominio, la opción que tendrás que escoger es la del botón azul Quiero trasladar mi sitio web….

Una vez selecciones la opción que necesites te llevará a una nueva pantalla donde ya podrás continuar el traslado.

En el caso de que escogieras la opción de migrar solo la web, puedes ver cómo continuar con el proceso en el siguiente punto de esta guía. Si la opción escogida es la de cPanel puedes ver los siguientes pasos en la sección Se ha detectado cPanel en midominio.com

 Se ha detectado WordPress en midominio.com

Si SuperMigrator detecta que tienes un WordPress, un Joomla o un Prestashop instalado en el dominio te llevará a la siguiente parte del traslado que se mostrará como en la siguiente imagen:

Haz clic en la imagen para ampliarla  

En este paso te pedirá los datos que necesitas tener del anterior servidor para poder hacer el traslado. También te permitirá escoger el tipo de conexión que quieres usar para el traslado.

Las opciones que tienes en cuanto al tipo de conexión a usar son:

• Autodetectar: con los datos que le indiques en el formulario SuperMigrator intentará ver si se trata de una conexión FTP o SFTP e intentará migrar tu web con ella.
• FTP: si los datos que tienes para la conexión con el otro servidor es una conexión FTP puedes usar esta opción. Tendrás que escoger esta opción en lugar de la de autodectar si necesitas indicar a que carpeta tiene que ir a buscar los archivos de la web.
• SFTP: marca esta opción si dispones de una conexión SFTP con el otro servidor.

Los datos que tenemos que indicar en el formulario son:

• Host FTP: debes poner el host o servidor de origen. Normalmente suele servir poner el dominio de la web.
• Usuario FTP: usuario para acceder al FTP de origen.
• Contraseña: la contraseña que tienes establecida para el usuario FTP que indicaste.
• Ruta FTP: aquí hay que poner la ruta a la carpeta de la web desde la que quieres migrar. Si no la conoces déjala en blanco y SuperMigrator intentará detectarla. En el caso de que escojas la opción SFTP será necesario que cubras la ruta para que pueda continuar el proceso.

Tras cubrir los datos haz clic en el botón detectar. Es importante tener en cuenta que la detección de tu web en el servidor remoto puede llevar hasta 2 minutos dependiendo de la velocidad con la que responda el servidor FTP del hosting de origen.

Haz clic en la imagen para ampliarla  

Si los datos no son correctos, SuperMigrator te lo indicará para que los revises. En caso de que tengas dudas de si son correctos o no, consulta con el soporte del hosting de origen para que te indiquen cuales serían los datos que tendrías que usar.

Haz clic en la imagen para ampliarla  

En caso de que estos datos sean correctos SuperMigrator te llevará a una nueva ventana donde vas a tener que indicar el hosting al que quieres migrar la web.

Si tienes más de un hosting contratado en la ficha desde la que lanzas el traslado te aparecerán todos aquí. Haz clic en el botón + que verás a la izquierda del hosting al que quieres hacer el traslado.

Haz clic en la imagen para ampliarla  

Se te abrirá un nuevo formulario como el que mostramos en la siguiente captura para indicar el destino de la web.

Haz clic en la imagen para ampliarla  

• Escoger el dominio final de la aplicación: abre el desplegable haciendo clic en esta opción e indica cuál quieres que sea el dominio final. Si no te aparece aquí en el desplegable tendrás que añadirlo a tu cPanel antes de continuar el traslado.


• Carpeta de destino: si quieres que se traslade a una carpeta que no es la carpeta raíz del destino. Por ejemplo si quieres trasladar tu web a midomino.com/blog en lugar de hacerlo a midominio.com. Si quieres que la web trasladada cargue en la raíz del dominio (http://midominio.com) NO debes escribir nada.


• Ruta física: este campo se rellenará solo una vez cubras los anteriores.


• Optimizar imágenes: marcando esta opción las imágenes de tu web se optimizarán automáticamente una vez esté trasladada a Webempresa. Nosotros recomendamos marcar esta opción.

Para finalizar y que se programe el traslado de tu web haz clic en comprobar e iniciar. Si todo está correcto te aparecerá una notificación como la siguiente:

Haz clic en la imagen para ampliarla  

A partir de aquí SuperMigrator realizará la migración de tu web y pasadas unas horas, una vez finalice, te mandará un correo con una URL temporal a través de la que puedes comprobar si la web se ve de manera correcta antes de cambiar las DNS del dominio así como otra serie de instrucciones que te pueden resultar de utilidad.

 Se ha detectado WordPress.com en midominio.com

Si tienes una web realizada en wordpress.com y quieres pasarla a un WordPress de tu hosting, una vez pongas el dominio a migrar, te saldrá el siguiente formulario:

Haz clic en la imagen para ampliarla  

Los datos a cubrir son:

• Usuario de Wordpress.com: indica el usuario que utilizas para acceder a tu cuenta de Wordrpess.com.
• Contraseña de Wordpress.com: la contraseña de acceso a tu cuenta de wordpress.com.

Si todo es correcto, SuperMigrator te mostrará un aviso indicando que está correcto y te llevará al último paso del asistente de traslados.

En el último paso debes indicar al asistente de traslados a qué cuenta quieres trasladar la web así como el dominio final de la aplicación. Indica el hosting haciendo clic en el botón + a la izquierda del hosting al que quieras migrar y se te abrirá un nuevo formulario como el que puedes ver en la imagen siguiente.

Haz clic en la imagen para ampliarla  

En este formulario los datos que tendrás que cubrir son:

• Escoge el dominio de destino: escoge el dominio al que quieres que se migre tu wordpress. Si no aparece el dominio que quieres usar tendrás que añadirlo al cPanel de tu cuenta de hosting antes de poder continuar con el traslado.


• Carpeta de destino: si quieres que la web se traslade a una subcarpeta dentro del dominio como por ejemplo tudominio.com/blog tendrás que escribir /blog en este campo. Si quieres que se visualice directamente en el dominio deja este campo vacío.


• Ruta física: en este campo se mostrará la ruta final en la que estará tu wordpress.


• Optimizar imágenes: si quieres que tras la finalización del traslado se optimicen las imágenes de tu web marca esta opción.

Para finalizar haz clic en Comprobar e iniciar para que se programe el traslado de tu web. Si todo está correcto SuperMigrator te indicará que se ha iniciado correctamente.

Haz clic en la imagen para ampliarla  

Cuando SuperMigrator termine de trasladar tu web, te enviará un correo indicándote que ha finalizado y los pasos que tienes que seguir para poder revisar la web antes de cambiar las DNS.

 Se ha detectado cPanel en midominio.com

Si escoges la opción para trasladar el cPanel la imagen que verás es la siguiente:

Haz clic en la imagen para ampliarla  

El asistente de traslados te va a pedir los datos de acceso al cPanel de la cuenta de origen que quieres traerte a Webempresa.

• Nombre de usuario: el nombre de usuario que utilizas para acceder a tu cPanel en tu proveedor de origen.
• Contraseña: la contraseña que utilizas con ese usuario.

Si no dispones de estos datos solicita al soporte de tu hosting de origen que te los faciliten para poder continuar con el proceso.

Con el formulario ya cubierto haz clic en Comprobar acceso para que SuperMigrator compruebe si se puede conectar o si por el contrario, hay algún problema con los datos que tengas que revisar.

Si los datos son correctos te llevará directamente al siguiente paso, mientras que si alguno de estos no es correcto y no se puede conectar te mostrará un mensaje como el de la siguiente captura.

Haz clic en la imagen para ampliarla  

Para terminar y que se programe tu traslado, en la siguiente ventana que te aparece, tienes que indicarle a SuperMigrator a qué cuenta de hosting quieres migrar este cPanel. Selecciona el que quieras pulsando en el botón + y luego en comprobar e iniciar.

Haz clic en la imagen para ampliarla  

Si quieres que al finalizar se optimicen las imágenes de tu cuenta marca la opción Optimizar imágenes.

Por último SuperMigrator te mostrará un mensaje indicando que se ha iniciado el traslado correctamente y una vez finalice te llegará un correo informándote de ello y te dará las instrucciones para que puedas comprobar tus webs antes de hacer el cambio de DNS.

Haz clic en la imagen para ampliarla  

 Ver el progreso del traslado

Al finalizar el traslado te llegará un correo informándote pero mientras tanto puedes ver el progreso del traslado desde el área de clientes.

La opción a la que tienes que acceder para revisar el estado de los traslados que tienes activos o ver aquellos que ya han finalizado es la de Mis traslados que encontrarás accediendo a la sección Hosting en tu área de clientes.

Haz clic en la imagen para ampliarla  

Tras acceder, verás una pantalla como la de la siguiente captura donde se muestran los traslados en progreso que tengas indicando la fecha de solicitud.

Haz clic en la imagen para ampliarla  

Para ver el progreso del traslado que quieres revisar haz clic en ver progreso.

Haz clic en la imagen para ampliarla  

Tras esto, se te abrirá una nueva pantalla donde te indicará el progreso en forma de porcentaje así como otra información de tu traslado; por ejemplo: tipo de traslado, origen, destino, duración del mismo, etc.

Haz clic en la imagen para ampliarla  

Cuando el traslado esté terminado, además de llegarte el correo, podrás verlo desde esta sección tal como se ve en la imagen siguiente. Si haces clic en ver detalles podrás ver la duración total de esta además de la información del propio traslado.

Haz clic en la imagen para ampliarla  

 Conclusiones

Como has podido comprobar migrar tu web nunca ha sido tan sencillo.

Recuerda que en caso de que tuvieras cualquier problema o duda, nuestro equipo de soporte estará encantado de ayudarte a través de tickets en cualquier momento en que lo necesites, ¡estamos disponibles para ti las 24 horas del día!.

En este artículo te voy a decir cómo puedes hacer una página de Próximamente (en inglés: Coming Soon page), ya sea mediante el Page Builder favorito que siempre utilices, o mediante un plugin que te lo haga todo.

Además entenderás la importancia de tener este tipo de páginas y qué hacer una vez ya la has creado y puesto pública en tu web (y futura tienda online).

  Por qué necesitas una página de Próximamente en WooCommerce

Antes de proceder a explicar cómo crear tu página de Próximamente en WooCommerce, lo mejor es entender por qué es necesario tener una.

Añade anticipación y expectación a tu sitio web

Tal y como he dicho al principio del artículo (la metáfora de los locales comerciales), el tener una simple página mostrando información sobre tu próxima tienda online, será mucho mejor que no tener nada.

Esto va a generar cierto interés a la mayoría de visitantes, y cierto porcentaje de ellos van a estar muy curiosos cuando de verdad abras la tienda (es ahí en donde entran en juego ciertas estrategias de promoción que te menciono más abajo).

Proporciona información a tus visitas

Además de generar esa expectación mencionada en el apartado anterior, lo que estás es ofreciendo directamente una información "real" que el usuario ya puede utilizar de alguna manera (productos que vayas a vender, cupones de descuento, una newsletter a la que suscribirse, unas redes sociales que seguir...).

Empieza a recolectar emails de tus futuros clientes

Esta es la parte más interesante (y útil) de tener una página de Próximamente en WooCommerce.

Aunque no el 100% de las visitas a tu web van a darte su email para que les informes (ojo, no hagas nunca spam) sobre el lanzamiento de tu tienda online. sí que tendrás muchas opciones a que más personas de lo que piensas decidan suscribirse a tu newsletter.

Eso sí, te recomiendo utilizar un servicio profesional de newsletter (yo siempre he usado Mailchimp, pero hay muchos otros).

Por otro lado, te recomiendo también poner un "anti-bots" en tu formulario, así como mantener una lista ordenada, limpia y con cuanta más información sobre tus leads posible.

  ¿Qué elementos se incluyen?

Una vez ya hemos comprendido la importancia de tener una página de Próximamente en WooCommerce, vamos a ver qué elementos debería de contener:

1. Un logo o algo que te represente

Doy por hecho que vas a tener un logo o algún tipo de tipografía que te represente. No dudes en ponerlo en la página, para que ya se empiece a asociar tu marca con lo que haces o vendes.

2. Pequeño texto "que venda"

Un párrafo explicando lo que haces (tampoco te pases de largo).

Imagina que has quedado con un amigo o amiga, y le cuentas, en dos o tres frases, de lo que va a ir tu tienda online y lo que vas a vender.

Insisto, no comentas el error de soltar una "parrafada" con la misión de tu tienda online, quién eres, etc. A nadie le interesa, al menos por ahora.

3. Imagen llamativa o vídeo (si de verdad es necesario)

Si tus productos tienen o van a tener mucho potencial a nivel de imagen o multimedia, no dudes en poner una representación de "lo que vendrá" cuando tengas la tienda online.

Por ejemplo, si vendes gafas de sol, pon una foto de un o una modelo llevándolas, para dejar con la boca abierta a tus visitas y generarles desde un primer momento una necesidad de compra.

4. Cuenta atrás (si lo ves oportuno)

Esto es un poco opcional, pero si tienes una fecha concreta de lanzamiento para tu tienda online y quieres generar "impaciencia" en tus visitas, pon una cuenta atrás para que estén más atentos que nunca para empezar a comprar tus productos o servicios.

5. Un formulario de suscripción a newsletter (fundamental)

El corazón de tu página de Próximamente en WooCommerce. Ya he dado las razones más arriba, así que no me repetiré.

Simplemente, asegúrate de que funciona (haz tests reales) y para evitar emails que no te van a proporcionar nada (por ejemplo de robots), haz que el interesado en suscribirse a tu newsletter, tenga que verificar el email pinchando en un enlace, dentro de un correo que se le envíe desde tu web.

Es la manera más fiable de conseguir emails de personas verdaderamente interesadas en lo que haces o lo que vendas.

6. Enlaces a redes sociales

Justo debajo del formulario de newsletter, por qué no, poner los iconos a las redes sociales.

Dos cosas en este aspecto, que veo que se repiten en muchas webs que veo o lo que considero una "mala práctica" al crear una web, sobretodo de este tipo:

No incluyas un "embebido" de los timelines de tus redes sociales.

Es decir, que no se vea lo que publicas en ellas en tu web. Es algo redundante y a nadie le interesa. Si de verdad están interesados, ya se ocuparán de "seguirte" en las respectivas redes sociales y allí leer tus publicaciones.

No muestres cuántos "likes" tienes, a no ser que tengas muchos. 

Si tienes 10 o 15 fans en Facebook, no merece la pena que aparezca dicho número en tu página de Próximamente en WooCommerce. Simplemente añade un icono de Facebook con un enlace a tu red social.

No utilices redes sociales "porque sí"

Aunque esto se "sale" un poco del contexto de este artículo, me veo obligado a mencionar algo que siempre veo y que no tiene sentido desde un punto de vista de marketing online: no estés en una red social, si no la vas a utilizar bien.

Tampoco utilices las redes sociales como "repetidores" de lo que cuentas en una; es decir, que no publiques el mismo contenido en cada una de tus redes sociales. Cada red social, tiene un objetivo y se utiliza de una manera diferente.

Aquí tienes un artículo que te aclarará lo relacionado con el uso de redes sociales en empresas.

No utilices pop-ups

Más que algo que añadir, este elemento es algo que no quiero que añadas: los pop-ups (las ventanas emergentes).

No voy a profundizar en este tema, pero los pop-ups son muy molestos y, a excepción de determinados casos para estrategias específicas, generan más rechazo que aceptación.

  Herramientas para configurar la página de Próximamente en WooCommerce

Como a día de hoy una página web se puede construir de varias maneras, voy a hacer un pequeño resumen de las herramientas que necesitas para crear tu página de Próximamente en WooCommerce:

Page Builder + Plugin Gestor de Newsletters

Si has leído mi artículo sobre Beaver Builder, sabrás lo enamorado que me tiene este Page Builder (incluso más que Elementor o Divi), por muchas cosas que ahora no voy a explicar (para eso te tienes que leer el artículo).

Pero uses el Page Builder que utilices, la funcionalidad es la misma: montar una página de Próximamente de una manera muy fácil, con "pincha y arrastra" o con plantillas ya preparadas por el propio plugin.

De esta manera, tienes la facilidad de cambiar el contenido de una manera muy rápida (o que tu cliente lo cambie) y de añadir los elementos mencionados en otro apartado de este artículo, necesarios para tu página.

Y para configurar el gestor de newsletter (en mi caso Mailchimp), basta con que utilices su plugin oficial y luego lo incorpores con el Page Builder a tu página.

Plantilla HTML + configuración Gestor de Newsletters

Si has mirado una plantilla HTML concreta, y no te quieres gastar dinero en un Page Builder (o simplemente no te gustan por el motivo que sea), es una muy buena opción.

Hay plantillas en HTML (sin usar WordPress) que son muy válidas para utilizarlas como páginas de Próximamente.

Eso sí, requerirá cierto conocimiento de HTML, CSS y algo de JavaScript, aunque si tienes dichos conocimientos...yo ya puedo decir misa, que vas a saber lo que te traes entre manos perfectamente. :)

En este caso, para incorporar el Gestor de Newsletter que utilices, habrá que hacerlo de una manera algo más técnica, pero igualmente de sencilla.

Plugin específico para páginas de "Coming Soon" (o Próximamente)

Hay algunos plugins (los menciono más abajo) que directamente te lo "gestionan todo".

Se encargan de generar una interfaz en la que, desde su panel de opciones, subes los diferentes elementos que te necesites, y al pinchar en un botón casi maravillosamente mágico, te dejan todo preparado en lo que tu visitante vaya a ver.

Tendrás que tener a mano acceso a tu Gestor de Newsletters, porque requerirá igualmente ciertos datos técnicos para poder "utilizarlo" a tu favor.

  Caso práctico con un Page Builder

Al igual que siempre dice uno de mis cómicos favoritos, ahora toca decir: "No lo digo, lo hago".

Así que voy a mostrarte en el siguiente vídeo cómo crear una página de Próximamente en WooCommerce con Beaver Builder y cómo conectarlo con Mailchimp.

  Caso práctico con un Plugin

En este casi último apartado del artículo, esta vez te muestro cómo configurar la página de Próximamente en WooCommerce con un plugin muy famoso, y que es el que más se utiliza para este tipo de contenido.

En concreto, el plugin se llama Coming Soon Page & Maintenance Mode (by SeedProd) y lo analizamos en el siguiente vídeo:

  Y después de configurarla... ¿Qué se hace?

Y porque no todo termina con la creación de la página de Próximamente en WooCommerce (más bien, todo empieza), te quiero dar algunas pinceladas de cosas que puedes hacer una vez tu página está hecha:

Hacer una campaña en redes sociales

Si ya tienes hecha la web de Próximamente, ¿a qué esperas para generar lo que los ingleses dicen "Buzz" (ruido) en las redes sociales?

Es el mejor momento para empezar a atraer visitas a la web, y conseguir futuros clientes.

Gestionar emails y crear una buena campaña de email marketing

Al llegar esos posibles futuros clientes de las redes sociales (o de las búsquedas orgánicas en Google), empezarán a incrementarse las oportunidades de conseguir sus emails (ya que estarán interesados en lo que vayas a lanzar).

Es el momento perfecto para tener ya diseñada una campaña de email marketing, con cuidado de no hacer spam, y optimizando mucho lo que quieras comunicar.

Analizar las visitas con Google Analytics

Tanto las visitas de redes sociales, de anuncios en Google, así como de las propias campañas de email marketing, tendrán cierta información que puede que te sea útil.

Lo mejor es utilizar Google Analytics en tu web, y analizar todas las visitas que tengas a tu página.

  Conclusiones

En este artículo te he explicado por qué es crucial que tengas una página de Próximamente, para tu tienda online de WooCommerce, y los elementos que tiene que tener.

Además, dependiendo de las herramientas que quieras utilizar, vas a poder construir dicha página con un Page Builder, con una plantilla, o con un plugin que lo haga por ti.

Una vez conseguido tu objetivo, la cosa no termina ahí: hay que mover la página por las redes sociales, y hacer campañas de email marketing, analizando todas tus visitas web.

Como ves, una simple página, se convierte en toda una experiencia para tu negocio. Además, te dirá si genera interés en posibles clientes desde un primer momento, con lo cual, es un "win-win" para ti y para ellos.

Espero que te haya quedado todo claro, y que te haya servido y motivado para generar tu propia página de Próximamente.

¡Un abrazo, y nos vemos en otro artículo!

Si no decidimos correctamente, con prisas y sin pensar detenidamente, ni siquiera la versatilidad de las herramientas tecnológicas modernas de gestión de contenidos y comercio electrónico podrá compensar el impacto negativo de tales decisiones.

En este artículo, vamos a detallar el proceso completo de instalación y configuración de una nueva tienda online, desde el momento en que hemos concebido la idea, hasta que esté operativa y a disposición de los futuros clientes.

  WooCommerce, la principal solución para eCommerce

Cuando queremos crear una tienda de comercio electrónico, disponemos de dos formas principales para disponer de nuestro sitio web:

• Una plataforma de servicios de eCommerce.

• Como un servicio alojado en un servidor web con un software especializado de eCommerce, como WooCommerce sobre WordPress.

En una plataforma de servicios de comercio electrónico, la gestión de la tienda online es principalmente administrativa, como el catálogo de productos, seguimiento de pedidos o la atención a los clientes, con poca libertad a la hora de configurar y definir la funcionalidad final de la tienda.

La principal ventaja de este tipo de plataformas es que gran parte del proceso de configuración es prácticamente automática, en la que tan solo debemos seleccionar qué utilidad, servicio o característica queremos en nuestra tienda.

Sin embargo, esta ventaja también supone su principal limitación: solo podemos utilizar las características que proporciona la plataforma; si queremos incluir servicios especiales o diseños personalizados más allá de los que la plataforma ofrece en su catálogo de plantillas, no podremos hacerlo. En muchos casos, esto puede impedir que nuestra tienda crezca en el futuro.

En contrapartida, en un servicio de alojamiento web con WooCommerce no tenemos esta limitación: la versatilidad de WordPress, el gestor de contenidos sobre el que se instalar, permite añadir complementos (“plugins”) con cualquier funcionalidad o servicio imaginables.

Además, el único coste económico de utilizar un servicio de hosting web con WordPress y WooCommerce es el propio del proveedor de alojamiento, puesto que ambas herramientas son gratuitas.

A medida que necesitemos servicios más avanzados (como themes o plugins), quizás tengamos que hacer un desembolso, una única vez casi siempre, pero queda bajo nuestra elección y solo cuando lo consideremos ventajoso para el funcionamiento de la tienda online o las ventas.

Ahora bien, esta mayor libertad y potencia de acción supone que debemos realizar diversas tareas técnicas para encargarnos tanto de su administración como de su seguridad, además de la propia gestión de la tienda online (pedidos, catálogo, seguimiento de pagos, etc.).

En definitiva, nos encontramos con la siguiente disyuntiva:

• Si queremos una solución rápida, pero limitada en cuanto a funcionalidad y posibilidades de crecimiento y con una cuota mensual, podemos optar por una plataforma como Shopify.

• Ahora bien, si queremos una solución versátil, flexible y gratuita, aunque requiera un pequeño esfuerzo adicional para lanzar la tienda online, sin duda WordPress y WooCommerce ofrece una de las mejores soluciones del mercado.

  Por qué utilizar WooCommerce para nuestra tienda online

Por si no hemos quedado convencidos de por qué deberíamos utilizar WooCommerce para una tienda online nueva, veamos a continuación las principales razones para elegirlo:

• Bajo coste. Una de las mejores cosas de WooCommerce es que es gratuito. Podemos crear y lanzar una tienda online completamente operativa sin tener que pagar absolutamente nada.
  
  Cuando necesitemos funciones extras, la mayoría de complementos o plugins tienen un precio muy razonable (a partir de 25 euros).

• Producto con múltiples características. La versatilidad y flexibilidad de WooCommerce para la gestión del catálogo de productos es posiblemente su punto más fuerte.
  
  Así, con WooCommerce podemos vender tanto productos físicos como digitales y permite variaciones de productos como colores y tamaños, descargas digitales e incluso productos afiliados, además de múltiples opciones configurables para envío y pago, así como un módulo de informes muy detallado.

• Entorno amigable y robusto. WooCommerce se integra sin problema con prácticamente cualquier tema de WordPress (aunque sea preferible elegir temas que estén expresamente diseñados para WooCommerce) y se adapta a cualquier tamaño de tienda, desde las pequeñas hasta las más grandes.

• Sistemas de complementos. Al tratarse de una plataforma muy extendida, dispone de gran cantidad de plugins, para cubrir casi cualquier necesidad que se nos ocurra para nuestra tienda online, a muy bajo coste e incluso gratuitos.
  
  En caso de no encontrar un plugin, WooCommerce también tiene su propio sistema API para realizar desarrollos personalizados.

  ¿Qué necesitamos para configurar una nueva tienda online con WooCommerce?

Antes de “crear” y configurar la tienda online propiamente dicha, tenemos que tomar una serie de decisiones, independientes de la tecnología que utilicemos, y que nos seguirán durante la explotación de la tienda online.

Veamos a continuación, paso a paso, qué debemos hacer para crear y configurar una nueva tienda online con WooCommerce:

1. Elegir un nombre de dominio para el sitio web de la tienda online.
2. Elegir un proveedor de alojamiento web.
3. Instalar WordPress.
4. Instalar WooCommerce.
5. Configurar la información básica de WooCommerce.
6. Añadir productos al catálogo de WooCommerce.
7. Seleccionar e instalar un tema para WooCommerce.
8. Elegir e instalar plugins adicionales, si fuera necesario.

Aunque el proceso pueda parecer muy largo, en realidad se dedica más tiempo al análisis y la investigación de algunos de sus puntos, que a las tareas propias de administración, configuración y gestión de WooCommerce, como iremos viendo.

Antes de que desglosemos cada punto de este proceso, el siguiente vídeo hace un recorrido completo de cómo realizar cada uno de estos pasos, excepto la elección del nombre de dominio, que no requiere ninguna acción sobre WordPress ni WooCommerce

  1. Elección del nombre de dominio de la tienda online

El nombre de dominio va a determinar la dirección web o URL que los usuarios utilizarán para entrar en nuestra tienda online. Elegir un nombre de dominio poco afortunado puede confundir al usuario e incluso hacernos perder visitas y ventas.

Por ese motivo, dado que la dirección web de una tienda online será permanente (aunque se puede cambiar, tiene muchas implicaciones negativas y mejor evitarlas de principio), debemos estar muy seguros de elegir la más adecuada para nuestro negocio, con estas recomendaciones:

• Que no sea excesivamente largo, para que se recuerde fácilmente.

• Relacionado con la actividad principal de la tienda o con nuestra marca.

• Fácil de transcribir, que no requiera ser deletreado para entenderlo.

• Expresiones en español, para evitar confusiones, malentendidos o errores.

El registro del nombre de dominio deberíamos hacerlo al menos bajo las extensiones “.es” y “.com”, las más utilizadas con diferencia, para evitar que alguien se apropie de una u otra.

En general, cuando contratamos el proveedor del servicio de alojamiento (siguiente punto), también podemos registrar el nombre de dominio, todo en la misma operación.

  2. Elegir un proveedor de alojamiento web

El alojamiento web nos proporciona el servidor donde instalaremos WordPress y WooCommerce para configurar nuestra tienda online y que los clientes puedan acceder a ella a través de Internet con su dirección web.

Hay proveedores muy “baratos”, incluso desde un euro al mes, pero ese bajo coste tiene, valga la redundancia, un precio:

• Ancho de banda limitado, que reduce el número de usuarios que pueden acceder simultáneamente sin reducir la velocidad de carga.

• Pocos recursos del servidor, como memoria, disco duro o procesador, que pueden afectar también a la velocidad de carga.

• Servicio de soporte inexistente o con restricciones de personal o horario, lo que puede alargar el tiempo que nuestra tienda online esté fuera de servicio por algún problema técnico.

Estas limitaciones, finalmente, pueden afectar al posicionamiento orgánico de la tienda, lo que directamente redundará negativamente en nuestras visitas y, por consiguiente, las ventas.

Por dicho motivo, debemos optar por proveedores de hospedaje web de calidad y con una tradición de buen servicio a sus clientes, como Webempresa, que, además, tampoco supone un desembolso mensual elevado, a partir de 6 ó 7 euros al mes:

Haz clic en la imagen para ampliarla  

Por un precio así para un hosting web de calidad, mejor no arriesgarse a perder clientes y ventas por un mal servicio de alojamiento.

  3. Instalar y configurar WordPress

Una vez que hayamos contratado el hosting web para nuestra tienda online, el proveedor nos suministrará toda la información necesaria para entrar en su panel de control y empezar la configuración de nuestro sitio web.

El panel de control puede, y suele, variar entre un proveedor y otro, aunque la mayoría ofrece los mismos servicios principales. Los paneles de control más habituales son cPanel y, a distancia, Plesk.

En el caso de Webempresa, utilizaremos cPanel, con la siguiente disposición y servicios:

Haz clic en la imagen para ampliarla  

Como podemos ver en la imagen anterior, cPanel incluye una opción para instalar WordPress y otra para instalar WooCommerce (que también instala WordPress).

Nosotros vamos a optar por instalar y configurar WordPress, para después ver por separado (en el siguiente punto) cómo es el proceso de instalar y configurar WooCommerce.

Cuando pulsamos “Instalar WordPress”, sale la siguiente pantalla:

Haz clic en la imagen para ampliarla  

Procedemos a rellenar los campos con la información que nos pide, teniendo cuidado de elegir la versión segura “https” y seleccionando el nombre de dominio que haya decidido para la tienda online.

Una vez que pulsamos el botón “Instalar WordPress”, se procede con su instalación y, al terminar, el proveedor nos informará de la información necesaria para acceder al área de administración y configuración del nuevo sitio web, con su dirección web, el nombre del usuario administrador y la contraseña.

  4. Instalar WooCommerce

Ahora debemos entrar en el área de administración de nuestro nuevo sitio web (“dashboard”), terminado en “wp-admin”, colocado después de su dirección web:

https://www.mi-tienda-online.com/wp-admin

Aparece el siguiente cuadro de diálogo, donde debemos introducir el nombre del usuario administrador y contraseña que, en el punto anterior, nos suministró el proveedor:

Una vez dentro, debemos instalar el plugin correspondiente a WooCommerce, accediendo a la opción “Añadir nuevo” del menú “Plugins” del panel de control de WordPress y escribiendo “WooCommerce” en el buscador de plugins:

Haz clic en la imagen para ampliarla  

En esta pantalla, pulsamos el botón “Instalar ahora” que aparece junto a “WooCommerce” y esperamos que se instale. Es un proceso automático, en el que no tenemos que hacer nada. Al terminar la instalación, debemos pulsar el botón “Activar” para que WooCommerce esté disponible y podamos configurarlo.

  5. Configurar la información básica de WooCommerce

Después de instalar y activar WooCommerce, tenemos dos formas de configurar WooCommerce: a través del menú de opciones o mediante el asistente de configuración, que solo se muestra la primera vez que instalamos WooCommerce:

El asistente de configuración de WooCommerce nos permite configurar los apartados más importantes del plugin a través de varios formularios consecutivos y, opcionalmente, instalar algunos plugins recomendados por los desarrolladores de WooCommerce:

1. Configuración de la tienda, donde indicamos nuestra localización geográfica, la moneda a utilizar y el tipo de productos que venderemos.

2. Formas de pago, donde podemos elegir entre dos formas de pago online (Stripe y PayPal) y hasta tres formas de pago offline (cheque, transferencia bancaria o contra reembolso). Según cuáles activemos, deberemos configurarlos cada uno.

3. Tarifas de envío, tanto para dentro del territorio nacional como al extranjero, pudiendo ser gratuito o una tarifa fija.

4. Recomendado, algunos plugins o servicios que WooCommerce recomienda. No hace falta instalarlos ahora, sino cuando los necesitemos, aunque sí resulta conveniente seleccionar el tema StoreFront, para tener una primera visión de la tienda online y cargar un catálogo de demo, y la Administración de WooCommerce, que mejora el interface de administración y gestión.

5. Activar, en el que confirmamos la configuración y selección que hemos hecho en los puntos anteriores, y se procede con la instalación de los plugins adicionales que hayamos indicado.

6. ¡Listo! Una vez instalado y configurado el plugin, podemos proceder a realizar diversas tareas de gestión del catálogo o revisar la configuración:

   
   
   
   

  6. Añadir productos al catálogo de WooCommerce

Los productos del catálogo de WooCommerce se añaden a través de un editor de texto rico y una serie de formularios similares a los que utilizamos para editar y configurar las páginas y posts de WordPress, con la ayuda de un asistente que nos informa de la información que debemos introducir en cada campo o lista desplegable:

El catálogo lo podemos cargar desde cero, creando los productos uno a uno, o si ya los teníamos anteriormente en otra tienda, importándolos.

Otra posibilidad es cargar el catálogo de demostración del tema StoreFront, que pudimos instalar en el punto anterior, para que nos sirva de ejemplo y referencia para editar y cargar nuestros propios productos.

La carga y edición de los productos puede ser una tarea laboriosa, sobre todo si tenemos muchos productos y categorías de productos, aunque no reviste ninguna dificultad técnica: entrada de texto, carga de imágenes y configuración de los productos según sus características. Con toda seguridad, este punto será el que más tiempo nos lleve completar.

  7. Seleccionar e instalar un tema para WooCommerce

El tema determina el aspecto visual que tendrá nuestra tienda online, así como las funcionalidades adicionales que pueda incorporar. Si las características de StoreFront no nos parecen suficientes, podemos optar a buscar e instalar otro tema que esté preparado para WooCommerce.

Seleccionar e instalar otro tema nos proporciona estas dos ventajas:

• Habitualmente, los temas incluyen un “builder” para la edición de páginas, posts y productos, de forma que se pueda hacer de forma visual, arrastrando y soltando con el ratón. De esta forma, resulta increíblemente más fácil y rápido cargar nuevos productos. Por ejemplo, la siguiente imagen muestra el builder Elementor:

  
  

  Haz clic en la imagen para ampliarla  

• Aunque existen temas gratuitos, los temas de pago tienen un coste bastante bajo (a partir de 15 euros) y este gasto debe verse como una inversión, puesto que tendremos acceso al servicio de soporte técnico y, muchas veces, a plugins adicionales que, por separado, serían mucho más costosos.

Sin embargo, la selección de un nuevo tema no debe hacerse a la ligera y debemos estudiar y analizar diversos repositorios de temas, para elegir una plantilla WooCommerce que nos guste y se adapte a las características de nuestra tienda online.

  8. Elegir e instalar plugins adicionales, si fuera necesario

Finalmente, llega el momento de decidir si necesitamos añadir alguna funcionalidad adicional a las que trae WooCommerce o el propio tema que hayamos instalado.

En este punto, la elección de uno u otro plugin depende tanto de nuestras preferencias como de las características de la propia tienda, y no se puede hacer una recomendación genérica válida para todo el mundo.

Sin embargo, sí que hay algunas funciones que resultarán útiles para la mayoría de las tiendas online, y que se indican a continuación, junto con un enlace a un post que nos ayude a instalar y configurar cada uno de estos plugins:

• Instalar un plugin de chat en vivo, para mejorar la atención a los usuarios y mejorar las ventas.

• Instalar el pago a través de PayPal Express, que facilita el proceso de pago tanto para la tienda como para los clientes.

• Instalar el pago a través de RedSys, un método de pago muy utilizado por los usuarios de España.

  Conclusiones

La configuración de una nueva tienda online no se limita “solo” a ponerla en funcionamiento, sino que comprende todo un recorrido de tareas y acciones, desde que la idea pasa por nuestra cabeza hasta que la tienda está operativa a través de Internet.

La flexibilidad y potencia de herramientas como WordPress y WooCommerce permiten que no tengamos que entrar en detalles técnicos y que nos centremos en lo que nos interesa: el funcionamiento de la tienda online y proporcionar el servicio más completo posible a nuestros clientes.

También hemos visto las ventajas que aporta WooCommerce con respecto a otras soluciones cerradas de comercio electrónico, como Shopify, que, aunque sencillas, restringen mucho la funcionalidad que podemos conseguir con nuestra tienda online.

Precisamente las tareas o decisiones menos “técnicas”, como elegir el nombre de dominio, el tema o los plugins a instalar, pueden ser las más delicadas, puesto que, si nos equivocamos en una configuración o en la carga de un producto, solo tenemos que corregirlo.

Sin embargo, una mala elección de nombre de dominio o tema puede limitar gravemente el alcance de nuestra tienda online, posiblemente no al principio, pero sí a medida que crece y sus requisitos funcionales se vuelven cada vez más exigentes.

No obstante, y desde un punto de vista puramente técnico y de visión de "IT", muchos desarrolladores de pura sangre, así como frontenders y backenders, resoplan y se ríen con cierto grado de superioridad cuando les enseño webs hechas con WordPress y con una plantilla X o un framework Y.

Entiendo lo que quiere decir ese resoplido, pero tenéis que entender que el público al que va enfocado WordPress y a lo que nos dedicamos todos los implementadores y/o consultores de este gestor de contenidos, es muy diferente al de las grandes empresas que necesitan grandes proyectos muy pero que muy personalizados.

Y digo todo esto, porque para los proyectos tipo PYME, portfolios, foros, páginas de venta, directorios de todo tipo, etc, de verdad, basta con utilizar WordPress y una buena plantilla.

Pero ojo, lo de usar una plantilla tiene un arma de doble filo y al final de este artículo comprenderás de lo que hablo, y sabrás elegir (y entender) cuál es la mejor opción para lo que estás buscando.

 El sobrino de las dos tardes y amores de miles de euros

Yo de mayor quiero tener uno de esos sobrinos que muchos de mis posibles clientes tienen.

Cuando les envío por email la propuesta de creación web, las herramientas que se van a utilizar, y cuánta es la inversión que tienen que hacer y por qué, muchas veces me responden que "un sobrino o cuñado suyo hace esa web en dos tardes con una plantilla".

Quiero que pongas la mente en blanco desde ahora y hasta que termines de leer el artículo, porque la palabra plantilla está muy contaminada por culpa de muchos sobrinos y cuñados, y webs que se han quedado en un limbo de juanes palomo y de proyectos a medio hacer, que hacen que el concepto de plantilla tenga muchísimas connotaciones negativas.

El concepto que tienes que tener ahora de plantilla es una herramienta para optimizar tu trabajo y la velocidad a la que haces el mismo, que te va a permitir acelerar un proceso dentro de un proyecto, y que no afectará a la personalización y servicio que le des a un cliente (o a la calidad final y escalabilidad de tu web en el caso que vayas por libre).

Por otro lado, hay que jugar mucho con lo que nos queremos gastar (yo prefiero decir invertir) en una web de WordPress.

El precio de las plantillas "de a pie" están alrededor de 60 euros. Las hay más caras, más baratas y gratuitas. Fíjate que digo "caras" y no "de precio alto", porque no creo que se merezcan esa atribución.

Como "cara" quiero decir que puede que te gastes esos 60 euros, y no recibas lo que esperabas a cambio (te ha salido caro). Más abajo te indico sitios web donde conseguir plantillas "de precio alto" o que te ofrecen todas las características que tiene que tener una plantilla para considerarse una inversión y no un gasto.

Si te sirve de consuelo, te voy a contar mi propia experiencia inicial con las plantillas hace ya casi 10 años: cuando empezaba en esto de WordPress, me enamoraba perdidamente de las plantillas de los mercados de plantillas tipo ThemeForest.

Me podía pasar horas viendo las demos de cada una de ellas, y marcándolas como favoritas para una posible futura compra. En ese momento no conocía ni los frameworks ni los page builders y sus respectivas plantillas.

Simplemente me dejaba llevar más por el corazón... y eso ha supuesto un par de miles de euros en compras impulsivas de plantillas que luego no he usado para ningún proyecto.

Siempre me terminaban por dar problemas de cualquier tipo. Intentaré, de verdad, evitar que esto te pase a ti, y que sepas predecir dicho escenario y sacarle todo el partido a la inversión que hagas en una plantilla.

 Tres preguntas fundamentales

En este punto del artículo, lo que tienes que preguntarle a cualquier plantilla es:

• ¿Voy a poder empezar a trabajar contigo hoy mismo?
• ¿Voy a poder editarte y personalizarte en un futuro cercano y lejano?
• ¿Voy a poder cambiarte por otra de una manera relativamente sencilla cuando me aburra de ti?

Tener una respuesta positiva a esas tres preguntas clave va a suponer la diferencia entre utilizar una plantilla con fines prácticos y de una manera organizada y productiva o tener que estar anclado a una plantilla que luego te volverá loco a nivel técnico (no ser compatible con determinados plugins, dejarte código espaguetti por todos los lados, estar muy mal programada...).

Imagina ahora que ya tienes una plantilla perfecta y optimizada para tu proyecto en tus manos. Ten en cuenta que ahora tienes que aprender a utilizarla, y a hacer que lo que construyas con ella se parezca medianamente a la demo que has visto en la página donde la hayas comprado.

A continuación te escribo brevemente lo que yo considero que es hacer un buen uso de la plantilla, y más abajo, hacer un mal uso de la misma.

 Buen uso de una plantilla

• Usar un child themes de WordPress dentro de la plantilla. Esto significa que todos los cambios a nivel de HTML y CSS que hagas, no variarán ni se perderán cuando la plantilla que hayas adquirido se actualice automáticamente.


• Hacer que la plantilla y sus posibilidades se adapten a lo que tú necesitas, y no al revés.


• Usar la plantilla únicamente para fines estéticos. Las funcionalidades que necesite tu web las cubrirás mediante el uso de plugins específicos.


• Usar una plantilla "todo en uno" para un proyecto concreto, relativamente pequeño, y para el cual necesitas tener una web hecha cuanto antes.

 Mal uso de una plantilla

• Limitarse a sustituir el contenido de ejemplo que venía con la demo (intenta aportar creatividad al proyecto, para que se parezca lo mínimo a otras webs utilizando la misma plantilla).


• "Vender" a tus clientes una plantilla y su personalización, a coste de proyecto creado desde cero. (No es muy ético cobrar por algo que no has hecho tú).


• Utilizar las imágenes que venían con la demo, para tu proyecto. (Puedes tener problemas de copyright en el futuro).


• Usar las funcionalidades que vienen con la plantilla (content types específicos, sliders, etc). A la larga, es mejor utilizar plugins.


• Prometer el oro y el moro a tus clientes, sin estar seguro de que la plantillla puede ser escalable y adaptable en todo momento a las necesidades de tu cliente.


• Utilizar una plantilla pirata, para no tener que comprarla (están llenas de código malware y básicamente, es ilegal hacerlo).

 Empresas especializadas vs desarrolladores amateur en los mercados de plantillas

Como fanático de los servicios profesionales a la hora de utilizar plugins y plantillas para todos mis proyectos, tengo que hacer mención brevemente aquí de la gran diferencia que hay a nivel de calidad entre empresas especializadas en creación y venta de plantillas (enfocados a hacer crecer la empresa y auto-financiarse con sus clientes) y los desarrolladores que hacen y venden plantilllas por gusto, o porque quieren tener un pico de ingresos en un determinado momento.

Ponte en el lugar de ambos: si fueras una empresa (o freelance) y te dedicas a la creación de plantillas para WordPress, normalmente vas a querer seguir existiendo como empresa la mayor cantidad de tiempo posible, por lo que en tus servicios vas a:

• Ofrecer soporte de calidad para todas las plantillas que hayas creado mediante un sistema de tickets y no sólo por email.
• Actualizar constantemente tus plantillas para que no hayan problemas con el core de WordPress.
• Fidelizar clientes para que sigan comprando plantillas y recomendándote a sus contactos.
• Crear una documentación profesional y fácil de entender que acompañe a cada una de las plantilllas que vendes.
• Crear algún tipo de suscripción mensual o anual para asegurar tu propia estabilidad económica.
• Usar diferentes medios para dar a conocer tus plantillas (entre ellos los mercados de plantillas).
• Conforme más clientes tengas, más podrás crecer a nivel de personal en tu empresa.

Si fueras un desarrollador que hace una plantilla puntual para WordPress con la intención de venderla en un mercado de plantillas, probablemente suceda que:

• Tu principal objetivo sea ganar dinero vendiendo tu plantilla a cuantos más clientes mejor.
• No te preocupe tanto si la plantilla deja de venderse.
• No te preocupe tanto tener una documentación bien elaborada sobre cómo utilizar tu plantilla.
• No te preocupe tanto dar soporte a la gente que tenga problemas con tu plantilla.
• Al principio puede que inviertas mucho tiempo y esfuerzo en tener un código de calidad, pero en un futuro puede que el mantenimiento y actualización de tu plantilla pase a segundo plano, porque tengas otro trabajo que te reporta más beneficios.
• Simplemente decidas no seguir con el proyecto.
• Si vendes mucho, llegará un momento en que te faltarán manos para poder hacer todo a la vez.

Por eso, en un mercado de plantillas, tienes que saber localizar bien a las empresas que se dedican a ello y a los desarrolladores que simplemente están experimentando y que no se dedican a tiempo completo a crear y vender plantillas.

Ojo, hablo en términos generales. También hay empresas con un servicio muy pobre, y desarrolladores "supermán" que respeto y admiro por el poder de venta que tienen, sin perder calidad en ningún momento.

 Plantillas vs Page Builders

Del mismo modo, hay una gran diferencia entre una plantilla y un page builder.

Las plantillas para WordPress, como concepto clásico, son una herramienta para crear una web, ya configurada y establecida para que simplemente cambies el contenido de ejemplo por el que tú quieras y no tengas que preocuparte por muchas más configuraciones más allá de cambiar colores y tipografías.

Los Page Builders se utilizan para crear y "montar" una página como tú quieras y en un futuro cambiarla como mejor te convenga.

Hay plantillas que incluyen un Page Builder y Page Builders que tienen muchas plantillas disponibles (ejemplos de "montajes" utilizando dicho Page Builder).

Yo recomiendo buscar un Page Builder bueno, y utilizar (a veces) las plantillas que vienen con el mismo. Esto hace que, al utilizar una de sus plantillas, si en cualquier momento quieres cambiar algo de sitio, te va a ser mucho más fácil y sencillo con el Page Builder.

Por otro lado, si compras una plantilla que vienen con un Page Builder, puede que la plantilla te encante, pero el Page Builder que utiliza no te guste nada.

Por ejemplo, en mi caso particular, si veo que una plantilla utiliza Visual Composer como Page Builder, la descarto automáticamente, por muy bonita que sea.

Y que no se te olvide que, muchas plantillas que se venden en mercados tipo ThemeForest, y que incluyen Page Builders dentro de ellas, incluyen una versión específica del Page Builder, pero el proceso de actualización dependerá enteramente del desarrollador de la plantilla.

Y eso de depender de alguien para tener tu sitio web actualizado correctamente... no me convence, y no te lo recomiendo. De ahí que insisto en utilizar las plantillas como elementos meramente estéticos, y que todo el poder de creación para tu web lo saques de plugins y de page builders bien hechos.

 Resumen

Si después de leer el artículo, te has decidido a aventurarte en la compra de una plantilla porque de verdad crees que te va a ahorrar mucho tiempo y que es justo lo que necesitas, te doy un pequeño repaso al os puntos más importantes que tienes que tener en cuenta:

Empaparse de los comentarios

Estés en el mercado de plantillas que estés, o si usas una empresa de venta de plantillas específica, lee siempre comentarios y opiniones sobre el vendedor (como cuando compras un producto en Amazon).

Fíjate sobretodo en los comentarios más negativos, y analiza si lo que dicen es un odio puntual hacia una plantilla concreta, o si de verdad toca un tema que afecta a la estrategia que tengas para tu proyecto web. (Por ejemplo que no sea compatible con un plugin que tú vayas a utilizar).

Juguetea con la demo

Entra en las demos que tengan las plantillas y juega con ellas. Visítalas desde el móvil, desde la tablet, mira a ver si te gusta como quedan...

Es uno de los mejores puntos de utilizar una plantilla comprada, que puedes testear el resultado tú mismo antes de comprarla. Descarta automáticamente las plantillas que no tengan demo, y que ofrezcan meras imágenes de cómo van a quedar (por muy bonitas que sean).

Analiza la velocidad de carga

Utiliza herramientas como WP Doctor para ver cómo carga la web, y en qué falla en cuanto a velocidad. Básicamente, conoce un poco "las tripas" de la plantilla y no te dejes guiar por su estética solamente.

Visita la demo desde todos los navegadores posibles

Utiliza herramientas como BrowserShots para cargar la plantilla en diferentes navegadores de Internet. Así te evitarás sorpresas luego en cuanto a rendimiento de la plantilla con un determinado navegador.

Encontrar ejemplos reales de uso de la plantilla

Intenta encontrar webs que usen la plantilla en concreto en "el mundo real".

Suelen aparecer en las propia web que venda la plantilla, porque se sentirán orgullosos de que la gente las use para sus proyectos. Si no encuentras ningún caso real de alguien que use la plantilla, no es motivo de desconfianza, pero suele ser raro.

Tener en cuenta el tipo de soporte que existe

Aquí reside la diferencia, como te comentaba anteriormente, en si compras la plantilla a una empresa especializada, o a una persona concreta. Encuentra un soporte continuado, y de calidad, porque ¡siempre te van a surgir dudas en un futuro!

Preguntar todo lo que queramos al autor

Si tienes cualquier pregunta "pre-venta", contacta con el autor. Esto no sólo te servirá para saber la calidad de respuesta que tiene la empresa que lo venda, si no para ahorrarte dolores de cabeza una vez comprada la plantilla.

Si el mercado de plantillas que utilices es serio, tendrá un apartado visible públicamente de "preguntas públicas" que otros usuarios han hecho al autor, y podrás ver las respuestas del mismo. Esto te ahorrará tiempo y también te permitirá conocer la plantilla más a fondo antes de comprarla.

No caigas en la tentación de usar la versión pirata

Pese a que puedes conseguir versiones pirata o nulled de plantillas conocidas, por favor, no las uses para tus proyectos reales, pues estás expuesto a sanciones, a multas y también a código malware insertado en las mismas y que afectarán muy negativamente a tu web y a tu imagen como profesional.

Si alguien ha dedicado cientos de horas y mucho esfuerzo a crear algo, es lógico que formemos parte del sistema de venta de servicios y paguemos por lo que vamos a utilizar en nuestros proyectos.

Eso sí, preocúpate por comprar plantillas en mercados o tiendas de plantillas con una política de devolución de dinero realista, ya que hay algunos que miran para otro lado si deseas que te devuelvan el dinero (a mi me ha pasado con Themeforest varias veces).

  Conclusión

Esto ha sido todo por mi parte en cuanto a elegir correctamente una plantilla web para tu proyecto.

Espero que hayas entendido todo lo que hace falta para que no te den gato por liebre, y que consigas la plantilla ideal para tu proyecto de una manera segura y sin mayores complicaciones. ¡Un abrazo fuerte y nos vemos en el siguiente artículo!

Un chat online es una herramienta y, como tal, debemos utilizarla adecuadamente para sacar su máximo provecho. No solo eso: usarla incorrectamente puede incluso conseguir el efecto contrario al deseado.

En este sentido, el chat en vivo se puede convertir en un instrumento muy útil para aumentar el compromiso (engagement) de los usuarios con nuestra tienda online; es decir, que no solo adquieran nuestros productos o servicios, sino crear un vínculo emocional para que repitan la compra y se conviertan en clientes asiduos.

En este artículo, nos centrarnos en este aspecto del engagement de los usuarios, en qué consiste, cómo podemos intervenir en él y, específicamente, cómo utilizar el chat en tiendas online para aumentarlo y transformar a los usuarios en clientes asiduos y fieles.

  ¿Qué es el engagement (compromiso) de los usuarios?

El engagement o compromiso de los usuarios mide si éstos encuentran valor en un producto o servicio. El engagement se puede medir mediante una variedad o combinación de actividades como descargas, clics, compras realizadas, etc.

En general, los usuarios comprometidos, con un alto índice de engagement, proporcionan mayores beneficios, siempre que sus acciones estén vinculadas a resultados tangibles como compras, repetir compras, visitas recurrentes o clics, que se pueden medir objetivamente.

El compromiso de los usuarios está directamente relacionado con la rentabilidad general del sitio web. Los usuarios dedican su tiempo y dirigen su atención a aquello, sea un producto, servicio o sitio web en particular, que consideran que les pueda aportar valor.

Aumentar el compromiso y el tiempo de dedicación de los usuarios permite a los sitios web y tiendas online aumentar sus beneficios, ya sea con mayor venta de productos, prestación de servicios o suscripciones.

El beneficio obtenido no solo es directo. Los usuarios comprometidos tienen más probabilidades de comprar y compartir el producto o servicio con amigos, conocidos y a través de las redes sociales, con lo que esa tienda online o sitio web consigue una difusión que, de otra forma, habría sido muy difícil y costosa de hacer.

  Factores que afectan al engagement de los usuarios

No hay una única definición o análisis del compromiso del usuario de un sitio web o tienda online. Aunque disponemos de métricas concretas, como los usuarios activos diariamente, la tasa de rebote, el tiempo de permanencia o incluso los comentarios de un post, en último extremo el compromiso siempre depende del modelo de negocio del sitio web o tienda online.

Así, un compromiso de usuario alto a través de visitas o clics podría ser bueno para un sitio web de noticias, pero no para una tienda online, donde un número alto de visitas podría sugerir que llegan muchos usuarios pero que, si no materializan una compra, significa que llegan creyendo encontrar algo que no es lo que en realidad ofrece la tienda online.

Por ello, antes de nada debemos evaluar cuáles son los factores que intervienen directamente en el compromiso del usuario, y actuar en este sentido para mejorar la oferta de nuestro sitio web o tienda online:

Descubrir qué aporta valor a los usuarios.

¿Qué tenemos que los usuarios encuentren valioso? ¿Es un producto, una determinada variación del producto? Debemos conocer a los usuarios, seguir sus movimientos dentro del sitio web y analizar su comportamiento, en lo que se llama como la experiencia de cliente o “customer journey”.

Cada tipo de sitio web tendrá distintos aspectos a evaluar. Así, para un sitio de noticias, los usuarios pueden encontrar valor en sentirse informados en el mismo momento. Para una tienda online, que los productos reúnan determinadas características (como precio, material, durabilidad, etc.).

Debemos identificar estos momentos clave y realizar los cambios oportunos en el sitio web para ofrecer el producto o servicio que gusta los usuarios.

Mejora de la usabilidad del sitio web.

Lo hemos mencionado varias veces: la base de todo buen compromiso es un buen producto o servicio. A este aspecto hay que añadir la usabilidad del sitio web, como quizás el factor más importante para aumentar el compromiso del usuario.

Los usuarios quieren encontrar páginas web sencillas y efectivas, y muchas veces buscarán alternativas hasta que encuentren una que satisfaga sus necesidades y pretensiones.

Al analizar la navegación del usuario a través del sitio web e identificar por qué los usuarios lo abandonan prematuramente, podremos encontrar y solucionar problemas de usabilidad.

Una tienda de comercio electrónico, por ejemplo, podría encontrar que un número significativo de usuarios abandonan cuando llegan a la página de pago. Un análisis en detalle puede dilucidar que los usuarios prefieren no tener que crear una cuenta obligatoriamente.

En este caso, como posible solución, se podría agregar una opción para comprar pagar como invitado, y utilizar otras tácticas para conseguir que ese usuario se registre (y entonces continuar el proceso de aumentar su compromiso).

Educar a los usuarios, especialmente a los nuevos.

Los intereses de los usuarios cambian y evolucionan con el tiempo. Los nuevos usuarios a menudo aún están formando sus primeras impresiones e intentan encontrar el valor al sitio web y su oferta.

Podemos ayudar tanto a los usuarios nuevos como a los más veteranos mostrando solo las acciones más relevantes del sitio web en un primer plano, de forma que las opciones adicionales no intimiden a los nuevos usuarios, pero permitiendo que estén disponibles para usuarios avanzados.

Para todos los nuevos usuarios, el momento posterior al registro es un obstáculo importante que les puede hacer desistir continuar con la visita o compra en el sitio web si no lo gestionamos adecuadamente.

Un ejemplo lo tenemos en esos sitios web y tiendas online que, para los usuarios nuevos, muestran pequeñas ventanas emergentes señalando y explicando que pueden hacer en el sitio web y sugerencias de cómo navegar.

En este aspecto, el chat en tiendas online también puede ser una herramienta de gran valor, pues al estar siempre disponible, el usuario se siente arropado sabiendo que, si tiene una duda o se pierde entre las distintas opciones, habrá alguien que se lo solucione en pocos minutos.

Comunicarse con los usuarios

En vez de “adivinar” o “deducir” qué quieren o buscan los usuarios, también podemos preguntarles directamente a los usuarios qué quieren o cómo lo quieren. A menudo, los usuarios más avanzados tienen una serie de recomendaciones y sugerencias en función de su experiencia e intereses.

Ya sea a través de encuestas online, contactar con ellos por email o proporcionando un medio de interacción, podemos saber mucho más a través de la aportación de unos pocos usuarios que por el análisis del comportamiento y navegación de miles de usuarios.

  ¿Es efectivo utilizar el chat en vivo para aumentar el compromiso?

No somos realmente conscientes de cuántos clientes deja de conseguir una tienda online diariamente. Y el principal motivo es su incapacidad para proporcionar soporte en tiempo real al usuario, convirtiéndose en la clave del compromiso a medida que los consumidores buscan formas efectivas y fáciles de obtener las respuestas que necesitan.

El chat en vivo es una magnífica tecnología para obtener una ventaja en términos de compromiso con el usuario, mantenerse competitivo en el nicho de la tienda online y convertir en compradores a los usuarios interesados ​​en nuestro producto o servicio.

Las siguientes estadísticas revelan, a las claras, cuánto puede impactar un chat en vivo bien gestionado en el funcionamiento de una tienda online:

• El 68 por ciento de los visitantes de una tienda online participa en el chat en vivo y el 63 por ciento de ellos volverá al sitio web que ofrece chat en vivo para una compra repetida.

• El 38 por ciento de los usuarios online de una tienda de comercio electrónico hacen su compra durante el chat en vivo.

• El chat en vivo aumenta las conversiones en más del 20%.

No implementar el chat en tiendas online nos hará perder todos estos beneficios, especialmente el primero, factor crucial del compromiso de un usuario, y el último, vender más.

 Cómo aumentar el engagement de una tienda online con el chat en vivo

Hemos visto que para conseguir un buen engagement de los usuarios, lo primero de todo es disponer de un producto, o productos, que aporten valor al usuario.

Sin embargo, siendo condición necesaria, no es suficiente para, en una tienda online, conseguir un alto número de ventas. En este punto es donde debemos introducir técnicas, estrategias, tácticas y/o herramientas que, sobre la base de un gran producto o servicio, consigan aumentar el compromiso de una tienda online.

Entre los factores que pueden afectar al engagement, mencionábamos antes la educación y comunicación con los usuarios, que no tiene porque ser necesariamente offline, sino también online, a través del propio sitio web de la tienda online.

El chat online o chat en vivo proporciona una oportunidad única en ambos casos, puesto que nos permite apoyar al usuario durante su proceso compra.

Además, por otro lado, y más importante, podemos reforzar nuestra imagen para que el usuario nos retenga en la memoria y, eventualmente, conseguir que se convierta en un visitante y comprador recurrente de nuestra tienda online.

Para conocer más las ventajas de los chats en vivo y cómo instalarlos en WooCommerce y WordPress, este artículo dispone de una detallada explicación, además de un vídeo demostrativo de la instalación, configuración y uso de un plugin de chat online.

A continuación, vamos a ver cinco formas para aumentar el compromiso de los usuarios en una tienda online utilizando un chat online.

  Hacer (muy) visible el banner del chat en vivo

Parece trivial y casi sin importancia, pero debemos decidir la posición donde colocaremos el banner de chat en vivo. Tan relevante resulta elegir la ubicación correcta como atraer la atención de los ojos del usuario.

De lo contrario, los visitantes de la tienda online quizás no entiendan o detecten que pueden iniciar un chat en vivo con un agente cada vez que necesiten ayuda o tenga una consulta.

El banner de chat no solo debe coincidir con la apariencia de su sitio web, sino que debe tener un color y un estilo destacados, pero consistentes con el diseño del propio sitio web, para que resulta lo más profesional posible ante los usuarios.

El banner del chat se puede colocar en cualquier parte del sitio web, pero debemos asegurarnos que la posición se adapte a los usuarios. No hay una norma fija ni idea, por lo que posiblemente probemos una primera ubicación y estilos, que iremos refinando a lo largo del tiempo.

Asimismo, los usuarios quieren hablar con personas reales, no con robots. Resulta muy atractivo para un usuario que el banner del chat tenga una fotografía del agente que le atenderá y su nombre: le confiere mayor confianza saber con quién está hablando.

Dado que el chat online pretende estar disponible para cualquier consulta del usuario durante la navegación, el banner de activación debe aparecer en cada página web, para asegurarse de que los visitantes del sitio web puedan obtener ayuda instantánea cuando y donde lo necesiten.

El siguiente vídeo muestra cómo podemos configurar este aspecto con el plugin gratuito “WP Live Chat Support”:

  Estar disponible las 24 horas del día

Las mejores tiendas físicas son conocidas por su excelente servicio al cliente: un empleado lo atiende en cualquier momento que necesite ayuda, se asegura que pueda encontrar los productos que necesita y responde a sus preguntas.

Pero en una tienda online, la atención durante el horario comercial tradicional y la disponibilidad de lunes a viernes pueden no ser suficientes y, de hecho, no lo son.

Cuando los usuarios de la tienda online tiene algún problema, les quedan dos opciones: contactar con el servicio de atención al cliente o ir a otro sitio. A casi nadie le gusta llamadas telefónicas o esperar respuestas por correo electrónico, así que probablemente se vaya para no volver.

El chat en vivo nos ofrece una solución a esta situación, dado que muchos usuarios realizan sus compras de noche o en fines de semana pero, si hay chat y no está disponible por “horarios”, perdemos una oportunidad de oro para captarlos.

Si no disponemos de infraestructura (esto es, suficientes agentes internos o el coste que ello implica) para manejar el chat en vivo fuera del horario comercial, existe la posibilidad de contratar agentes externos que pueden atender a usuarios durante todos los días y horas.

Estar disponible durante todo el día todos los días de la semana también permite a la tienda online atender a usuarios que vienen de otras partes del mundo, con diferentes horarios.

  Involucrarse activamente para ofrecer asistencia al usuario

Si analizamos las estadísticas de uso de nuestra tienda online, podemos observar que algunos usuarios:

• Abandonan el sitio web después de permanecer en la página de precios durante 20 segundos.

• Después de agregar algún producto en el carrito de compras, salen repentinamente de la página de pago.

• Después de llegar al sitio web, abandone de repente el sitio web y muchos más.

De esta forma, buenas oportunidades de ventas se escapan de nuestras manos. ¿Cómo aprovechar estas oportunidades, no solo para vender, sino para fidelizar al usuario?

Con una adecuada atención a través del chat online, podemos evitar que abandonen el sitio web:

• Enviar invitaciones de chat a los usuarios que pasen un cierto tiempo en una misma página o en el sitio web.

• Incluir enlaces en las respuestas a los usuarios para llegar directamente a la página web que están buscando.

• Algunas aplicaciones de chat tienen funciones de seguimiento de los usuarios. Por ejemplo, para detectar cuando se estancan en una página web o navegan sin rumbo definido. En este caso, se les puede mostrar una notificación para ofrecerles ayuda.

  Dirigirse directamente a los usuarios recurrentes

Un usuario que vuelve es un cliente que ha comprado anteriormente. Si vuelven, probablemente es porque quedaron satisfechos por la compra y ahora quieren comprar de nuevo.

Un usuario recurrente, que vuelve a una tienda online, sabe lo que le ofrece, está familiarizado con el sitio web y está satisfecho con su compra anterior.

Todavía puede ser pronto para considerarlo un cliente fidelizado, pero si conseguimos mantener esa experiencia positiva con ellos, podemos vincularlo a ese grado de fidelidad.

Las recomendaciones personalizadas a través del chat en vivo son especialmente beneficiosas tanto para el usuario como para la tienda online. Consultando el perfil del usuario, podemos saber qué le interesa y hacerle ofertas especiales solo para él, en función del comportamiento que tenemos registrado de él.

De esta forma, el usuario no tiene que navegar por el catálogo para encontrar productos que le interesen, pues ya le ofrecemos algunos, y se siente motivado a seguir comprando gracias a este trato personalizado y especial.

 

 Predecir cuándo será necesario más personal

Las tiendas físicas tienen distinta actividad comercial en función de la época o el mes del año. En las tiendas online, ocurre exactamente lo mismo, aunque en franjas de tiempo más recortadas, del orden de los días y las semanas. El perfil del usuario también influye, en función de sus preferencias.

Así, para algunos, los días entre semana son mejores para las ventas, mientras que, para otros, las visitas aumentan los fines de semana o por la tarde dentro de un mismo día.

No podemos tener el mismo personal asignado para atender el chat online a todas horas: debemos ajustarnos a la demanda, tanto a la baja (por ejemplo, por la noche, aunque salvo comercios electrónicos internacionales) como a la alta (por ejemplo, para compras estacionales en Navidad o verano).

Disponer del mismo personal a todas horas, casi con seguridad resultará en un coste inadecuado (porque estaría ocioso en horas/días de baja demanda) o en un servicio de chat en vivo de baja calidad (porque los agentes no podrían atender todas las consultas en horas de máxima actividad).

Si conocemos las tendencias de tráfico web de la tienda online, así como la variabilidad que pueda haber a lo largo del año, podemos ajustar el número de agentes de chat en vivo para, por un lado, asegurarnos que cada cliente reciba atención de inmediato y, por otro, que no haya agentes desocupados.

Aunque se puede aumentar el número de chats simultáneos que un agente puede mantener en el manejo de picos repentinos, demasiadas sesiones de chat puede confundir al agente y que no se pueda ofrecer un buen servicio de atención.

 

  Conclusiones

Aunque un servicio de asistencia a los usuarios a través de un chat online supone una oportunidad para conseguir mejorar los beneficios de una tienda online, no basta con instalarlo y configurarlo, también son necesarias aplicar buenas prácticas para explotarlo con garantías.

Por otro lado, un chat en vivo no suple las deficiencias que pueda tener un sitio web, tienda online o su oferta de productos/servicios, por lo que siempre debemos de asegurarnos de ofrecer productos viables a través de una plataforma de comercio electrónico efectiva y usable.

Partiendo de esta premisa, el chat online nos servirá fundamentalmente para dos actividades:

• Conocer mejor los intereses de los usuarios, para ampliar nuestra oferta.

• Mejorar la usabilidad del sitio web, para favorecer el proceso de compra.

La utilización responsable y adecuada del chat en vivo en una tienda online puede conseguir dos efectos casi inmediatos: aumentar las ventas y aumentar el compromiso del usuario (y se convierta en un cliente recurrente).

En este artículo hemos visto cinco formas de aumentar el compromiso del usuario que, en definitiva, buscan un mismo propósito: proporcionar un servicio de atención al usuario que le haga seguir respaldado durante su proceso de compra y que se sienta tan satisfecho como para convertirse en un cliente fiel y asiduo.

A lo largo de este artículo te voy a contar por qué es tan importante el tener optimizado el Checkout en WooCommerce.

Haremos un repaso de algunos conceptos, algunos consejos, y te mencionaré algunos addons que te ayudarán en tu objetivo de optimizar el Checkout de WooCommerce. 

  Qué es el Checkout y por qué es tan importante

Sé que esta parte del artículo es muy obvia, pero hay que mencionarla.

La definición rápida de Checkout, que se entiende rápido: donde se paga en la tienda online. 

La definición un poco más "de libro" sería: El momento cumbre de una experiencia de compra online, en donde el consumidor afronta el incómodo momento de sacar su tarjeta de crédito y escribir los detalles de la misma, para que se proceda a la compra de un producto "intangible" en un primer momento, ya que no lo puede "tocar" (al menos hasta que no le llegue a casa).

El Checkout está directamente relacionado con las conversiones que tenga tu tienda online.

Esto se traduce en que, un buen Checkout significará mayores ventas, y un mal Checkout, menos ventas (aquí influyen varios aspectos relacionados con experiencia de usuario (UX) y la interfaz de usuario (UI)).

Dicho esto, a continuación sabrás por qué a veces es suficiente dejar el Checkout tal y como viene por defecto en WooCommerce (lo llamaremos el Checkout bonito), y otras veces conviene, según qué producto tengamos, optimizarlo de una determinada manera (lo llamaremos el Checkout Optimizado).

  El Checkout "bonito" de WooCommerce

Éste es el que yo llamo el Checkout bonito, el cual es el que viene por defecto en WooCommerce. No es para nada un Checkout incorrecto. Al revés:

• Está muy cuidado a nivel visual
• Es sencillo, limpio, sin estorbos
• Ofrece múltiples pasarelas de pago por defecto (y se le puede añadir las que necesites)
• El envío y el cálculo de los costes es preciso y semi-automático.

Para muchos tipos de producto, te bastará con utilizar el Checkout en WooCommerce que viene por defecto.

No obstante, si quieres llegar más lejos, te convendría comenzar a optimizar el Checkout, por muy poca optimización que fuera. Lo vemos en el siguiente apartado del artículo.

  Optimizar el Checkout en WooCommerce

Ahora mismo te estarás preguntando cómo saber cuándo es conveniente desviar nuestra estrategia de venta durante el Checkout hacia algo más específico y optimizado.

Dependiendo de la mayor o menor importancia que le quieras dar, hay casos en que la experiencia de usuario (UX) debe de centrarse más en un tipo de Checkout u otro.

Es por ello que lo primero que te recomiendo es reconocer quién es tu cliente ideal, y lo que necesita, en base a tu producto (y a tus propias necesidades).

De ahí que la optimización adquirirá un sentido u otro, y empezarás a darte cuenta de que optimizar no siempre es "quitar", también puede ser "añadir".

Esto se traduce en que por ejemplo:

• Vendes productos intangibles (no necesitas determinados campos en el Checkout).
• Vendes servicios muy específicos (necesitarás más campos en el Checkout).

Para poner un ejemplo más claro de por qué "lo bonito" no siempre es "lo optimizado", voy a ponerte un caso más específico.

Tienes una tienda online en donde vendes productos personalizados.

Tu cliente normalmente selecciona uno de tus productos, y con una pequeña aplicación de diseño en tu web, añade sus propios diseños o confecciona uno diseño con el material que tú le ofreces.

Cuando ya está listo, lo añade al carro de compra y lo paga.

En esta pequeña "experiencia de usuario", algunos elementos a optimizar serían:

• Que haya confirmación para cerrar la ventana (para que no se pierda su diseño)
• Que haya posibilidad de guardar el diseño
• Que el proceso esté definido en varias fases, con una barra de estado que indica cuánto queda para terminar y pagar.
• Que haya una pantalla de "confirmación de pedido" antes del pago, para evitar errores o cancelaciones.
• Que haya un campo para añadir una tarjeta personalizada, o para envolver o no para regalo.
• Etc.

¿Lo vas entendiendo mejor? Un Checkout optimizado es diferente para cada tipo de proyecto, y en la mayoría de los casos eres tú quien va a descifrar lo que es mejor o no, o lo que tus clientes necesitan o no.

No obstante, hay una serie de características generales para optimizar el Checkout en WooCommerce, y te las paso a describir a continuación.

  Checkout de una página vs Checkout de varias páginas

En el ejemplo que hemos puesto en el apartado anterior, hemos visto que sería mejor tener un Checkout de varias páginas, aunque dejando ver a nuestro cliente la fase en la que está, y cuántas fases quedan, mediante un indicador visual.

Al ser nuestro producto del ejemplo un producto bastante complejo, quizás un Checkout de una sola página habría parecido demasiado alentador y largo, por lo que aumentaría la posibilidad de abandono de la web.

Es por ello que no hay opción correcta ni incorrecta en cuanto a tener un Checkout de una página, o de varias páginas.

Al igual que para productos sencillos y comunes, el Checkout en WooCommerce, por defecto, es más que suficiente, para la mayoría de casos, un Checkout de una sola página es también suficiente.

No obstante, te toca a ti decidir cual sería mejor (cual optimizaría más) no perder ese momentum del cliente cuando empieza a sacar la tarjeta de crédito de su cartera y pagarte una cantidad determinada de dinero.

  Campos que no hacen falta

Aunque el título es bastante auto descriptivo, es importante recalcar que vigiles la información que requieres a tus posibles compradores, para poder completar sus pedidos.

Aunque suene obvio, en muchas ocasiones se olvidan eliminar ciertos campos que condicionan mucho el ánimo de compra del visitante a tu tienda online.

Se puede equiparar a cuando te interesan los artículos de una web, y decides suscribirte a su newsletter; imagínate que para darte de alta en la misma, te pidiera tu dirección postal ,y tu número de teléfono. ¿No tendría mucho sentido no? ¿Se te quitarían las ganas de rellenarla?

Dentro de este apartado también entra el "eliminar" elementos dentro de los propios campos. Por ejemplo, si tu tienda sólo vende a España, además de indicarlo en algún sitio visible de tu web, intenta que a la hora de seleccionar el país, aparezca por defecto "España", y que no se pueda cambiar a otro.

Imagina el chasco que se lleva alguien que se ha molestado en añadir productos a su carrito de la compra, y rellenar varios campos, escoger su país, introducir los datos de su tarjeta de crédito, y al darle a "pagar", aparezca un mensaje de "no hacemos envíos a este país".

Concluir este apartado diciendo que si de verdad quieres dejar ciertos campos, en un principio innecesarios, pero los cuales te gustaría "dejar ahí" por si los quieren rellenar, que por lo menos no los hagas obligatorios. 

  ¿De verdad hace falta confirmación? ¿De verdad? ¿Seguro?

Este apartado se refiere a las notificaciones, confirmaciones, o información ambigua o innecesaria que tu web puede ofrecer.

Por ejemplo, en los campos de nombre y apellidos,  ¿sería factible poner un icono de información diciendo "Ponga aquí su nombre, ejemplo: Manolito"?.

¿No crees que ese icono estaría restando puntos a la atención del cliente, con un mensaje que no le aporta nada, y debilitando ese maravilloso momentum del momento de compra?

Y no sólo vale para tooltips o información innecesaria mediante iconos de ayuda al lado de cada campo. Es aplicable también a las páginas de confirmación de producto innecesarias.

Por ejemplo, estás comprando unos zapatos de la talla 40. Vas al zapato, eliges el color, eliges la talla, y le das a añadir al carrito; pinchas en ver carrito, y en comprar. 

¿Verías necesario aquí una página de "confirmación de color y talla del zapato", con un botón de "atrás" y otro de "pagar ahora", el cual te llevaría a otra página con la información de pago y de envío?

¿O sería más sencillo que, en la página del carrito de compra, se viera ya una foto del zapato con el color elegido, y su talla al lado, junto con el precio), y en esa misma página, la información de envío, el email y la información de la tarjeta de crédito?

Siempre que tengas cualquier duda o necesites inspiración, yo me iría a páginas como Amazon, la cual tiene, a mi modo de ver, el mejor proceso de Checkout de todo Internet.

  Enlaces a otras páginas

Algunas veces sentimos la necesidad, según qué producto, de ofrecer información extra sobre el mismo.

Ya sea mediante la inclusión de enlaces de tipo informativo (página del fabricante, formularios de contacto en diferentes páginas, etc) o de tipo comercial (enlaces a otros productos dentro de la propia página de Checkout), nos olvidamos por completo de que ese enlace favorece el desviar la atención de la persona interesada en comprar nuestros productos, y por ende, perjudica nuestras posibilidades de ventas.

Si necesitas incluir dichos enlaces, por lo menos haz que se abran en una pestaña nueva en segundo plano.

No obstante, no te obsesiones con este tema de los enlaces, pues la gran mayoría de usuarios ya saben que manteniendo pulsado la tecla "Ctrl" y pinchando en el enlace, dicho enlace se abre en una pestaña nueva, y les permite seguir navegando en la pestaña en donde se encuentren.

  Cuentas obligatorias vs Guest Checkout

Al igual que cuando entras en una tienda online, y no ves los precios, y para verlos hay que registrarse, no conviene en el 99% de los casos obligar al usuario a hacerse una cuenta en tu web, para poder pagarte por un producto.

Es ideal que puedan hacerse usuarios, pero no lo pongas como requisito obligatorio.

Limítate a "dejarle ver" las ventajas que tiene ser usuario de tu web (listas de deseos, descuentos periódicos, e incluso un descuento de un 15% en su siguiente compra) por ejemplo.

  No me pagues en Yuanes en una plataforma de Yemen

En este apartado me refiero a que utilices pasarelas de pago conocidas, y modernas.

Creo que atrás quedan las tediosas TPVs virtuales de bancos antiguos, y hoy en día son más utilizadas las plataformas de confianza (o al menos muy conocidas), tipo Paypal, Stripe o Authorize.net.

Por ejemplo, cuando usas Paypal, el usuario ya sabe de por sí que va a ser redirigido a la página de Paypal, para ingresar su usuario y contraseña, pagar, y volver automáticamente a tu página de checkout (yo no estoy muy a favor de esto, pero los usuarios de Paypal puede que se sientan más seguros viendo que su pago siempre se hace dentro de Paypal).

Por otro lado, Stripe permite hacer el pago mediante tarjeta, rápidamente, con aspecto muy profesional, y sin salir de la web. Esto hace que el usuario "no se despiste", y le des menos oportunidades de echarse atrás a la hora de pagarte (en el caso de Paypal, puede que se lo piensen dos veces al ver de nuevo la cifra a pagar en su cuenta de Paypal, o esa es mi opinión desde el punto de vista UX).

Hay otras como Authorize.net que funcionan de manera muy parecida, aunque no es muy utilizada en Europa (se utiliza más en USA).

Para resumir en este apartado: ofrece varias posibilidades de pago conocidas, para generar confianza a la persona que te quiera pagar por un producto o servicio que vendas.

  Ejemplos de addons útiles para optimizar el Checkout en WooCommerce

Paso a mencionarte a continuación algunos plugins / addons para tu tienda online de WooCommerce, los cuales podrán ayudarte a mejorar el Checkout y optimizarlo (aunque sea un poquito más que tal y como lo tienes).

Checkout WC

Este plugin premium, mediante suscripción anual, ofrece una mejora sustancial de tu Checkout. Recuerda que en Webempresa no se ofrece soporte sobre plugins de pago, por lo que si tienes alguna duda, consulta con el soporte del desarrollador.

WooCommerce One Page Checkout

Siendo original de la propia casa de WooCommerce, este plugin te permitirá simplificar el proceso de Checkout a una sola página.

En muchos casos de productos sencillos, este pequeño cambio puede suponer un aumento considerable en tus ventas. o al menos de los abandonos del carrito de compra de tu web.

WooCommerce Checkout Field Editor

Este plugin, también oficial de WooCommerce, te permite añadir, editar y eliminar campos personalizados a tu Checkout.

Esta función se puede hacer mediante código, pero este plugin te evita el tener que tocar dicho código, y hacerlo más rápido y sencillo para los "no técnicos".

WooCommerce Checkout Add-Ons

Por último te traigo una extensión que te permitirá añadir elementos comerciales en tu página de Checkout, al producto que ya se esté comprando.

Es decir, funciona como cuando pides una pizza, y cada "topping" extra cuesta un poco más de dinero. Esto va genial para vender servicios extra, o complementos para un producto concreto, sin que afecte así al Checkout, y aumentando las posibilidades de aumentar tus ingresos.

WooCommerce Checkout Manager

Te traigo como último plugin para WooCommerce uno bastante interesante y gratuito, que te permitirá optimizar bastante tu Checkout.

Entre otras cosas te permitirá gestionar muy bien los campos necesarios, añadir nuevos, eliminarlos, hacerlos obligatorios o no, hacerlos condicionales, añadir archivos en el Checkout, y muchas más opciones que tú mismo puedes leer en la página del plugin.

  Conclusiones

Ya hemos visto que para poder optimizar la página de Checkout en WooCommerce, conviene primero, saber si nuestro producto necesita o no una optimización más trabajada o no.

También debemos analizar los campos y elementos ya presentes en el Checkout, e intentar que no afecten negativamente el proceso de compra, o que desvíen demasiado la atención de nuestros clientes a la hora de hacer que paguen por un producto o servicio que vendamos.

Hay plugins que nos van a ayudar a optimizar la experiencia de nuestros usuarios, y sobretodo a ofrecer un sistema que funcione, y que en general, tenga muchas posibilidades de éxito a la hora de producir una venta.

Espero que te haya interesado este artículo y que investigues más por tu cuenta sobre este tema, para que seas capaz de crear verdaderas máquinas de venta online.

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