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

Trasladar una Web con SuperMigrator, ¡tutorial!

$
0
0

Cómo trasladar una Web sin complicaciones: SuperMigrator


Una de las mayores preocupaciones que nos surgen cuando queremos cambiar de hosting es la de cómo trasladar una web o si perderemos contenido que ya teníamos en este proceso.

No hay de qué preocuparse, pues en el equipo Webempresa, nos gusta ayudar a nuestros clientes y facilitarles la migración de su proyecto web.

Para hacerlo sencillo, hemos desarrollado la herramienta SuperMigrator que te permitirá traerte una web desde otro proveedor de hosting hasta el nuestro.

¿Empezamos por conocer qué es SuperMigrator y cómo llevar a cabo el traslado de tu página web? ;)

     

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


Trasladar web

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.


Trasladar un cPanel

Haz clic en la imagen para ampliarla  


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


Comprobación

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.


No se detecta CMS ni cPanel

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.


Detección del CMS y cPanel

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:


Introducción de los datos FTP

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.


Detección web

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.


Aviso de datos FTP incorrectos

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.


Selección de hosting y dominio de destino

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.


Indicar el destino de tu 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:


Aviso de traslado iniciado correctamente

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:


Datos de acceso de wordpress.com

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.


Selección de la cuenta de hosting y dominio de destino

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.


Aviso de traslado 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:


Opción de trasladar cPanel

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.


Aviso de revisión de datos de cPanel

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.


Selección de cuenta de hosting de destino

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.


Aviso de traslado iniciado correctamente

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.


Pestaña Mis Traslados

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.


Traslados en progreso

Haz clic en la imagen para ampliarla  


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

Link para ver el traslado en 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.


Datos del progreso del traslado

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.


Ver más detalles del 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!.


Configurar una página de Próximamente en WooCommerce

$
0
0

Cómo configurar una página de Próximamente en WooCommerce


Vas andando por una calle de tu barrio y ves dos locales comerciales (uno al lado del otro) en los que ves gente trabajar (das por hecho que los van a abrir pronto), pero todavía no consigues ver en qué se convertirán.

El de la izquierda, no tiene nada destacable. Simplemente gente trabajando dentro, para reformarlo. El de la derecha tiene lo mismo que el de la izquierda, pero tiene un cartel enorme de "Próxima apertura en junio: Pizzería Manolo". Y justo debajo del cartel hay una caja con descuentos del 50% para dos personas, durante todo junio.

Además va acompañado de su nombre de Instagram, para que puedas ir viendo como van las preparaciones y detalles sobre la inauguración. Ahora, mi querido lector/lectora: ¿con cuál te quedas? ¿Cuál te parece más interesante o generará algo de interés en ti?

A veces detalles como tener una página de Próximamente en WooCommerce, harán que ya estés, sin esfuerzo, generando leads para cuando lances públicamente tu tienda online.

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?


Elementos de una página de Próximamente en WooCommerce


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


Cómo configurar una 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


Cómo configurar una página de Próximamente en WooCommerce: 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)


Cómo configurar una página de Próximamente en WooCommerce: Plugin específico para páginas de 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!

Cómo configurar una tienda online WooCommerce

$
0
0

Cómo configurar una tienda online WooCommerce


Cuando por fin nos hemos decidido a crear una tienda online WooCommerce, iniciamos un proceso que no deberíamos realizar ciegamente, sino paso a paso y de forma concienzuda.

La aparente facilidad de las herramientas de gestión de contenidos, como WordPress, y de comercio electrónico, como WooCommerce, invitan a proceder con esta tarea sin un plan ni estrategia definidos, lo que en el futuro, cuando la tienda esté en pleno funcionamiento, puede lacrar su crecimiento.

Por otro lado, crear una tienda online no solo supone instalar y configurar la plataforma de comercio electrónico, sino tomar una serie de decisiones que, sin estar directamente relacionadas con eCommerce, son imprescindibles para poner en marcha la tienda online, como el nombre del dominio, el tema o los plugins que será necesarios.

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:


Planes de hosting WooCommerce

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:


Cómo configurar una tienda online WooCommerce: cPanel de Webempresa

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:


Instalación de WordPress

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:


Introducir el nombre del usuario administrador y contraseña


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:


Instalar el plugin de WooCommerce

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:


Configurar la información básica de 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:


    Revisar configuración de una tienda online WooCommerce


 

  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:


Cómo configurar una tienda online WooCommerce: Añadir productos al catálogo de WooCommerce


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:


    Seleccionar e instalar un tema para WooCommerce

    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:

 

  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.


Plantillas Premium en WordPress: ¿qué tener en cuenta?

$
0
0

Plantillas Premium en WordPress: ¿qué tener en cuenta?


¿WordPress? ¿Eso es para hacer blogs, no? WordPress es una herramienta de creación de contenidos como otra cualquiera, que viene dada por un fantástico gestor de contenidos, que en sus inicios se enfocaba más en la creación de blogs.

No obstante, su fantástica comunidad y la creación de un universo lleno de plantillas, plugins y todo tipo de extensiones, ha hecho posible que con WordPress se pueda construir casi cualquier tipo de página que tengas en mente (si no, no dominaría más del 60% de las webs hechas en España, y más del 30% en todo el mundo).

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


Plantillas Premium en WordPress: 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


Plantillas Premium en WordPress: 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!

Chat en tiendas online: aumenta el compromiso de tus usuarios

$
0
0

5 maneras de aumentar el compromiso con el chat en tiendas onlines


Disponer de un chat en vivo (“Live Chat”) en una tienda online proporciona un medio de comunicación adicional a los usuarios que la visitan y quieren resolver alguna duda sobre la tienda, el producto o las condiciones de compra y envío.

Sin duda, habilitar un chat online abre una vía para aumentar las ventas de la tienda online y conseguir que el usuario quede satisfecho no solo por el producto o servicios adquiridos, sino que se lleve una buena impresión general del trato recibido y quiera volver a comprar en el futuro.

Sin embargo, instalar y activar un chat en tiendas online, por sí mismo, no es suficiente para mejorar la dinámica de la tienda online, sino que debemos adoptar una serie de pautas que optimicen su funcionamiento, con el mayor impacto posible en los beneficios de la tienda.

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.

Optimizar el Checkout en WooCommerce

$
0
0

Optimizar el Checkout en WooCommerce


Hace poco fui con un amigo a tomarme un desayuno de esos de campeones en una cafetería al lado de mi casa y quise invitarle. Fui a la caja para pagar y la cuenta salió a 9.50 euros, saqué mi tarjeta para pagar y al verla, el camarero me indicó que el mínimo para pagar con tarjeta eran 10 euros.

No estoy muy puesto en bancos, TPVs de comercios físicos y esos temas, pero me pareció un poco exagerado el hecho de que siga habiendo "mínimos" para pagar con tarjeta y que el mínimo fuera una cantidad tan alta, para una cafetería.

Te cuento esto porque esa situación a la hora del pago, me dejó con un leve mal sabor de boca. El simple hecho de pensar que si no llevo dinero en efectivo no me pueda tomar un simple café, hace que elija otra cafetería que no tiene mínimos para pagar con tarjeta, en este mundo tan digitalizado.

Y es que (aquí es en donde hago una fantástica relación con lo que trata el artículo) el momento de pagar en tu tienda online WooCommerce afecta de igual manera como me afectó a mi en esta cafetería que te menciono.

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


Optimizar el Checkout en WooCommerce


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


Optimizar el Checkout en WooCommerce


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?


Optimizar el Checkout en WooCommerce


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


Optimizar el Checkout en WooCommerce


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


Optimizar el Checkout en WooCommerce


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!

Miniaturas en WordPress, ¿qué son y cómo administrarlas?

$
0
0

Miniaturas en WordPress, ¿qué son y cómo administrarlas?


Quizás una de las características menos conocidas de WordPress sea su soporte de miniaturas (“thumbnails”) de las imágenes almacenadas en la librería de medios, pero no por ello resulta menos importante, dado su posible efecto en el rendimiento del sitio web.

Cuando redactamos un artículo para nuestro blog, prestamos especial atención al contenido textual, para que aporte información útil y de valor, y a la calidad, tamaño (peso) y dimensiones de las imágenes que lo acompañan… pero no prestamos tanta atención a las miniaturas que genera WordPress.

Las miniaturas tendrán un impacto y un protagonismo especiales en los dispositivos móviles, con pantallas reducidas en las que, literalmente, no “caben” las imágenes principales de nuestros artículos; al menos, no en sus dimensiones originales.

Por otro lado, el número y dimensiones de las miniaturas en un sitio web WordPress puede variar, en función de tema (“theme”) elegido, especialmente si es un diseño responsivo, y de los plugins instalados, y a las que también deberemos prestar atención.

Como veremos en este artículo, una gestión adecuada y eficaz de las miniaturas de un sitio web WordPress no solo nos ayudará a mejorar la respuesta de navegación de nuestro servidor y la experiencia de usuario, sino que también reducirá el espacio de almacenamiento en disco.

     

  ¿Qué son las miniaturas (“thumbnails”) en WordPress?

Cuando subimos una imagen a la librería de medios, WordPress genera una serie de imágenes (las miniaturas) de diferentes dimensiones (esto es, alto y ancho), ya sea recortándola o redimensionándola, en función de la proporción entre las dimensiones originales y las de las miniaturas:

  • Recortar la imagen. WordPress corta la imagen con dos bandas laterales (izquierda y derecha) o dos bandas por arriba y abajo, para que la imagen encaje dentro las dimensiones de la miniatura. Por tanto, la miniatura no muestra lo mismo que la imagen original.

    Esta acción la realiza WordPress cuando las dimensiones original y de la miniatura no son proporcionales entre sí (esto que, que anchura y altura no guardan la misma razón de aspecto).

  • Redimensionar la imagen. Cuando altura y anchura guardan la misma razón de aspecto, WordPress reduce la imagen hasta que coincida con las dimensiones de la miniatura. En este caso, la miniatura muestra lo mismo que la imagen original, salvo que más pequeña.

La siguiente imagen muestra un ejemplo de cómo el CMS redimensiona o recorta una imagen para generar sendas miniaturas en WordPress:


Ejemplo de cómo WordPress redimensiona o recorta una imagen para generar miniaturas

Haz clic en la imagen para ampliarla  

La imagen de la izquierda corresponde al original; la imagen del centro es la original redimensionada; mientras que la de la derecha es la original recortada en sus bandas laterales.

Hemos mencionado que WordPress genera estas miniaturas; sin embargo, también algunos plugins o el tema (“theme”) instalados en el sitio web, o un desarrollo personalizado, generen sus propias miniaturas, además de las de WordPress.

 

  ¿Para qué sirven las miniaturas?

Mediante las miniaturas, WordPress (o el plugin o el tema) proporciona un conjunto de imágenes alternativas que, al mismo tiempo, ocupan menos espacio (esto es, “pesan” menos) y que tienen menor tamaño visual.

Cuando vemos un sitio web en un ordenador, con una pantalla grande de más de 20 pulgadas, la página web tiene las dimensiones suficientes para albergar y mostrar en su totalidad nuestras imágenes originales, sin recortarlas ni redimensionarlas.

De hecho, cuando diseñamos un sitio web, las imágenes originales tendrán dimensiones adaptadas al tamaño de visualización de las páginas web en una pantalla de ordenador.

Sin embargo, en un dispositivo móvil, como tableta o teléfono móvil, con una pantalla mucho menor, el navegador debe “encajar” la imagen original dentro del espacio reservado en la página web: mucho más pequeño que en una pantalla de ordenador.

Si no hubiera miniaturas, el navegador tendría que descargar la imagen original y, en el propio dispositivo, redimensionarla o recortarla para que quepa en la pantalla del dispositivo.

Es decir, estamos descargando una imagen de grandes dimensiones (para las dimensiones de un dispositivo móvil), con el tiempo de descarga que eso supone, para después tener que dedicar recursos del propio dispositivo para cambiar sus dimensiones.

Con las miniaturas solventamos estos dos problemas:

  • El navegador solo descarga la miniatura cuyas dimensiones sean igualen o más se aproximen a las del espacio donde se mostrarán en la pantalla del dispositivo móvil, de forma que no tiene que redimensionarlas ni recortarlas.

  • La miniatura que se descarga pesa bastante menos que la imagen original, por lo que ahorra tiempo durante su descarga, algo que puede ser crítico si el dispositivo móvil está en una zona de cobertura limitada.

 

  ¿Cómo se gestionan las imágenes en WordPress?

Por nuestra parte, como usuarios o administradores de WordPress, no debemos preocuparnos de hacer nada para que se utilicen las miniaturas que mejor encajen según el tamaño de visualización de la página web en la pantalla del dispositivo.

Será el código del tema instalado, o el de los plugins si alguno genera sus propias miniaturas, quien se encarga de seleccionar la imagen original o una y otra miniatura, según cuál resulten más eficiente.

Cada tema y plugin que generen miniaturas tendrán o podrán tener algún mecanismo específico para gestionar y configurar esas miniaturas, y tendremos que consultar sus instrucciones respectivas.

Ahora, las miniaturas que generan WordPress se puede gestionar a través del Panel de Control, dentro del menú Ajustes-Medios, como se muestra en la siguiente imagen:


Gestión de las miniaturas generadas por el WordPress

Haz clic en la imagen para ampliarla  

En su instalación por defecto (un plugin puede variar el aspecto de esta pantalla), WordPress permite crear tres miniaturas, o imágenes alternativas, por cada imagen que subamos a la librería de medios.

En la página de configuración de WordPress, podemos indicar las dimensiones de las miniaturas (es decir, su altura y su anchura) y si queremos que las miniaturas se recorten a las dimensiones exactas que hayamos especificado.

En general, deberíamos procurar que las dimensiones de las miniaturas guarden una razón de aspecto igual que la imagen original, para que no sea necesario recortar o que la miniatura redimensionada no distorsione el diseño general del resto de la página web.

En el caso de que subamos imágenes a la librería de medios cuyas dimensiones sean inferiores a las de alguna miniatura, WordPress no genera dicha “miniatura”; es decir, solo genera miniaturas más pequeñas que la imagen original.

También podemos indicar a WordPress que no genere una determinada miniatura; para ello, tan solo debemos indicar que sus dimensiones (anchura y altura) son cero:


 Indicar a WordPress que no genere una miniatura


 

  ¿Cómo editar las miniaturas de WordPress?

Si entramos en la librería de medios, solo veremos las que hayamos subido, con sus dimensiones y tamaños de imágenes en WordPress originales... ¿Dónde podemos ver las miniaturas que se han creado?

Las miniaturas no se muestran, como tal, en ningún apartado del Panel de Control de WordPress; en la librería de medios tan solo podemos editar o configurar las imágenes originales, clicando sobre ellas:


Configurar imagen en la librería de medios


La información que pongamos en esta imagen (título, leyenda, texto alternativo y descripción) también se asocia a cada miniatura, pero no podemos acceder ni configurar cada miniatura por separado. En este aspecto, se comporta como un único medio de imagen.

Durante la edición de una página o un post (publicación), podemos elegir cuál de las versiones de una imagen (es decir, sus miniaturas) queremos que se muestren en un lugar concreto de la página web, además de indicar un tamaño personalizado (otras dimensiones que no tienen asociada una miniatura):


Ajustes de la visualización de imagen en WordPress


En este caso, nosotros seleccionamos directamente qué miniatura o versión de la imagen se mostrará por defecto en la página o post.

Cuando estemos utilizando un tema o un plugin con diseño responsivo, el código PHP del tema o del plugin incluirá las referencias a las miniaturas generadas por WordPress o por sí mismos, para que el navegador pueda saber cuál se ajusta mejor al tamaño disponible en pantalla y descargar ésa y solo ésa.

 

  ¿Cómo ver las miniaturas que tenemos en nuestro sitio web?

Si en WordPress no podemos ver las miniaturas, sean las generadas por WordPress o por el tema o algún plugin, ¿cómo podemos saber que se han creado correctamente? ¿Dónde se almacenan?

Cuando se genera una miniatura, se crea un nuevo fichero de imagen para esa miniatura, con las dimensiones que hayamos configurado (o que determine el tema o un plugin), que tendrá el mismo nombre que el fichero de la imagen original, seguido de las dimensiones de la miniatura.

Por ejemplo, si el fichero de una imagen se denomina “acceso-disco-duro.png”, las miniaturas por defecto creadas por WordPress tendrán los siguientes nombres:

acceso-disco-duro-150x150.png

acceso-disco-duro-300x300.png

acceso-disco-duro-1024x1024.png

Cada uno de estos ficheros se almacenará en la misma localización del disco duro donde se almacenó el fichero de la imagen original; es decir, dentro de la carpeta “public_html/wp-content/uploads/” de nuestro servidor web y, si hemos seleccionado “Organizar los archivos en carpetas basadas en mes y año”, dentro de la carpeta del mes y año que corresponda.

Para ver estos ficheros, podemos instalar un plugin que nos permita ver el contenido del disco duro del servidor web (como File Manager) o, mejor aún, utilizando la herramienta de configuración cPanel, o similar, que nos proporciona nuestro proveedor de hosting:


Administrador de archivos en cPanel

Haz clic en la imagen para ampliarla  

En este pantallazo, podemos ver que los ficheros de imágenes están organizados por año y mes (parte izquierda) y, a la derecha, podemos ver las distintas miniaturas que el sitio web tiene para una misma imagen, cada una con sus respectivas dimensiones.

 

  Cómo eliminar las miniaturas que ya no se utilizan

En función del tema y plugins instalados, un sitio web puede tener muchos ficheros de imágenes, debido a las miniaturas que puedan generar.

Como vimos en la sección anterior, a través del Administrador de archivos de CPanel, para una misma imagen subida a la librería de medios, se pueden crear muchas miniaturas. Todo eso puede ocupar mucho espacio en el disco duro del servidor de hosting.

Ahora bien, si cambiamos de tema o desinstalamos esos plugins, esas miniaturas siguen almacenadas en el disco duro, no se borran. En este caso, estamos desperdiciando espacio en disco con imágenes que no vamos a utilizar ni necesitar nunca.

Por otro lado, si decidimos cambiar el tamaño de alguna miniatura en el panel de control de WordPress, esta nueva configuración solo se aplica a las imágenes que se almacenen en la librería de medios a partir de ese momento.

En este caso, las imágenes anteriores tendrían miniaturas que ya no se utilizarán y les faltarán las miniaturas con la configuración de las nuevas dimensiones.

WordPress no proporciona ningún mecanismo para generar las nuevas miniaturas o borrar las antiguas que ya no se utilizan. Para ello, podemos utilizar el plugin “reGenerate Thumbnails Advanced”, que se muestra en el siguiente vídeo:

 

   

  Conclusiones

Las miniaturas en WordPress son versiones de distintos tamaños de las imágenes que subimos en la librería de medios y proporcionan un sistema para atender las dos situaciones siguientes:

  • Podamos elegir el tamaño de una imagen cuando estamos editando un post o una página en WordPress.

  • El navegador se descargue la miniatura que mejor se ajuste al tamaño disponible en la pantalla del dispositivo, sea ordenador o móvil.

Existen dos formas para cambiar las dimensiones de una imagen: recortando, que resulta en una miniatura que es un fragmento de la imagen original; o redimensionado, que muestra la imagen original completa, pero con distinta altura y anchura

WordPress proporciona la posibilidad de generar hasta tres variantes o miniaturas de las imágenes, que se generan cuando éstas se cargan en la librería de medios.

Asimismo, los temas (especialmente si son de diseño responsivo) y los plugins pueden generar sus propias miniaturas, en función de sus propias características y posibilidades de configuración.

WordPress no proporciona un mecanismo directo para gestionar los ficheros de las miniaturas, que se almacenan en el disco duro del servidor web, pero podemos utilizar un plugin, tanto para regenerar nuevas miniaturas, como para borrar aquellas que ya no se utilizan.

8 modos de redirigir una URL en WordPress

$
0
0

8 modos de redirigir una URL en WordPress


Redirigir una url va a ser una tarea que vas a tener que realizar más de una vez si ya tienes o vas a crear tu página web WordPress.

Si no sabes de lo que hablo, te resumo; básicamente una redirección de urls consiste en mandar al usuario que accede a una url a otra diferente o de un grupo de urls a otra dirección distinta.

Si no sabes casi nada de este asunto te preguntarás los motivos por los que querrás hacer eso. Te aseguro que realizar estas redirecciones es muy habitual debido a que al hacerlas, mejorarás tanto el SEO de tu web como la experiencia de usuario.

Además, cuando quieres hacer redirecciones en WordPress de grupos de urls, simplificarás un proceso que manualmente podría ser lioso y pesado.

     

 Cuándo redirigir una url

Son varios los casos por los que debes o puedes estar interesado en realizar un redirección:

  1. Quieres redirigir un dominio entero a otro nuevo.
  2. Redirigir una url concreta de forma permanente.
  3. Redirigir una url de manera temporal porque estás realizando mejoras e tu web, por ejemplo.
  4. Redirigir de www a sin www o viceversa para evitar contenido duplicado.
  5. Redirigir una categoría entera a otra.
  6. Redirigir directorios.
  7. Etc.

Las posibilidades son infinitas y son muchos los casos y los códigos a emplear (lo veremos durante el artículo).

Para que entiendas bien el significado y el sentido de usar una redirección te cuento este ejemplo.

Es muy posible que cuando creaste una página de un servicio determinado en tu web, lo hayas llamado “servicio” o algo similar. Esto un error importante ya que nadie busca en Google la palabra “Servicio” y en el caso de hacerlo, no aparecerá tu web en las primeras posiciones de los buscadores ni de casualidad.

La solución ante tal error es modificar la url por una acorde a tu sector y redirigir una url de la antigua a la nueva.

¡Ojo!, si no la rediriges y simplemente modificas la url, estarás generando un error 404, es decir, alguien que acceda a la url antigua “servicio” le mostrará que esa página no existe.


Ejemplo error 404



Puedes estar pensando: ¿si nadie la conoce quién va a entrar en ella? Cierto, pero por algún motivo alguna persona puede haber accedido a esa url por redes sociales e incluso puede tenerla automatizada y constantemente esté compartiendo una url rota que no existe.

Desde el punto de vista del usuario esto es horrible, y peor aún si no tienes configurada una página de error 404 mediante la cual puedas dar al usuario otras opciones de moverte por la web (por lo menos un buscador).

 

Lectura recomendada:
Cómo crear un contenido perfecto para la página de error 404.

 

Lo peor para el ejemplo anterior no es la usabilidad que estás perdiendo ya que es una url poco habitual y probablemente poca gente tenga acceso a ella. Lo realmente negativo es que Google sigue tendiendo constantemente acceso a esa url antigua.

Cada vez que Google accede a esa dirección inexistente estará perdiendo un tiempo precioso que podía emplear en rastrear páginas que realmente son buenas para posicionar.

En este caso siempre deberías hacer una redirección 301 (luego veremos todo esto).

 

 ¿Qué hacer con los errores 404?

Muy fácil, Google Search Console muestra los errores 404 que tiene tu web.

Existen muchas más herramientas para detectar estos errores como por ejemplo Screaming Frog. Cualquier herramienta te sirve para indicarte que esa url antigua (servicio para el ejemplo) ya no existe y que la debes eliminar.

El proceso para decirle a Google que no existe y que tiene que sacarla de los resultados de Google es realizar en Search Console la eliminación de esa url a través de su opción.

Es importante realizar este proceso para todas las urls que hemos eliminado, modificado o indexado por error.

La eliminación de estas urls es permanente, aunque vuelven a aparecer al cabo del tiempo ya que Google los acabará mostrando y rastreando nuevamente. Por ese motivo hay que ver periódicamente la opción de cobertura en Search Console.

Veamos cómo se elimina un error 404 en este vídeo.

 

¿Y si nos hemos equivocado al diseñar la web publicando urls que no nos valen? Vamos a ver qué hacer en ese caso.

 

 Cuándo eliminar definitivamente urls que no nos valen

La primera vez que se accede a WordPress se suele cometer un error importante, nos ponemos a crear entradas y páginas que probablemente tengan una url pasajera.

Con url pasajeras me refiero a que creas páginas que luego no utilizas, creas páginas de pruebas que eliminas, te equivocas al editar la url, la modificas y la pones más corta, etc…

Todas esas urls que has estado eliminando o modificando se empiezan a indexar en Google ocupando tu sitemap de urls innecesarias y lo peor es que son errores 404.

Si estas urls tuvieran enlaces externos, llevaran tiempo en Google con buen contenido y se pudiera aprovechar, lo ideal sería hacer una redirección hacía una url buena en texto.

El problema es que esas urls creadas no valen para nada.

¿Qué hacer en estos caso?

Tendrías que deshacerte de esa url y decirle a Google que ya no existe. No tiene sentido realizar una redirección de urls, no nos sirven. Hacia dónde vas a redirigir una url que se llama “mis pruebas”

Tienes que tener en cuenta que si vas a redirigir una url tiene que ir a otra página similar en contenido y, en este caso, no tiene sentido porque no aporta absolutamente nada.

Vas a poder ver en la forma 2 de hacer redirecciones qué hacer en ese caso porque podremos indicar a Google que elimine urls determinadas para siempre.

 

  8 maneras de hacer redirecciones en WordPress

Tienes que saber que cuando hablamos de redirección no solo se dan las 301 como ya he comentado.

Existen muchos tipo de redirecciones y son más o menos interesantes de realizar según las necesidades del proyecto web.

*Tienes que saber que el abuso de redirecciones, aunque mejoren la experiencia de usuario y el rastreo positivo de Google, también ralentizan una página web por dos motivos:

El navegador tiene que hacer un doble paso para llegar a la url nueva. Google también debe realizar un doble salto para ver la nueva dirección redirigida.

Por este motivo hay que intentar, de cara al SEO, que las urls internas no tengan redirecciones, para ello habría que poner siempre enlaces hacía la nueva url.

Tipos de redirecciones:

  • Redirecciones 301: Las redirecciones 301 son redirecciones permanente. Cuando la usamos mandamos aviso a los buscadores para decirle que esa url ya no existe y no debería seguir indexándola y sí hacerlo con la nueva.

  • Redirecciones 302: Son temporales. Indican a los buscadores que esa url va a tener redirección hacia otra durante un tiempo. Se suelen usar en tareas de mantenimiento o por un producto que no tenemos en stock.
  • Redirecciones 307: Las redirecciones 302 están en deshuso, en su defecto es conveniente usar las 307.
  • Eliminación de urls definitivamente.
  • Redirección de categorías.
  • Redirecciones de www a sin www y viceversa.
  • Redirección de http a https.
  • Redirecciones de / y sin /.
  • Redireccionar directorios.
  • Redirecciones de dominio entero.

Vamos a ver todos los tipos, cuándo y cómo hacerlas.

 

  1. Redirección 301

Lo más habitual es realizar redirecciones 301 por varios motivos:

  • Aprovechamos la posible fuerza de la url antigua (si tiene algo de fuerza y enlaces).
  • Si un usuario o Google accede a una url rota irá a la nueva no cayendo en una página sin destino haciendo que pierda menos tiempo.
  • Tienes que saber que las redirecciones son pérdidas de tiempo para Google también ya que tienen que ir de la antigua a la nueva pero es mucho mejor que hacer que caiga en una página 404.

Existen varias formas de realizar redirecciones 301:

  1. Mediante htaccess: a través de una opción que incluye el plugin Yoast SEO, por FTP o el panel de control de tu hosting.
  2. Usando sencillos plugins.

Para realizar una redirección 301 basta con incluir el siguiente código en el htaccess:

Redirect 301 /url-antigua https://tusitioweb.com/url-nueva/

En este vídeo vas a ver todo el proceso con sus diferentes opciones.

 

 

El funcionamiento de redirecciones para 302 y 307 son exactamente igual, cambiando el número empleado.

Puedes hacer el mismo proceso a través de un plugin como Redirection, este además de contar con una opción que muestra los errores 404 de tu web tiene la opción que no interesa, hacer una redirección 301.

El funcionamiento es simple, en los diferentes campos anota la url vieja y la nueva y ya está. Así de simple.

 

  2. Eliminar de forma definitiva una url

Podrías pensar que simplemente vas a Search Console y eliminas esa url para que no aparezca. Como ya hemos comentado, es una opción pero el problema es que esa url volverá a mostrarse y nosotros nunca más queremos aprovechar esa url (se llama por ejemplo “mis pruebas”).

Para ello tendrás que acceder al htaccess de tu web e incluir un código.

De la misma forma que el caso anterior, puedes hacerlo de 2 formas

  1. Si usas el plugin Yoast SEO puedes ir a la opción herramientas y allí meter el código de redirección
  2. Accediendo a los archivos de tu hosting (por ftp o por el panel de control) y escribir allí la línea de código.

La línea de código es diferente a las que se establecen en redirecciones 301 ya que este no tiene destino. Simplemente queremos indicar a Google que la elimine para siempre.

Si por ejemplo queremos decirle a Google que elimine las urls de “mis pruebas”, simplemente tendrás que incluir una línea de código con la expresión “redirect gone”

Este sería el código: redirect gone /url-a-eliminar/

Para el ejemplo redirect gone /mis-pruebas/ o redirect gone /hola mundo/

En este video vas a ver como se hace:

 

   

  3. Redirigir una categoría

1. Imagina que quieres eliminar el /category y dejar la url más corta. Podrás incluir en el htaccess el siguiente código:

RedirectMatch 301 /category/(.*)$ /$1

De esta manera las url de tu web serían por ejemplo: tusitioweb.com/ejemplo-post-1 en lugar de tusitioweb.com/category/ ejemplo-post-1

2. También puedes querer cambiar el nombre de categoría base (category) y poner categoría o cualquier otro nombre. Para ello tendrás que añadir al htaccess algo así:

Redirect /blog/category/ /blog/categoría
 

  4. Redirigir una url sin www a con www

Haciendo este tipo de redirección evitamos un posible contenido duplicado y mostramos a Google que todas las propiedades son la misma.

Añadiremos en el htaccess el código siguiente:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^donwordpress.com [NC]
RewriteRule ^(.*)$ https://www.donwordpress.com/$1 [L,R=301]

Si quieres redireccionar de una versión con www a una sin www sería este:

<IfModule mod_rewrite.c>
RewriteCond %{HTTP_HOST} ^www.ejemplo.com [NC]
RewriteRule (.*) http://ejemplo.com/$1 [R=301,L,QSA]
</IfModule>
 

  5. Redirigir de http a https

Si tienes una web y acabas de instalar el certificado SSL es conveniente que toda tu web se muestre con https. Para ello debes incluir en tu htaccess esta regla (consulta antes con tu hosting):

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule (.*) https://www.ejemplo.com/$1 [R=301,L,QSA]
</IfModule>

Hosting como Webempresa realizan todo el proceso en un simple clic.

 

  6. Redirecciones con y sin /

Puede que en tu sitio web tengas habilitadas las dos opciones y esto es perjudicial para el SEO.

Si tu web es visible con el slash (/) al final y también sin él, estamos ante contenido duplicado que puedes solucionar aplicando la siguiente regla.

Para redireccionar de la versión con barra a la versión sin barra:

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !(.*)/$
RewriteRule (.*) http://www.ejemplo.com/$1/ [R=301,L,QSA]
</IfModule>

Para hacerlo al contrario el código será similar:

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*)/$ http://www.ejemplo.com/$1 [R=301,L,QSA]
</IfModule>
 

  7. Directorios

En el caso que cuentes con un directorio que quieres redireccionar a otro directorio con otro nombre y a su vez mantener la misma estructura de los directorios y páginas que dependen de él.

1. Para un directorio de primer nivel.

Redirect 301 /directorio-antiguo/ http://www.ejemplo.com/directorio-nuevo/

2. Para subdirectorios:

Redirect 301 /directorio/subdirectorio-antiguo/ http://www.ejemplo.com/directorio/subdirectorio-nuevo/
 

  8. Redirección de un dominio entero

Imagina que quieres cambiar de nombre tu dominio, has comprado uno nuevo y quieres cambiar de .es a .com por ejemplo.

Para ello simplemente anota en htaccess la siguiente línea:

Redirect 301 / http://www.ejemplo.com/

Dentro del panel de control de tu hosting también cuentas con esta opción para hacer redirecciones de dominios a tu gusto.

 

  Conclusión

Las redirecciones son muy necesarias y debes jugar con ellas para mejorar tanto la experiencia de usuario como el posicionamiento web.

Recuerda no abusar de ellas ya que las dobles y triples redirecciones no son positivas porque aumentarán los tiempos de carga perjudicará el rastreo de Google.

Además recuerda pasar una herramienta como Screaming Frog para detectar las redirecciones internas. Tienes que intentar que las redirecciones dentro de una web eviten ese doble paso.

Hasta aquí los diferentes modos de redirigir una url en WordPress. Empieza a aplicarlo en tu proyecto ya.


Los mejores plugins de vídeo gratuitos para WordPress

$
0
0

Los mejores plugins de vídeo gratuitos para WordPress


A estas alturas no te voy a descubrir "la rueda" y explicarte por qué los vídeos son tan necesarios para tu proyecto web, sea cual sea.

Ahora mismo no se me ocurre ningún tipo de web a la que no le viniera bien algún tipo de vídeo (original) para introducirlo de alguna manera (en páginas estáticas o mediante artículos de blog), con el objetivo de conseguir más visitas, explicar algo de una manera más dinámica y en general para aportar más valor a tu contenido.

Lo más importante (para ti) de insertar uno (o varios) vídeos en tu página web hecha con WordPress, no es el propio vídeo en sí (que también), si no las mediciones y los análisis que hay detrás, para conocer a tus visitas y optimizar tu estrategia de marketing (o cual se traduce en más ventas).

Hasta la llegada de Gutenberg con la versión 5.0 de WordPress, insertar un vídeo en una página o post de WordPress era una tarea bastante sencilla (para algunos) pero un quebradero de cabeza para otros.

A lo largo de este artículo voy a explicarte por qué es necesario la inclusión de contenido multimedia en tu web, dónde hacerlo y cómo.

Además, al haber una infinidad de opciones (plugins) para extender las posibilidades relacionadas con este tipo de contenido, te he hecho una selección de los plugins de vídeo gratuitos para WordPress (o plugins premium en su versión gratuita), para que desde ya, puedas empezar a "juguetear" con los plugins correctos.

     

  ¿Cuándo y por qué usar vídeo en WordPress?

Ya sea por comunicarte o atraer mejor a tus visitantes web, a día de hoy, y con todas las herramientas tan sencillas que hay para grabar y editar vídeos, es fundamental contar con este recurso multimedia para tu web.

Más que decirte por qué usar vídeo en tu web de WordPress, te voy a poner casos muy comunes, que necesitan sí o sí de vídeo.

Así que si estás iniciando tu proyecto web ahora mismo, o si estás barajando alguna idea ganadora para lanzarte a hacer la web tú mismo, mira a ver si te sientes identificad@ con alguno de estos ejemplos:

  • Tu web se basa en cursos virtuales en WordPress que vendes a través de una membresía de pago.
  • Tienes un blog sobre una temática muy específica y haces vídeos para enriquecer los conceptos que explicas a tu público específico.
  • Tienes un portfolio de trabajos multimedia (porque te dedica a ello) y quieres tener una manera de tener tu propio "Youtube" pero sin recurrir a dicha plataforma.
  • Tienes un canal de Youtube, con muchas visitas y quieres integrarlo en tu web completamente.
  • Tienes o vas a crear una tienda online en WordPress (por ejemplo, de ropa) y en cada producto quieres añadir un vídeo del modelo llevando esa prenda en concreto.
  • Tienes una web de venta y alquiler de inmuebles y quieres añadir visitas virtuales a cada casa, para que resulte mucho más atractiva.

Hay muchos más casos, pero seguro que alguno de los que he puesto te toca de lleno, aunque sea variando un poco el ejemplo.

 

Buscando los plugins de vídeo gratuitos para WordPress perfectos

Como te comentaba en la introducción del este artículo, el abanico de plugins de vídeo gratuitos para WordPress es muy amplio.

Hay muchos que ya están en desuso y otros que generan conflictos con otros plugins.

Lo que tienes que tener en cuenta a la hora de encontrar un plugin decente es (aunque más abajo te pongo mis favoritos):

  • Si la gran mayoría de vídeos que utilizas están hospedados en tu propio servidor, el plugin te debería de permitir añadir una buena interfaz de reproducción (más allá de la que viene por defecto en WordPress, si no te convence).

  • Un plugin que también añada funciones de "galería" de vídeos para añadir más dinamismo a tu web en el caso que tengas mucho contenido multimedia que mostrar a tus visitas.

  • Si lo necesitas, capacidad de generar ventas, integrándose con plataformas como WooCommerce u otros plugins de membresía, para cobrar por ser visualizados, o por su descarga.

  • Que tengas capacidades de SEO, para incluir información del vídeo allá en donde se requiera, y que haga que escales puestos en Google como al espuma.

  • Hay una función que se llama lightbox (abrir vídeos en una ventana flotante) y un buen plugin de vídeo te tiene que ofrecer esta posibilidad.

  • Capacidad para poder compartir el contenido en redes sociales (en el caso que quieras, si usas vídeos públicos en tu web).

  • Que te muestre de una manera sencilla las reproducciones que ha tenido y desde dónde (geográficamente hablando).

  • Que el plugin tenga valoraciones positivas, que se actualice con regularidad y que sea compatible con la última versión de WordPress.

No te olvides que en este artículo nos centramos en los plugins de vídeo gratuitos para WordPress, por lo que el tema del "soporte" va a ser algo complicado de encontrar, ya que normalmente es característica fundamental de los plugins premium (de pago).

 

  Plataformas online vs Vídeos Autohospedados


Los mejores plugins de vídeo gratuitos para WordPress: Plataformas online vs Vídeos Autohospedados


Primeramente, disculpa por la palabra tan "fea": autohospedados. Prefiero decirlo en inglés (self-hosted), pero tenía que escribirlo en el título en español.

A la hora de mostrar un vídeo, y dependiendo de la estrategia que tengas a nivel de "visualización multimedia" en tu web, vas a tener que elegir entre una de las dos, o hacer un mix de las mismas.

Aunque ya te adelanto que solo en casos muy específicos los vídeos suelen ser self-hosted.

Si los vídeos que utilizas en tu web son "de pago" o simplemente privados, obviamente no vas a tender a utilizar una red social de vídeos (tipo YouTube) para alojarlos ahí y mostrarlos en tu web mediante un embebido.

No obstante, y para este punto, cabe destacar que algunas plataformas tipo "Vimeo" sí que ofrecen una serie de herramientas de privacidad en sus suscripciones de pago,  para que por ejemplo, sus vídeos solo se puedan mostrar en determinado dominio (tu web).

Esta solución es muy buena, ya que "no gasta" ancho de banda de tu servidor, y además no ocupa espacio en el mismo.

Y como podrás adivinar, la parte "mala" de tener tus vídeos self-hosted en tu servidor de turno, será que van a consumir mucho espacio y van a hacer que la web cargue ligeramente más lenta (de ahí que debas recurrir a un hosting de calidad).

Como parte buena podríamos decir que, usando el plugin correcto, podrás ofrecer una experiencia al usuario final, que estará bajo tu control absoluto y no dependerás de plataformas de terceros para mostrar tu contenido multimedia.

No obstante, y este caso aplica a la gran mayoría de las webs, mi consejo es que si "no tienes nada que esconder o vender", lo mejor es que subas tus vídeos a YouTube y que los muestres en tu web mediante un embebido.

A parte de que tus vídeos ya estarán en YouTube expuestos a millones de personas y posibles visualizaciones, no van a consumir nada de espacio en tu servidor (lo cual viene muy bien para proyectos pequeños), y te van a ofrecer todas las ventajas de analítica de visualizaciones de vídeos de YouTube (en el caso de YouTube, ¡tú elige la plataforma que quieras!).

Sí que es cierto, y esta es la parte negativa de utilizar terceras plataformas, que a no ser que seas un piratilla y sepas cómo modificar el código de YouTube al embeber los vídeos en tu web, vas a tener "todo" lo que tiene YouTube en tu web, y esto puede que confunda o genere algo de rechazo a tus visitas:

  • Anuncios (que ofrecen rechazo).
  • Vídeos relacionados que no tienen nada que ver con tu contenido (que causan procrastinación y pérdida de interés en tu contenido).

Es cierto que hay algunos plugins premium para quitar esto, pero no entran en este artículo.

 

  Añadir vídeos sueltos y selección de plugins

A estas alturas ya te sonará Gutenberg (el editor de contenido visual de WordPress), el cual te permite, mediante bloques, ir construyendo el contenido de tu web, de una manera muy similar a como lo hacen plugins como Beaver Builder, Divi o Elementor.

Si usas uno de los mencionados Page Builders, el añadir un vídeo o varios a tu web es muy sencillo.

Si usas Gutenberg, existe un bloque de vídeo específico para mostrar vídeos en el contenido de una manera muy sencilla.


Los mejores plugins de vídeo gratuitos para WordPress: bloque de vídeo en Gutenberg


No tiene mayor complicación, es muy intuitivo y funciona bien.

Eso sí, si lo que quieres es añadir funcionalidades extra, o no te basta con el bloque de Gutenberg, aquí te dejo una selección de plugins que son realmente útiles:

 

WP Video Lightbox


Los mejores plugins de vídeo gratuitos para WordPress: WP Video Lightbox


Es un plugin muy parecido a cómo se insertan los vídeos con Gutenberg y que funciona mediante shortcodes.

Está muy enfocado a las plataformas de YouTube y Vimeo (no admite vídeos self-hosted).

Lo bueno de utilizar este plugin es que te permite optimizar el SEO de cada vídeo y añadir ciertas características extras como la velocidad, la opacidad, pantalla completa, autoplay, etc.

Para ser gratuito es bastante completo y merece la pena juguetear un poco con él en tu entorno test.

Eso sí, tanto el plugin como la documentación vienen en inglés, pero es muy entendible a nada que te esfuerces un poco :).

 

YouTube Gallery


Los mejores plugins de vídeo gratuitos para WordPress: YouTube Gallery


Claramente este plugin se enfoca a la plataforma de YouTube y ofrece posibilidades algo simples pero potentes.

Es compatible con varios plugins de SEO y te permite hacer bastantes cosas que te van a venir muy bien si tú tienes tu propio canal de YouTube y quieres implementarlo en tu web de WordPress.

Como el anterior plugin, este también funciona por shortcodes a la hora de integrar los vídeos en páginas o artículos.

Se adapta completamente a todo tipo de pantallas y ofrece varias posibilidades de interfaz a la hora de mostrar tus vídeos de YouTube.

 

Spider Video Player


Los mejores plugins de vídeo gratuitos para WordPress: Spider Video Player


Un plugin bastante "chulo" para mostrar una galería de vídeos en tu web, la cual puedes ir alimentando a través de diferentes plataformas y con vídeos alojados en tu propio servidor.

Puedes crear listas de reproducción para que el visitante pueda seleccionar lo que quiera ver y permite cambiar la calidad de los vídeos (para conexiones más lentas), activar la pantalla completa y muchas mas características.

Tiene una versión PRO, pero con la gratuita puede que te sobre si no persigues nada muy complicado.

 

Vimeography


Los mejores plugins de vídeo gratuitos para WordPress: Vimeography


Este plugin se enfoca en la plataforma de Vimeo (seguro que alguna pista importante te ha dado su título).

Los creadores de este plugin lo ofrecen como una herramienta clave para los que tienen plataformas de ventas de vídeos por suscripción, cuyos vídeos se alojen en Vimeo. Este plugin te viene de perlas si vendes cursos online, por ejemplo.

La manera de insertar los vídeos en tus posts o páginas es muy sencilla y te permite ajustar la interfaz de reproducción a tu gusto.

Como elemento estrella incluye el "cacheo" de los vídeos, para que la página se cargue más rápido, así como herramientas de automatización que harán la delicia de los que le gusten estos temas.

Tiene también su versión premium, así que puedes echarle un vistazo para ver si te resulta útil.

Personalmente, es uno de los plugins que más me gusta si tus vídeos "no son gratis" y quieres aportar valor a tus artículos de WordPress.

 

  Conclusiones

Como ves, te he detallado argumentos de peso para que empieces (o mejores) el uso de vídeos en tu web.

Tanto si tienes vídeos alojados en tu servidor, como si tu estrategia de marketing se basa en el uso de plataformas como YouTube o Vimeo, te he descrito una selección de plugins de vídeo gratuitos para WordPress que no tienes que no te van a defraudar.

Lo que quiero que no se te olvide es que, si una imagen vale más que mil palabras, ¡un buen vídeo vale más que mil imágenes!

Espero que hayas disfrutado de la lectura de este artículo tanto como yo de escribirlo y ¡nos vemos en el siguiente!

5 sitios imprescindibles para descargar plantillas WordPress responsive

$
0
0

5 Sitios imprescindibles para descargar plantillas WordPress responsive


Hoy en día todo el mundo usa el móvil para navegar por internet. Imagínate una página web que no se adapta al tamaño de tu dispositivo, las imágenes se cortan o las letras sobresalen por los laterales.

Hoy en día cada vez es menos habitual encontrarte con este tipo de páginas ya que la mayoría son ya responsive, pero todavía tienes que tener cuidado ya que existen muchas plataformas donde puedes descargar plantillas para WordPress que aparentemente son responsive pero luego no se adaptan a todos los dispositivos o generan problemas de usabilidad móvil.

Por este motivo en este artículo voy a escribir sobre 5 sitios imprescindibles para descargar plantillas WordPress responsive de calidad.

Existen cientos de sitios donde descargas plantillas responsivas gratuitas y de pago pero tienes que huir de algunas plataformas piratas ya que puedes tener consecuencias graves en la web.

El motivo por el que tienes que optar por plataformas fiables es:

  • Porque tienes que tener cuidado con sitios piratas que ofrecen plantillas ya que podrían incluir un código malicioso en tu web permitiendo el acceso a los hackers.

  • Porque existen muchos sitios con temas gratuitos que a pesar de ser responsive dejan de actualizarse pudiendo provocar en un futuro vulnerabilidades e incompatibilidades.

  • Porque muchas plantillas tienen un código deficiente permitiendo poca personalización, perjuicios en el SEO y aumento de la velocidad de carga.

Por estos motivos vamos a ver 5 sitios fiables e imprescindibles para que puedas descargar plantillas responsive para WordPress de calidad.

     

 1.Repositorio oficial de WordPress

El primer sitio donde va a poder bajar themes responsive es en la página oficial de temas para WordPress.

En el repositorio oficial de WordPress vas a disponer miles de plantillas gratuitas y de pago testadas, fiables, responsive y optimizadas.


5 Sitios imprescindibles para descargar plantillas WordPress responsive: repositorio oficial de WordPress


Cualquier plantilla que te descargues aquí cuenta con la fiabilidad absoluta ya que un gran equipo y una gran comunidad se ocupa de ver que esta funciona perfectamente.

Una de sus principales ventajas es que directamente podrás instalarlo desde el administrador de tu WordPress en un par de clics y sin tener que subirla manualmente como a veces tienes que hacer si adquieres temas en otras plataformas.

Además las actualizaciones de la misma manera se harán en un clic desde el propio administrador, lo cual es sumamente fácil y rápido.

Puedes leer este post sobre cómo actualizar plantillas de Themeforest para ver que aunque fácil no es tan sumamente sencillo como sucede con cualquier theme que instales desde la plataforma oficial de WordPress.

Por este motivo el primer lugar donde buscaría temas de calidad responsive sería dentro del repositorio de WordPress donde vas a tener acceso a miles de plantillas gratuitas o fremium.

 

Consejos a la hora de descargar un plantilla desde el repositorio de WordPress

Mi recomendación es que si vas a elegir una plantilla gratuita aquí, tengas en cuenta estos consejos:

  • Mira cuando fue la última vez que se actualizo la plantilla.
  • Mira el número de descargas e instalaciones activas que tiene.
  • Consulta las opiniones y valoraciones de la misma./li>

Una plantilla gratuita descargada del sitio oficial es fiable pero tienes que tener en cuenta que normalmente las funcionalidades de la misma son limitadas, que el creador o creadores de la plantilla pueden dejar de actualizarla o que no tendrás soporte para consultar en caso de tener algún problema.

Por estos motivos una buena alternativa es optar por plantillas fremium.

Las plantillas fremium cuenta con la ventaja de disponer de plantillas de calidad y constantemente actualizadas de forma gratuita con la opción de pasar al plan de pago con muchas más opciones, soporte y actualizaciones.

Existen muchos temas gratis con opción de pago.Te recomiendo estas 3:

Generatepress

Generatepress es una de las mejores plantillas del mercado. Empezó muy fuerte en su arranque y se ha convertido en una de las más descargadas.

Su bajo precio, la posibilidad de activarse en sitios ilimitados y sus enormes opciones de personalización la han convertido en una de las plantillas más famosas.

La tienes en el repositor de WordPress de forma gratuita pero optar por la versión Premium no solo te dará la posibilidad de usar más colores, también podrás usar algo tan valioso como los hooks evitando tener que meter mano el código.

Generatepress es un tema ligero, compatible con WooCommerce, Gutenberg y cualquier page builder de calidad como Elementor, su fiel aliado que a su vez permite personalizar el diseño en mobile consiguiendo un diseño web responsive absoluto.

Optar por una esta plantilla responsive para tu web personal o negocio es una de las mejores opciones ya que al ser multipropósito se adaptara a lo que necesites con la ayuda de plugins.

Otro punto a favor de Generatepress es su excelente soporte técnico.

Ocean

Ocean igual que Generatepress es otra plantilla fremium famosa y merecidamente aceptada por la comunidad de WordPress por su alto grado de compatibilidad, personalización y opciones.

100% responsive y compatible con Woocommerce y con cualquier editor visual como Elementor, Divi, Beaver Builder… Ocean apareció en el mercado poco después de Generatepress y rápidamente tuvo una muy buena acogida.

Código optimizado para SEO, plantilla rápida y personalizable al 100%.

Una de sus principales ventajas es la posibilidad de importas plantillas prediseñadas con las que podrás fácilmente crear un diseño web atractivo y testado.

Ocean incluye un panel con diferentes módulos diseñados como footer, política de cookies, etc. y extensiones con las que a través de módulos de pago ampliar las funcionalidades de la web según necesidades.

Astra

La tercera de la plantillas fremium responsive más populares. Se trata de una plantilla rápida e igualmente compatible con Woocommerce y cualquier page builder.

El equipo que está detrás de Astra es muy bueno ya que ya han desarrollado plugin populares con lo cual la fiabilidad de este tema es absoluta.

Excelentes funcionalidades en su versión gratuita que se intensifican cuando adquieres la versión pro.

Con un código excelente convierten este tema de WordPress una de las mejores opciones si quieres optar por un tema 100 % responsive de calidad.

Estas son las 3 plantillas multipropósito que considero mejores por lo que acabo de comentar, pero puedes encontrar cientos más en el repositorio de WordPress.

Si el repositorio de WordPress se te queda corto y quieres plantillas temáticas que te permitan personalizar directamente y adaptar tu negocio en el prediseño de las mismas puedes optar por plataformas de comprar y descarga de temas de calidad como las que vas a ver.

OJO: No te dejes engañar por los alardes visuales de las demos que veas, infórmate bien antes ya que puedes adquirir una plantilla muy visual pero cargada de funciones, movimiento, plugins innecesarios o código extremadamente complejo que pueden reducir drásticamente la velocidad de carga de tu web.

 

  2. Themeforest

Themeforest es una enorme y famosa plataforma donde podrás descargar y comprar miles de plantillas y plugins.

Si hay algo que caracteriza a Themeforest es la búsqueda por categorías. Sea el sector que sea tu negocio encontrarás plantillas donde adaptar tu diseño por temáticas.


5 Sitios imprescindibles para descargar plantillas WordPress responsive: plantillas Themeforest


Restaurantes, inmobiliarias, tiendas online, web corporativas; cualquier negocio que quieras pasar al online lo puedes hacer basándote en plantillas específicas.

Esto es un punto a favor y una de las primeras opciones cuando alguien quiere tener un negocio de forma rápida y sencilla. Esta facilidad de usar plantillas por tipo de negocio es bueno y malo.

  1. Es bueno porque te resultará más fácil adaptar tu negocio cambiando los objetos y textos de la plantillas.
  2. Es malo porque a veces las plantillas no son lo que parecen.

Este es el problema de Themeforest, que existen plantillas muy buenas y otras con las que tienes que tener cuidado. Para ello como dije al principio del artículo presta atención a las actualizaciones y número de descargas.

No solo tienes que fijarte en si son responsive, hay que informarse muy bien antes de optar por descargar una plantilla aquí para no llevarte una sorpresa ya que puedes encontrarte con demasiados alardes que ralenticen la velocidad de carga.

Además, a veces la personalización de una simple cabecera puede ser una odisea si no tienes conocimientos en CSS.

 

A favor

Para que puedas probar las plantillas de este sitio, esta gran plataforma permite descargar durante periodos de tiempo plantillas de forma gratuita, solo tienes que darte de alta. Esto es magnífico.

Puedes verlas aquí. El resto a los que tendrás accesos serán plantillas de pago.

 

En contra

Las actualizaciones en Themeforest a veces son complejas. Por eso es importante actualizar cuanto antes para evitar problemas.

La casi obligatoriedad en muchas plantillas a usar el editor visual Wp Backery (antiguo Visual Composer).

Algunas plantillas incluyen demasiadas opciones visuales que podrían evitarse y suplir a base de plugins según las necesidades del cliente.

 

  3. Modernthemes

Moderthemes es otro sitios donde descargar plantillas responsives de calidad gratis y Premium.


5 Sitios imprescindibles para descargar plantillas WordPress responsive: plantillas Modernthemes


El punto fuerte de Modernthemes es la opción de membresía donde podrás optar a cualquier tema durante un año si lo deseas.

También tienes opción de contratar el plan con acceso a plantillas para toda la vida. Con una buena comunidad tendrás acceso a la resolución de problemas gracias a su foro.

Incluyen videos explicativos para quien no sepa como se instalan en WordPress los temas que ofrecen.

Modernthemes no es ni mucho menos la enorme plataforma que es Themeforest pero en ellos puedes encontrar el tema que a lo mejor andas buscando.

 

  4. Templatemonster

Otro enorme mercadillo de plantillas al estilo Themeforest. Es difícil que no encuentres aquí la plantilla que buscas.

Templatemonster es otra famosa plataforma con temas de todo tipo.


5 Sitios imprescindibles para descargar plantillas WordPress responsive: plantillas Templatemonster


Igual que la anterior, puedes optar a una membresía por un año a todos los temas por menos de 20 €

En esta enorme galería de plantillas no solo vas a poder acceder a miles de plantillas para WordPress (más de 2000), también podrás adquirir, temas y extensiones para otras plataformas.

Todas las plantillas son responsive y las podrás visualizar en vivo para ver si te gustan.

Para que tengas más facilidad a la hora de buscar puedes filtrar por las mejor valoradas, el precio más bajo, las más vendidas…

Busca por categorías la plantilla que necesites y ya podrás disfrutar de una web atractiva y funcional.

Cuento con la opción de ser propietario exclusivo de la plantilla aunque el precio para ello es alto.

Cada plantilla tiene muchísima información. Infórmate bien antes de comprar leyendo las opiniones y valoraciones y viendo la fama de cada plantilla.

 

  5. Mythemeshop

Mythemeshop es el quinto sitio recomendado donde conseguir temas responsive para WordPress.


5 Sitios imprescindibles para descargar plantillas WordPress responsive: plantillas Mythemeshop


Desglosado por temáticas y con opción de descargar complementos para WordPress, Mythemeshop ofrece una amplia galería de temas para descargar y poder usar.

Diseños responsive, gran soporte y videotutoriales son algunas virtudes de este lugar para descargar plantillas a buen precio.

Con una membresía muy económica puedes optar a conseguir cientos de plantillas.

Además puedes conseguir plantillas gratuitas si te suscribes con ellos.

Elige la categoría que quieras y busca la que mejor se adapte a ti.

Si buscas calidad y precio esta plataforma es la que necesitas ya que cuenta con themes más económicos que las anteriores comentadas en el artículo.

 

 Conclusión

Hasta aquí el artículo sobre 5 sitios para descargar plantillas responsive para WordPress.

Como has podido ver es difícil que no encuentres en estas plataformas la plantilla que buscas.

Es importante, como he comentado, que mires bien las características de la plantilla que veas, mira el número de descargas, las valoraciones y las prestaciones.

Si me pides consejo acudiría siempre a plantillas multipropósito como Generatepress, Ocean o Astra ya que se adaptan a cualquier tipo de negocio si lo implementas con maquetadores como Elementor Page Builder o con WooCommerce si buscas crear una tienda online.

Si buscas algo muy temático donde implementar rápidamente tus ideas de diseño adaptando tu negocio y buscando por categorías el mismo tema, adelante con las otras opciones, pero recuerda, tienes que mirar muy bien todo y no te dejes engañar con los efectos y funcionalidades que trae por defecto.

Si te ha gustado el artículo ¡no te olvides de compartirlo y dar un valoración mediante el sistema de estrellas!

Miniaturas en WordPress, ¿qué son y cómo administrarlas?

$
0
0

Miniaturas en WordPress, ¿qué son y cómo administrarlas?

 

Quizás una de las características menos conocidas de WordPress sea su soporte de miniaturas (“thumbnails”) de las imágenes almacenadas en la librería de medios, pero no por ello resulta menos importante, dado su posible efecto en el rendimiento del sitio web.

Cuando redactamos un artículo para nuestro blog, prestamos especial atención al contenido textual, para que aporte información útil y de valor, y a la calidad, tamaño (peso) y dimensiones de las imágenes que lo acompañan… pero no prestamos tanta atención a las miniaturas que genera WordPress.

Las miniaturas tendrán un impacto y un protagonismo especiales en los dispositivos móviles, con pantallas reducidas en las que, literalmente, no “caben” las imágenes principales de nuestros artículos; al menos, no en sus dimensiones originales.

Por otro lado, el número y dimensiones de las miniaturas en un sitio web WordPress puede variar, en función de tema (“theme”) elegido, especialmente si es un diseño responsivo, y de los plugins instalados, y a las que también deberemos prestar atención.

Como veremos en este artículo, una gestión adecuada y eficaz de las miniaturas de un sitio web WordPress no solo nos ayudará a mejorar la respuesta de navegación de nuestro servidor y la experiencia de usuario, sino que también reducirá el espacio de almacenamiento en disco.

  ¿Qué son las miniaturas (“thumbnails”) en WordPress?

Cuando subimos una imagen a la librería de medios, WordPress genera una serie de imágenes (las miniaturas) de diferentes dimensiones (esto es, alto y ancho), ya sea recortándola o redimensionándola, en función de la proporción entre las dimensiones originales y las de las miniaturas:

    • Recortar la imagen. WordPress corta la imagen con dos bandas laterales (izquierda y derecha) o dos bandas por arriba y abajo, para que la imagen encaje dentro las dimensiones de la miniatura. Por tanto, la miniatura no muestra lo mismo que la imagen original.Esta acción la realiza WordPress cuando las dimensiones original y de la miniatura no son proporcionales entre sí (esto que, que anchura y altura no guardan la misma razón de aspecto).

 

  • Redimensionar la imagen. Cuando altura y anchura guardan la misma razón de aspecto, WordPress reduce la imagen hasta que coincida con las dimensiones de la miniatura. En este caso, la miniatura muestra lo mismo que la imagen original, salvo que más pequeña.

La siguiente imagen muestra un ejemplo de cómo el CMS redimensiona o recorta una imagen para generar sendas miniaturas en WordPress:

 

Ejemplo de cómo WordPress redimensiona o recorta una imagen para generar miniaturas

Haz clic en la imagen para ampliarla  

La imagen de la izquierda corresponde al original; la imagen del centro es la original redimensionada; mientras que la de la derecha es la original recortada en sus bandas laterales.

Hemos mencionado que WordPress genera estas miniaturas; sin embargo, también algunos plugins o el tema (“theme”) instalados en el sitio web, o un desarrollo personalizado, generen sus propias miniaturas, además de las de WordPress.

 

  ¿Para qué sirven las miniaturas?

Mediante las miniaturas, WordPress (o el plugin o el tema) proporciona un conjunto de imágenes alternativas que, al mismo tiempo, ocupan menos espacio (esto es, “pesan” menos) y que tienen menor tamaño visual.

Cuando vemos un sitio web en un ordenador, con una pantalla grande de más de 20 pulgadas, la página web tiene las dimensiones suficientes para albergar y mostrar en su totalidad nuestras imágenes originales, sin recortarlas ni redimensionarlas.

De hecho, cuando diseñamos un sitio web, las imágenes originales tendrán dimensiones adaptadas al tamaño de visualización de las páginas web en una pantalla de ordenador.

Sin embargo, en un dispositivo móvil, como tableta o teléfono móvil, con una pantalla mucho menor, el navegador debe “encajar” la imagen original dentro del espacio reservado en la página web: mucho más pequeño que en una pantalla de ordenador.

Si no hubiera miniaturas, el navegador tendría que descargar la imagen original y, en el propio dispositivo, redimensionarla o recortarla para que quepa en la pantalla del dispositivo.

Es decir, estamos descargando una imagen de grandes dimensiones (para las dimensiones de un dispositivo móvil), con el tiempo de descarga que eso supone, para después tener que dedicar recursos del propio dispositivo para cambiar sus dimensiones.

Con las miniaturas solventamos estos dos problemas:

  • El navegador solo descarga la miniatura cuyas dimensiones sean igualen o más se aproximen a las del espacio donde se mostrarán en la pantalla del dispositivo móvil, de forma que no tiene que redimensionarlas ni recortarlas.
  • La miniatura que se descarga pesa bastante menos que la imagen original, por lo que ahorra tiempo durante su descarga, algo que puede ser crítico si el dispositivo móvil está en una zona de cobertura limitada.

 

  ¿Cómo se gestionan las imágenes en WordPress?

Por nuestra parte, como usuarios o administradores de WordPress, no debemos preocuparnos de hacer nada para que se utilicen las miniaturas que mejor encajen según el tamaño de visualización de la página web en la pantalla del dispositivo.

Será el código del tema instalado, o el de los plugins si alguno genera sus propias miniaturas, quien se encarga de seleccionar la imagen original o una y otra miniatura, según cuál resulten más eficiente.

Cada tema y plugin que generen miniaturas tendrán o podrán tener algún mecanismo específico para gestionar y configurar esas miniaturas, y tendremos que consultar sus instrucciones respectivas.

Ahora, las miniaturas que generan WordPress se puede gestionar a través del Panel de Control, dentro del menú Ajustes-Medios, como se muestra en la siguiente imagen:

 

Gestión de las miniaturas generadas por el WordPress

Haz clic en la imagen para ampliarla  

En su instalación por defecto (un plugin puede variar el aspecto de esta pantalla), WordPress permite crear tres miniaturas, o imágenes alternativas, por cada imagen que subamos a la librería de medios.

En la página de configuración de WordPress, podemos indicar las dimensiones de las miniaturas (es decir, su altura y su anchura) y si queremos que las miniaturas se recorten a las dimensiones exactas que hayamos especificado.

En general, deberíamos procurar que las dimensiones de las miniaturas guarden una razón de aspecto igual que la imagen original, para que no sea necesario recortar o que la miniatura redimensionada no distorsione el diseño general del resto de la página web.

En el caso de que subamos imágenes a la librería de medios cuyas dimensiones sean inferiores a las de alguna miniatura, WordPress no genera dicha “miniatura”; es decir, solo genera miniaturas más pequeñas que la imagen original.

También podemos indicar a WordPress que no genere una determinada miniatura; para ello, tan solo debemos indicar que sus dimensiones (anchura y altura) son cero:

 

 Indicar a WordPress que no genere una miniatura

 

  ¿Cómo editar las miniaturas de WordPress?

Si entramos en la librería de medios, solo veremos las que hayamos subido, con sus dimensiones y tamaños de imágenes en WordPress originales… ¿Dónde podemos ver las miniaturas que se han creado?

Las miniaturas no se muestran, como tal, en ningún apartado del Panel de Control de WordPress; en la librería de medios tan solo podemos editar o configurar las imágenes originales, clicando sobre ellas:

 

Configurar imagen en la librería de medios

 

La información que pongamos en esta imagen (título, leyenda, texto alternativo y descripción) también se asocia a cada miniatura, pero no podemos acceder ni configurar cada miniatura por separado. En este aspecto, se comporta como un único medio de imagen.

Durante la edición de una página o un post (publicación), podemos elegir cuál de las versiones de una imagen (es decir, sus miniaturas) queremos que se muestren en un lugar concreto de la página web, además de indicar un tamaño personalizado (otras dimensiones que no tienen asociada una miniatura):

 

Ajustes de la visualización de imagen en WordPress

 

En este caso, nosotros seleccionamos directamente qué miniatura o versión de la imagen se mostrará por defecto en la página o post.

Cuando estemos utilizando un tema o un plugin con diseño responsivo, el código PHP del tema o del plugin incluirá las referencias a las miniaturas generadas por WordPress o por sí mismos, para que el navegador pueda saber cuál se ajusta mejor al tamaño disponible en pantalla y descargar ésa y solo ésa.

 

  ¿Cómo ver las miniaturas que tenemos en nuestro sitio web?

Si en WordPress no podemos ver las miniaturas, sean las generadas por WordPress o por el tema o algún plugin, ¿cómo podemos saber que se han creado correctamente? ¿Dónde se almacenan?

Cuando se genera una miniatura, se crea un nuevo fichero de imagen para esa miniatura, con las dimensiones que hayamos configurado (o que determine el tema o un plugin), que tendrá el mismo nombre que el fichero de la imagen original, seguido de las dimensiones de la miniatura.

Por ejemplo, si el fichero de una imagen se denomina “acceso-disco-duro.png”, las miniaturas por defecto creadas por WordPress tendrán los siguientes nombres:

acceso-disco-duro-150×150.png

acceso-disco-duro-300×300.png

acceso-disco-duro-1024×1024.png

Cada uno de estos ficheros se almacenará en la misma localización del disco duro donde se almacenó el fichero de la imagen original; es decir, dentro de la carpeta “public_html/wp-content/uploads/” de nuestro servidor web y, si hemos seleccionado “Organizar los archivos en carpetas basadas en mes y año”, dentro de la carpeta del mes y año que corresponda.

Para ver estos ficheros, podemos instalar un plugin que nos permita ver el contenido del disco duro del servidor web (como File Manager) o, mejor aún, utilizando la herramienta de configuración cPanel, o similar, que nos proporciona nuestro proveedor de hosting:

 

Administrador de archivos en cPanel

Haz clic en la imagen para ampliarla  

En este pantallazo, podemos ver que los ficheros de imágenes están organizados por año y mes (parte izquierda) y, a la derecha, podemos ver las distintas miniaturas que el sitio web tiene para una misma imagen, cada una con sus respectivas dimensiones.

 

  Cómo eliminar las miniaturas que ya no se utilizan

En función del tema y plugins instalados, un sitio web puede tener muchos ficheros de imágenes, debido a las miniaturas que puedan generar.

Como vimos en la sección anterior, a través del Administrador de archivos de CPanel, para una misma imagen subida a la librería de medios, se pueden crear muchas miniaturas. Todo eso puede ocupar mucho espacio en el disco duro del servidor de hosting.

Ahora bien, si cambiamos de tema o desinstalamos esos plugins, esas miniaturas siguen almacenadas en el disco duro, no se borran. En este caso, estamos desperdiciando espacio en disco con imágenes que no vamos a utilizar ni necesitar nunca.

Por otro lado, si decidimos cambiar el tamaño de alguna miniatura en el panel de control de WordPress, esta nueva configuración solo se aplica a las imágenes que se almacenen en la librería de medios a partir de ese momento.

En este caso, las imágenes anteriores tendrían miniaturas que ya no se utilizarán y les faltarán las miniaturas con la configuración de las nuevas dimensiones.

WordPress no proporciona ningún mecanismo para generar las nuevas miniaturas o borrar las antiguas que ya no se utilizan. Para ello, podemos utilizar el plugin “reGenerate Thumbnails Advanced”, que se muestra en el siguiente vídeo:

 

 

  Conclusiones

Las miniaturas en WordPress son versiones de distintos tamaños de las imágenes que subimos en la librería de medios y proporcionan un sistema para atender las dos situaciones siguientes:

  • Podamos elegir el tamaño de una imagen cuando estamos editando un post o una página en WordPress.
  • El navegador se descargue la miniatura que mejor se ajuste al tamaño disponible en la pantalla del dispositivo, sea ordenador o móvil.

Existen dos formas para cambiar las dimensiones de una imagen: recortando, que resulta en una miniatura que es un fragmento de la imagen original; o redimensionado, que muestra la imagen original completa, pero con distinta altura y anchura

WordPress proporciona la posibilidad de generar hasta tres variantes o miniaturas de las imágenes, que se generan cuando éstas se cargan en la librería de medios.

Asimismo, los temas (especialmente si son de diseño responsivo) y los plugins pueden generar sus propias miniaturas, en función de sus propias características y posibilidades de configuración.

WordPress no proporciona un mecanismo directo para gestionar los ficheros de las miniaturas, que se almacenan en el disco duro del servidor web, pero podemos utilizar un plugin, tanto para regenerar nuevas miniaturas, como para borrar aquellas que ya no se utilizan.

La entrada Miniaturas en WordPress, ¿qué son y cómo administrarlas? se publicó primero en Webempresa.

8 modos de redirigir una URL en WordPress

$
0
0

8 modos de redirigir una URL en WordPress

 

Redirigir una url va a ser una tarea que vas a tener que realizar más de una vez si ya tienes o vas a crear tu página web WordPress.

Si no sabes de lo que hablo, te resumo; básicamente una redirección de urls consiste en mandar al usuario que accede a una url a otra diferente o de un grupo de urls a otra dirección distinta.

Si no sabes casi nada de este asunto te preguntarás los motivos por los que querrás hacer eso. Te aseguro que realizar estas redirecciones es muy habitual debido a que al hacerlas, mejorarás tanto el SEO de tu web como la experiencia de usuario.

Además, cuando quieres hacer redirecciones en WordPress de grupos de urls, simplificarás un proceso que manualmente podría ser lioso y pesado.

 Cuándo redirigir una url

Son varios los casos por los que debes o puedes estar interesado en realizar un redirección:

  1. Quieres redirigir un dominio entero a otro nuevo.
  2. Redirigir una url concreta de forma permanente.
  3. Redirigir una url de manera temporal porque estás realizando mejoras e tu web, por ejemplo.
  4. Redirigir de www a sin www o viceversa para evitar contenido duplicado.
  5. Redirigir una categoría entera a otra.
  6. Redirigir directorios.
  7. Etc.

Las posibilidades son infinitas y son muchos los casos y los códigos a emplear (lo veremos durante el artículo).

Para que entiendas bien el significado y el sentido de usar una redirección te cuento este ejemplo.

Es muy posible que cuando creaste una página de un servicio determinado en tu web, lo hayas llamado “servicio” o algo similar. Esto un error importante ya que nadie busca en Google la palabra “Servicio” y en el caso de hacerlo, no aparecerá tu web en las primeras posiciones de los buscadores ni de casualidad.

La solución ante tal error es modificar la url por una acorde a tu sector y redirigir una url de la antigua a la nueva.

¡Ojo!, si no la rediriges y simplemente modificas la url, estarás generando un error 404, es decir, alguien que acceda a la url antigua “servicio” le mostrará que esa página no existe.

 

Ejemplo error 404

 

Puedes estar pensando: ¿si nadie la conoce quién va a entrar en ella? Cierto, pero por algún motivo alguna persona puede haber accedido a esa url por redes sociales e incluso puede tenerla automatizada y constantemente esté compartiendo una url rota que no existe.

Desde el punto de vista del usuario esto es horrible, y peor aún si no tienes configurada una página de error 404 mediante la cual puedas dar al usuario otras opciones de moverte por la web (por lo menos un buscador).

 

Lectura recomendada:
Cómo crear un contenido perfecto para la página de error 404.

 

Lo peor para el ejemplo anterior no es la usabilidad que estás perdiendo ya que es una url poco habitual y probablemente poca gente tenga acceso a ella. Lo realmente negativo es que Google sigue tendiendo constantemente acceso a esa url antigua.

Cada vez que Google accede a esa dirección inexistente estará perdiendo un tiempo precioso que podía emplear en rastrear páginas que realmente son buenas para posicionar.

En este caso siempre deberías hacer una redirección 301 (luego veremos todo esto).

 

 ¿Qué hacer con los errores 404?

Muy fácil, Google Search Console muestra los errores 404 que tiene tu web.

Existen muchas más herramientas para detectar estos errores como por ejemplo Screaming Frog. Cualquier herramienta te sirve para indicarte que esa url antigua (servicio para el ejemplo) ya no existe y que la debes eliminar.

El proceso para decirle a Google que no existe y que tiene que sacarla de los resultados de Google es realizar en Search Console la eliminación de esa url a través de su opción.

Es importante realizar este proceso para todas las urls que hemos eliminado, modificado o indexado por error.

La eliminación de estas urls es permanente, aunque vuelven a aparecer al cabo del tiempo ya que Google los acabará mostrando y rastreando nuevamente. Por ese motivo hay que ver periódicamente la opción de cobertura en Search Console.

Veamos cómo se elimina un error 404 en este vídeo.

 

 

¿Y si nos hemos equivocado al diseñar la web publicando urls que no nos valen? Vamos a ver qué hacer en ese caso.

 

 Cuándo eliminar definitivamente urls que no nos valen

La primera vez que se accede a WordPress se suele cometer un error importante, nos ponemos a crear entradas y páginas que probablemente tengan una url pasajera.

Con url pasajeras me refiero a que creas páginas que luego no utilizas, creas páginas de pruebas que eliminas, te equivocas al editar la url, la modificas y la pones más corta, etc…

Todas esas urls que has estado eliminando o modificando se empiezan a indexar en Google ocupando tu sitemap de urls innecesarias y lo peor es que son errores 404.

Si estas urls tuvieran enlaces externos, llevaran tiempo en Google con buen contenido y se pudiera aprovechar, lo ideal sería hacer una redirección hacía una url buena en texto.

El problema es que esas urls creadas no valen para nada.

¿Qué hacer en estos caso?

Tendrías que deshacerte de esa url y decirle a Google que ya no existe. No tiene sentido realizar una redirección de urls, no nos sirven. Hacia dónde vas a redirigir una url que se llama “mis pruebas”

Tienes que tener en cuenta que si vas a redirigir una url tiene que ir a otra página similar en contenido y, en este caso, no tiene sentido porque no aporta absolutamente nada.

Vas a poder ver en la forma 2 de hacer redirecciones qué hacer en ese caso porque podremos indicar a Google que elimine urls determinadas para siempre.

 

  8 maneras de hacer redirecciones en WordPress

Tienes que saber que cuando hablamos de redirección no solo se dan las 301 como ya he comentado.

Existen muchos tipo de redirecciones y son más o menos interesantes de realizar según las necesidades del proyecto web.

*Tienes que saber que el abuso de redirecciones, aunque mejoren la experiencia de usuario y el rastreo positivo de Google, también ralentizan una página web por dos motivos:

El navegador tiene que hacer un doble paso para llegar a la url nueva. Google también debe realizar un doble salto para ver la nueva dirección redirigida.

Por este motivo hay que intentar, de cara al SEO, que las urls internas no tengan redirecciones, para ello habría que poner siempre enlaces hacía la nueva url.

Tipos de redirecciones:

    • Redirecciones 301: Las redirecciones 301 son redirecciones permanente. Cuando la usamos mandamos aviso a los buscadores para decirle que esa url ya no existe y no debería seguir indexándola y sí hacerlo con la nueva.

 

  • Redirecciones 302: Son temporales. Indican a los buscadores que esa url va a tener redirección hacia otra durante un tiempo. Se suelen usar en tareas de mantenimiento o por un producto que no tenemos en stock.
  • Redirecciones 307: Las redirecciones 302 están en deshuso, en su defecto es conveniente usar las 307.
  • Eliminación de urls definitivamente.
  • Redirección de categorías.
  • Redirecciones de www a sin www y viceversa.
  • Redirección de http a https.
  • Redirecciones de / y sin /.
  • Redireccionar directorios.
  • Redirecciones de dominio entero.

Vamos a ver todos los tipos, cuándo y cómo hacerlas.

 

  1. Redirección 301

Lo más habitual es realizar redirecciones 301 por varios motivos:

  • Aprovechamos la posible fuerza de la url antigua (si tiene algo de fuerza y enlaces).
  • Si un usuario o Google accede a una url rota irá a la nueva no cayendo en una página sin destino haciendo que pierda menos tiempo.
  • Tienes que saber que las redirecciones son pérdidas de tiempo para Google también ya que tienen que ir de la antigua a la nueva pero es mucho mejor que hacer que caiga en una página 404.

Existen varias formas de realizar redirecciones 301:

  1. Mediante htaccess: a través de una opción que incluye el plugin Yoast SEO, por FTP o el panel de control de tu hosting.
  2. Usando sencillos plugins.

Para realizar una redirección 301 basta con incluir el siguiente código en el htaccess:

Redirect 301 /url-antigua https://tusitioweb.com/url-nueva/

En este vídeo vas a ver todo el proceso con sus diferentes opciones.

 

 

El funcionamiento de redirecciones para 302 y 307 son exactamente igual, cambiando el número empleado.

Puedes hacer el mismo proceso a través de un plugin como Redirection, este además de contar con una opción que muestra los errores 404 de tu web tiene la opción que no interesa, hacer una redirección 301.

El funcionamiento es simple, en los diferentes campos anota la url vieja y la nueva y ya está. Así de simple.

 

  2. Eliminar de forma definitiva una url

Podrías pensar que simplemente vas a Search Console y eliminas esa url para que no aparezca. Como ya hemos comentado, es una opción pero el problema es que esa url volverá a mostrarse y nosotros nunca más queremos aprovechar esa url (se llama por ejemplo “mis pruebas”).

Para ello tendrás que acceder al htaccess de tu web e incluir un código.

De la misma forma que el caso anterior, puedes hacerlo de 2 formas

  1. Si usas el plugin Yoast SEO puedes ir a la opción herramientas y allí meter el código de redirección
  2. Accediendo a los archivos de tu hosting (por ftp o por el panel de control) y escribir allí la línea de código.

La línea de código es diferente a las que se establecen en redirecciones 301 ya que este no tiene destino. Simplemente queremos indicar a Google que la elimine para siempre.

Si por ejemplo queremos decirle a Google que elimine las urls de “mis pruebas”, simplemente tendrás que incluir una línea de código con la expresión “redirect gone”

Este sería el código: redirect gone /url-a-eliminar/

Para el ejemplo redirect gone /mis-pruebas/ o redirect gone /hola mundo/

En este video vas a ver como se hace:

 

 

  3. Redirigir una categoría

1. Imagina que quieres eliminar el /category y dejar la url más corta. Podrás incluir en el htaccess el siguiente código:

RedirectMatch 301 /category/(.*)$ /$1

De esta manera las url de tu web serían por ejemplo: tusitioweb.com/ejemplo-post-1 en lugar de tusitioweb.com/category/ ejemplo-post-1

2. También puedes querer cambiar el nombre de categoría base (category) y poner categoría o cualquier otro nombre. Para ello tendrás que añadir al htaccess algo así:

Redirect /blog/category/ /blog/categoría

 

  4. Redirigir una url sin www a con www

Haciendo este tipo de redirección evitamos un posible contenido duplicado y mostramos a Google que todas las propiedades son la misma.

Añadiremos en el htaccess el código siguiente:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^donwordpress.com [NC]
RewriteRule ^(.*)$ https://www.donwordpress.com/$1 [L,R=301]

Si quieres redireccionar de una versión con www a una sin www sería este:

<IfModule mod_rewrite.c>
RewriteCond %{HTTP_HOST} ^www.ejemplo.com [NC]
RewriteRule (.*) http://ejemplo.com/$1 [R=301,L,QSA]
</IfModule>

 

  5. Redirigir de http a https

Si tienes una web y acabas de instalar el certificado SSL es conveniente que toda tu web se muestre con https. Para ello debes incluir en tu htaccess esta regla (consulta antes con tu hosting):

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule (.*) https://www.ejemplo.com/$1 [R=301,L,QSA]
</IfModule>

Hosting como Webempresa realizan todo el proceso en un simple clic.

 

  6. Redirecciones con y sin /

Puede que en tu sitio web tengas habilitadas las dos opciones y esto es perjudicial para el SEO.

Si tu web es visible con el slash (/) al final y también sin él, estamos ante contenido duplicado que puedes solucionar aplicando la siguiente regla.

Para redireccionar de la versión con barra a la versión sin barra:

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !(.*)/$
RewriteRule (.*) http://www.ejemplo.com/$1/ [R=301,L,QSA]
</IfModule>

Para hacerlo al contrario el código será similar:

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*)/$ http://www.ejemplo.com/$1 [R=301,L,QSA]
</IfModule>

 

  7. Directorios

En el caso que cuentes con un directorio que quieres redireccionar a otro directorio con otro nombre y a su vez mantener la misma estructura de los directorios y páginas que dependen de él.

1. Para un directorio de primer nivel.

Redirect 301 /directorio-antiguo/ http://www.ejemplo.com/directorio-nuevo/

2. Para subdirectorios:

Redirect 301 /directorio/subdirectorio-antiguo/ http://www.ejemplo.com/directorio/subdirectorio-nuevo/

 

  8. Redirección de un dominio entero

Imagina que quieres cambiar de nombre tu dominio, has comprado uno nuevo y quieres cambiar de .es a .com por ejemplo.

Para ello simplemente anota en htaccess la siguiente línea:

Redirect 301 / http://www.ejemplo.com/

Dentro del panel de control de tu hosting también cuentas con esta opción para hacer redirecciones de dominios a tu gusto.

 

  Conclusión

Las redirecciones son muy necesarias y debes jugar con ellas para mejorar tanto la experiencia de usuario como el posicionamiento web.

Recuerda no abusar de ellas ya que las dobles y triples redirecciones no son positivas porque aumentarán los tiempos de carga perjudicará el rastreo de Google.

Además recuerda pasar una herramienta como Screaming Frog para detectar las redirecciones internas. Tienes que intentar que las redirecciones dentro de una web eviten ese doble paso.

Hasta aquí los diferentes modos de redirigir una url en WordPress. Empieza a aplicarlo en tu proyecto ya.

La entrada 8 modos de redirigir una URL en WordPress se publicó primero en Webempresa.

Los mejores plugins de vídeo gratuitos para WordPress

$
0
0

Los mejores plugins de vídeo gratuitos para WordPress

 

A estas alturas no te voy a descubrir “la rueda” y explicarte por qué los vídeos son tan necesarios para tu proyecto web, sea cual sea.

Ahora mismo no se me ocurre ningún tipo de web a la que no le viniera bien algún tipo de vídeo (original) para introducirlo de alguna manera (en páginas estáticas o mediante artículos de blog), con el objetivo de conseguir más visitas, explicar algo de una manera más dinámica y en general para aportar más valor a tu contenido.

Lo más importante (para ti) de insertar uno (o varios) vídeos en tu página web hecha con WordPress, no es el propio vídeo en sí (que también), si no las mediciones y los análisis que hay detrás, para conocer a tus visitas y optimizar tu estrategia de marketing (o cual se traduce en más ventas).

Hasta la llegada de Gutenberg con la versión 5.0 de WordPress, insertar un vídeo en una página o post de WordPress era una tarea bastante sencilla (para algunos) pero un quebradero de cabeza para otros.

A lo largo de este artículo voy a explicarte por qué es necesario la inclusión de contenido multimedia en tu web, dónde hacerlo y cómo.

Además, al haber una infinidad de opciones (plugins) para extender las posibilidades relacionadas con este tipo de contenido, te he hecho una selección de los plugins de vídeo gratuitos para WordPress (o plugins premium en su versión gratuita), para que desde ya, puedas empezar a “juguetear” con los plugins correctos.

 

  ¿Cuándo y por qué usar vídeo en WordPress?

Ya sea por comunicarte o atraer mejor a tus visitantes web, a día de hoy, y con todas las herramientas tan sencillas que hay para grabar y editar vídeos, es fundamental contar con este recurso multimedia para tu web.

Más que decirte por qué usar vídeo en tu web de WordPress, te voy a poner casos muy comunes, que necesitan sí o sí de vídeo.

Así que si estás iniciando tu proyecto web ahora mismo, o si estás barajando alguna idea ganadora para lanzarte a hacer la web tú mismo, mira a ver si te sientes identificad@ con alguno de estos ejemplos:

  • Tu web se basa en cursos virtuales en WordPress que vendes a través de una membresía de pago.
  • Tienes un blog sobre una temática muy específica y haces vídeos para enriquecer los conceptos que explicas a tu público específico.
  • Tienes un portfolio de trabajos multimedia (porque te dedica a ello) y quieres tener una manera de tener tu propio “Youtube” pero sin recurrir a dicha plataforma.
  • Tienes un canal de Youtube, con muchas visitas y quieres integrarlo en tu web completamente.
  • Tienes o vas a crear una tienda online en WordPress (por ejemplo, de ropa) y en cada producto quieres añadir un vídeo del modelo llevando esa prenda en concreto.
  • Tienes una web de venta y alquiler de inmuebles y quieres añadir visitas virtuales a cada casa, para que resulte mucho más atractiva.

Hay muchos más casos, pero seguro que alguno de los que he puesto te toca de lleno, aunque sea variando un poco el ejemplo.

 

Buscando los plugins de vídeo gratuitos para WordPress perfectos

Como te comentaba en la introducción del este artículo, el abanico de plugins de vídeo gratuitos para WordPress es muy amplio.

Hay muchos que ya están en desuso y otros que generan conflictos con otros plugins.

Lo que tienes que tener en cuenta a la hora de encontrar un plugin decente es (aunque más abajo te pongo mis favoritos):

    • Si la gran mayoría de vídeos que utilizas están hospedados en tu propio servidor, el plugin te debería de permitir añadir una buena interfaz de reproducción (más allá de la que viene por defecto en WordPress, si no te convence).
    • Un plugin que también añada funciones de “galería” de vídeos para añadir más dinamismo a tu web en el caso que tengas mucho contenido multimedia que mostrar a tus visitas.
    • Si lo necesitas, capacidad de generar ventas, integrándose con plataformas como WooCommerce u otros plugins de membresía, para cobrar por ser visualizados, o por su descarga.
    • Que tengas capacidades de SEO, para incluir información del vídeo allá en donde se requiera, y que haga que escales puestos en Google como al espuma.
    • Hay una función que se llama lightbox (abrir vídeos en una ventana flotante) y un buen plugin de vídeo te tiene que ofrecer esta posibilidad.
    • Capacidad para poder compartir el contenido en redes sociales (en el caso que quieras, si usas vídeos públicos en tu web).
    • Que te muestre de una manera sencilla las reproducciones que ha tenido y desde dónde (geográficamente hablando).
    • Que el plugin tenga valoraciones positivas, que se actualice con regularidad y que sea compatible con la última versión de WordPress.

No te olvides que en este artículo nos centramos en los plugins de vídeo gratuitos para WordPress, por lo que el tema del “soporte” va a ser algo complicado de encontrar, ya que normalmente es característica fundamental de los plugins premium (de pago).

 

  Plataformas online vs Vídeos Autohospedados

Plataformas online vs Vídeos Autohospedados

 

Primeramente, disculpa por la palabra tan “fea”: autohospedados. Prefiero decirlo en inglés (self-hosted), pero tenía que escribirlo en el título en español.

A la hora de mostrar un vídeo, y dependiendo de la estrategia que tengas a nivel de “visualización multimedia” en tu web, vas a tener que elegir entre una de las dos, o hacer un mix de las mismas.

Aunque ya te adelanto que solo en casos muy específicos los vídeos suelen ser self-hosted.

Si los vídeos que utilizas en tu web son “de pago” o simplemente privados, obviamente no vas a tender a utilizar una red social de vídeos (tipo YouTube) para alojarlos ahí y mostrarlos en tu web mediante un embebido.

No obstante, y para este punto, cabe destacar que algunas plataformas tipo “Vimeo” sí que ofrecen una serie de herramientas de privacidad en sus suscripciones de pago,  para que por ejemplo, sus vídeos solo se puedan mostrar en determinado dominio (tu web).

Esta solución es muy buena, ya que “no gasta” ancho de banda de tu servidor, y además no ocupa espacio en el mismo.

Y como podrás adivinar, la parte “mala” de tener tus vídeos self-hosted en tu servidor de turno, será que van a consumir mucho espacio y van a hacer que la web cargue ligeramente más lenta (de ahí que debas recurrir a un hosting de calidad).

Como parte buena podríamos decir que, usando el plugin correcto, podrás ofrecer una experiencia al usuario final, que estará bajo tu control absoluto y no dependerás de plataformas de terceros para mostrar tu contenido multimedia.

No obstante, y este caso aplica a la gran mayoría de las webs, mi consejo es que si “no tienes nada que esconder o vender”, lo mejor es que subas tus vídeos a YouTube y que los muestres en tu web mediante un embebido.

A parte de que tus vídeos ya estarán en YouTube expuestos a millones de personas y posibles visualizaciones, no van a consumir nada de espacio en tu servidor (lo cual viene muy bien para proyectos pequeños), y te van a ofrecer todas las ventajas de analítica de visualizaciones de vídeos de YouTube (en el caso de YouTube, ¡tú elige la plataforma que quieras!).

Sí que es cierto, y esta es la parte negativa de utilizar terceras plataformas, que a no ser que seas un piratilla y sepas cómo modificar el código de YouTube al embeber los vídeos en tu web, vas a tener “todo” lo que tiene YouTube en tu web, y esto puede que confunda o genere algo de rechazo a tus visitas:

  • Anuncios (que ofrecen rechazo).
  • Vídeos relacionados que no tienen nada que ver con tu contenido (que causan procrastinación y pérdida de interés en tu contenido).

Es cierto que hay algunos plugins premium para quitar esto, pero no entran en este artículo.

 

  Añadir vídeos sueltos y selección de plugins

A estas alturas ya te sonará Gutenberg (el editor de contenido visual de WordPress), el cual te permite, mediante bloques, ir construyendo el contenido de tu web, de una manera muy similar a como lo hacen plugins como Beaver Builder, Divi o Elementor.

Si usas uno de los mencionados Page Builders, el añadir un vídeo o varios a tu web es muy sencillo.

Si usas Gutenberg, existe un bloque de vídeo específico para mostrar vídeos en el contenido de una manera muy sencilla.

Bloque de vídeo en Gutenberg

No tiene mayor complicación, es muy intuitivo y funciona bien.

Eso sí, si lo que quieres es añadir funcionalidades extra, o no te basta con el bloque de Gutenberg, aquí te dejo una selección de plugins que son realmente útiles:

 

WP Video Lightbox

WP Video Lightbox

Es un plugin muy parecido a cómo se insertan los vídeos con Gutenberg y que funciona mediante shortcodes.

Está muy enfocado a las plataformas de YouTube y Vimeo (no admite vídeos self-hosted).

Lo bueno de utilizar este plugin es que te permite optimizar el SEO de cada vídeo y añadir ciertas características extras como la velocidad, la opacidad, pantalla completa, autoplay, etc.

Para ser gratuito es bastante completo y merece la pena juguetear un poco con él en tu entorno test.

Eso sí, tanto el plugin como la documentación vienen en inglés, pero es muy entendible a nada que te esfuerces un poco :).

 

YouTube Gallery

YouTube Gallery

Claramente este plugin se enfoca a la plataforma de YouTube y ofrece posibilidades algo simples pero potentes.

Es compatible con varios plugins de SEO y te permite hacer bastantes cosas que te van a venir muy bien si tú tienes tu propio canal de YouTube y quieres implementarlo en tu web de WordPress.

Como el anterior plugin, este también funciona por shortcodes a la hora de integrar los vídeos en páginas o artículos.

Se adapta completamente a todo tipo de pantallas y ofrece varias posibilidades de interfaz a la hora de mostrar tus vídeos de YouTube.

 

Spider Video Player

Spider Video Player

Un plugin bastante “chulo” para mostrar una galería de vídeos en tu web, la cual puedes ir alimentando a través de diferentes plataformas y con vídeos alojados en tu propio servidor.

Puedes crear listas de reproducción para que el visitante pueda seleccionar lo que quiera ver y permite cambiar la calidad de los vídeos (para conexiones más lentas), activar la pantalla completa y muchas mas características.

Tiene una versión PRO, pero con la gratuita puede que te sobre si no persigues nada muy complicado.

 

Vimeography

Vimeography

Este plugin se enfoca en la plataforma de Vimeo (seguro que alguna pista importante te ha dado su título).

Los creadores de este plugin lo ofrecen como una herramienta clave para los que tienen plataformas de ventas de vídeos por suscripción, cuyos vídeos se alojen en Vimeo. Este plugin te viene de perlas si vendes cursos online, por ejemplo.

La manera de insertar los vídeos en tus posts o páginas es muy sencilla y te permite ajustar la interfaz de reproducción a tu gusto.

Como elemento estrella incluye el “cacheo” de los vídeos, para que la página se cargue más rápido, así como herramientas de automatización que harán la delicia de los que le gusten estos temas.

Tiene también su versión premium, así que puedes echarle un vistazo para ver si te resulta útil.

Personalmente, es uno de los plugins que más me gusta si tus vídeos “no son gratis” y quieres aportar valor a tus artículos de WordPress.

 

  Conclusiones

Como ves, te he detallado argumentos de peso para que empieces (o mejores) el uso de vídeos en tu web.

Tanto si tienes vídeos alojados en tu servidor, como si tu estrategia de marketing se basa en el uso de plataformas como YouTube o Vimeo, te he descrito una selección de plugins de vídeo gratuitos para WordPress que no tienes que no te van a defraudar.

Lo que quiero que no se te olvide es que, si una imagen vale más que mil palabras, ¡un buen vídeo vale más que mil imágenes!

Espero que hayas disfrutado de la lectura de este artículo tanto como yo de escribirlo y ¡nos vemos en el siguiente!

La entrada Los mejores plugins de vídeo gratuitos para WordPress se publicó primero en Webempresa.

5 sitios imprescindibles para descargar plantillas WordPress responsive

$
0
0

5 Sitios imprescindibles para descargar plantillas WordPress responsive

 

Hoy en día todo el mundo usa el móvil para navegar por internet. Imagínate una página web que no se adapta al tamaño de tu dispositivo, las imágenes se cortan o las letras sobresalen por los laterales.

Hoy en día cada vez es menos habitual encontrarte con este tipo de páginas ya que la mayoría son ya responsive, pero todavía tienes que tener cuidado ya que existen muchas plataformas donde puedes descargar plantillas para WordPress que aparentemente son responsive pero luego no se adaptan a todos los dispositivos o generan problemas de usabilidad móvil.

Por este motivo en este artículo voy a escribir sobre 5 sitios imprescindibles para descargar plantillas WordPress responsive de calidad.


Existen cientos de sitios donde descargas plantillas responsivas gratuitas y de pago pero tienes que huir de algunas plataformas piratas ya que puedes tener consecuencias graves en la web.

El motivo por el que tienes que optar por plataformas fiables es:

    • Porque tienes que tener cuidado con sitios piratas que ofrecen plantillas ya que podrían incluir un código malicioso en tu web permitiendo el acceso a los hackers.
    • Porque existen muchos sitios con temas gratuitos que a pesar de ser responsive dejan de actualizarse pudiendo provocar en un futuro vulnerabilidades e incompatibilidades.
    • Porque muchas plantillas tienen un código deficiente permitiendo poca personalización, perjuicios en el SEO y aumento de la velocidad de carga.

Por estos motivos vamos a ver 5 sitios fiables e imprescindibles para que puedas descargar plantillas responsive para WordPress de calidad.

 1.Repositorio oficial de WordPress

El primer sitio donde va a poder bajar themes responsive es en la página oficial de temas para WordPress.

En el repositorio oficial de WordPress vas a disponer miles de plantillas gratuitas y de pago testadas, fiables, responsive y optimizadas.

 

Repositorio oficial de WordPress

 

Cualquier plantilla que te descargues aquí cuenta con la fiabilidad absoluta ya que un gran equipo y una gran comunidad se ocupa de ver que esta funciona perfectamente.

Una de sus principales ventajas es que directamente podrás instalarlo desde el administrador de tu WordPress en un par de clics y sin tener que subirla manualmente como a veces tienes que hacer si adquieres temas en otras plataformas.

Además las actualizaciones de la misma manera se harán en un clic desde el propio administrador, lo cual es sumamente fácil y rápido.

Puedes leer este post sobre cómo actualizar plantillas de Themeforest para ver que aunque fácil no es tan sumamente sencillo como sucede con cualquier theme que instales desde la plataforma oficial de WordPress.

Por este motivo el primer lugar donde buscaría temas de calidad responsive sería dentro del repositorio de WordPress donde vas a tener acceso a miles de plantillas gratuitas o fremium.

 

Consejos a la hora de descargar un plantilla desde el repositorio de WordPress

Mi recomendación es que si vas a elegir una plantilla gratuita aquí, tengas en cuenta estos consejos:

  • Mira cuando fue la última vez que se actualizo la plantilla.
  • Mira el número de descargas e instalaciones activas que tiene.
  • Consulta las opiniones y valoraciones de la misma./li>

Una plantilla gratuita descargada del sitio oficial es fiable pero tienes que tener en cuenta que normalmente las funcionalidades de la misma son limitadas, que el creador o creadores de la plantilla pueden dejar de actualizarla o que no tendrás soporte para consultar en caso de tener algún problema.

Por estos motivos una buena alternativa es optar por plantillas fremium.

Las plantillas fremium cuenta con la ventaja de disponer de plantillas de calidad y constantemente actualizadas de forma gratuita con la opción de pasar al plan de pago con muchas más opciones, soporte y actualizaciones.

Existen muchos temas gratis con opción de pago.Te recomiendo estas 3:

Generatepress

Generatepress es una de las mejores plantillas del mercado. Empezó muy fuerte en su arranque y se ha convertido en una de las más descargadas.

Su bajo precio, la posibilidad de activarse en sitios ilimitados y sus enormes opciones de personalización la han convertido en una de las plantillas más famosas.

La tienes en el repositor de WordPress de forma gratuita pero optar por la versión Premium no solo te dará la posibilidad de usar más colores, también podrás usar algo tan valioso como los hooks evitando tener que meter mano el código.

Generatepress es un tema ligero, compatible con WooCommerce, Gutenberg y cualquier page builder de calidad como Elementor, su fiel aliado que a su vez permite personalizar el diseño en mobile consiguiendo un diseño web responsive absoluto.

Optar por una esta plantilla responsive para tu web personal o negocio es una de las mejores opciones ya que al ser multipropósito se adaptara a lo que necesites con la ayuda de plugins.

Otro punto a favor de Generatepress es su excelente soporte técnico.

Ocean

Ocean igual que Generatepress es otra plantilla fremium famosa y merecidamente aceptada por la comunidad de WordPress por su alto grado de compatibilidad, personalización y opciones.

100% responsive y compatible con Woocommerce y con cualquier editor visual como Elementor, Divi, Beaver Builder… Ocean apareció en el mercado poco después de Generatepress y rápidamente tuvo una muy buena acogida.

Código optimizado para SEO, plantilla rápida y personalizable al 100%.

Una de sus principales ventajas es la posibilidad de importas plantillas prediseñadas con las que podrás fácilmente crear un diseño web atractivo y testado.

Ocean incluye un panel con diferentes módulos diseñados como footer, política de cookies, etc. y extensiones con las que a través de módulos de pago ampliar las funcionalidades de la web según necesidades.

Astra

La tercera de la plantillas fremium responsive más populares. Se trata de una plantilla rápida e igualmente compatible con Woocommerce y cualquier page builder.

El equipo que está detrás de Astra es muy bueno ya que ya han desarrollado plugin populares con lo cual la fiabilidad de este tema es absoluta.

Excelentes funcionalidades en su versión gratuita que se intensifican cuando adquieres la versión pro.

Con un código excelente convierten este tema de WordPress una de las mejores opciones si quieres optar por un tema 100 % responsive de calidad.

Estas son las 3 plantillas multipropósito que considero mejores por lo que acabo de comentar, pero puedes encontrar cientos más en el repositorio de WordPress.

Si el repositorio de WordPress se te queda corto y quieres plantillas temáticas que te permitan personalizar directamente y adaptar tu negocio en el prediseño de las mismas puedes optar por plataformas de comprar y descarga de temas de calidad como las que vas a ver.

OJO: No te dejes engañar por los alardes visuales de las demos que veas, infórmate bien antes ya que puedes adquirir una plantilla muy visual pero cargada de funciones, movimiento, plugins innecesarios o código extremadamente complejo que pueden reducir drásticamente la velocidad de carga de tu web.

 

  2. Themeforest

Themeforest es una enorme y famosa plataforma donde podrás descargar y comprar miles de plantillas y plugins.

Si hay algo que caracteriza a Themeforest es la búsqueda por categorías. Sea el sector que sea tu negocio encontrarás plantillas donde adaptar tu diseño por temáticas.

 

Plantillas Themeforest WordPress

 

Restaurantes, inmobiliarias, tiendas online, web corporativas; cualquier negocio que quieras pasar al online lo puedes hacer basándote en plantillas específicas.

Esto es un punto a favor y una de las primeras opciones cuando alguien quiere tener un negocio de forma rápida y sencilla. Esta facilidad de usar plantillas por tipo de negocio es bueno y malo.

  1. Es bueno porque te resultará más fácil adaptar tu negocio cambiando los objetos y textos de la plantillas.
  2. Es malo porque a veces las plantillas no son lo que parecen.

Este es el problema de Themeforest, que existen plantillas muy buenas y otras con las que tienes que tener cuidado. Para ello como dije al principio del artículo presta atención a las actualizaciones y número de descargas.

No solo tienes que fijarte en si son responsive, hay que informarse muy bien antes de optar por descargar una plantilla aquí para no llevarte una sorpresa ya que puedes encontrarte con demasiados alardes que ralenticen la velocidad de carga.

Además, a veces la personalización de una simple cabecera puede ser una odisea si no tienes conocimientos en CSS.

 

A favor

Para que puedas probar las plantillas de este sitio, esta gran plataforma permite descargar durante periodos de tiempo plantillas de forma gratuita, solo tienes que darte de alta. Esto es magnífico.

Puedes verlas aquí. El resto a los que tendrás accesos serán plantillas de pago.

 

En contra

Las actualizaciones en Themeforest a veces son complejas. Por eso es importante actualizar cuanto antes para evitar problemas.

La casi obligatoriedad en muchas plantillas a usar el editor visual Wp Backery (antiguo Visual Composer).

Algunas plantillas incluyen demasiadas opciones visuales que podrían evitarse y suplir a base de plugins según las necesidades del cliente.

 

  3. Modernthemes

Moderthemes es otro sitios donde descargar plantillas responsives de calidad gratis y Premium.

 

Plantillas Modernthemes para WordPress

 

El punto fuerte de Modernthemes es la opción de membresía donde podrás optar a cualquier tema durante un año si lo deseas.

También tienes opción de contratar el plan con acceso a plantillas para toda la vida. Con una buena comunidad tendrás acceso a la resolución de problemas gracias a su foro.

Incluyen videos explicativos para quien no sepa como se instalan en WordPress los temas que ofrecen.

Modernthemes no es ni mucho menos la enorme plataforma que es Themeforest pero en ellos puedes encontrar el tema que a lo mejor andas buscando.

 

  4. Templatemonster

Otro enorme mercadillo de plantillas al estilo Themeforest. Es difícil que no encuentres aquí la plantilla que buscas.

Templatemonster es otra famosa plataforma con temas de todo tipo.

 

Plantillas Templatemonster para WordPress

 

Igual que la anterior, puedes optar a una membresía por un año a todos los temas por menos de 20 €

En esta enorme galería de plantillas no solo vas a poder acceder a miles de plantillas para WordPress (más de 2000), también podrás adquirir, temas y extensiones para otras plataformas.

Todas las plantillas son responsive y las podrás visualizar en vivo para ver si te gustan.

Para que tengas más facilidad a la hora de buscar puedes filtrar por las mejor valoradas, el precio más bajo, las más vendidas…

Busca por categorías la plantilla que necesites y ya podrás disfrutar de una web atractiva y funcional.

Cuento con la opción de ser propietario exclusivo de la plantilla aunque el precio para ello es alto.

Cada plantilla tiene muchísima información. Infórmate bien antes de comprar leyendo las opiniones y valoraciones y viendo la fama de cada plantilla.

 

  5. Mythemeshop

Mythemeshop es el quinto sitio recomendado donde conseguir temas responsive para WordPress.

 

Plantillas Mythemeshop para WordPress

 

Desglosado por temáticas y con opción de descargar complementos para WordPress, Mythemeshop ofrece una amplia galería de temas para descargar y poder usar.

Diseños responsive, gran soporte y videotutoriales son algunas virtudes de este lugar para descargar plantillas a buen precio.

Con una membresía muy económica puedes optar a conseguir cientos de plantillas.

Además puedes conseguir plantillas gratuitas si te suscribes con ellos.

Elige la categoría que quieras y busca la que mejor se adapte a ti.

Si buscas calidad y precio esta plataforma es la que necesitas ya que cuenta con themes más económicos que las anteriores comentadas en el artículo.

 

 Conclusión

Hasta aquí el artículo sobre 5 sitios para descargar plantillas responsive para WordPress.

Como has podido ver es difícil que no encuentres en estas plataformas la plantilla que buscas.

Es importante, como he comentado, que mires bien las características de la plantilla que veas, mira el número de descargas, las valoraciones y las prestaciones.

Si me pides consejo acudiría siempre a plantillas multipropósito como Generatepress, Ocean o Astra ya que se adaptan a cualquier tipo de negocio si lo implementas con maquetadores como Elementor Page Builder o con WooCommerce si buscas crear una tienda online.

Si buscas algo muy temático donde implementar rápidamente tus ideas de diseño adaptando tu negocio y buscando por categorías el mismo tema, adelante con las otras opciones, pero recuerda, tienes que mirar muy bien todo y no te dejes engañar con los efectos y funcionalidades que trae por defecto.

Si te ha gustado el artículo ¡no te olvides de compartirlo y dar un valoración mediante el sistema de estrellas!

La entrada 5 sitios imprescindibles para descargar plantillas WordPress responsive se publicó primero en Webempresa.

Cómo crear formularios con Contact Form 7

$
0
0

Cómo crear formularios con Contact Form 7

 

Los formularios ofrecen un medio para que los usuarios introduzcan datos en un sitio web, rellenando o seleccionando diversos campos que pueden ser de distintos tipos, como campos de texto, botones de selección, listas desplegables, etc.

WordPress no incluye ninguna herramienta específica para la creación y gestión de formularios, que deberíamos crear nosotros manualmente en la página o post donde queramos que aparezca, utilizando las etiquetas HTML correspondientes para formularios y sus distintos campos.

Algunos temas o builders pueden incluir herramientas básicas para generación y gestión de formularios pero, en general, si necesitamos tener formularios con toda la variedad posible de campos, sin tener el engorro de editar HTML o reescribirlo si lo usamos en varias páginas, deberemos utilizar un plugin de formularios.


En este sentido, el plugin Contact Form 7 ofrece una de las soluciones más versátiles y sencillas del mercado.

No requiere ninguna configuración o integración adicional (por ejemplo, sin base de datos) y que en pocos minutos nos permite diseñar formularios todo lo complejos o amplios que necesitemos e integrarlo directamente en cualquier posición de nuestras páginas o posts.

En este artículo, vamos a ver cómo se pueden crear formularios con Contact Form 7 y cómo personalizarlos y configurarlos para integrarlos en nuestro sitio web.

 

  Principales características de Contact Form 7

Contact Form 7, con más de 5 millones de instalaciones activas en todo el mundo, es uno de los plugins más utilizados en sitios web con WordPress. Dos son las razones de esta popularidad:

  • Su sencillez de uso, que hace que esté al alcance de la mano de cualquier usuario que sepa utilizar WordPress y su panel de administración.
  • Su versatilidad, que permite crear cualquier formulario que necesitemos, tanto en cuestión de número y tipo de campos como al integrarlo en las páginas. web

Sus principales características son las siguientes:

  • Creación y gestión de múltiples formularios de contacto.
  • Fácil personalización de los campos del formulario.
  • Disponibilidad de múltiples tipos de campos: texto, número, email, URL, teléfono, número, fecha, área de texto, lista desplegable, botones de selección, casillas de verificación, aceptación, pregunta, recaptcha, archivo y envío.
  • Utilización de etiquetas HTML para configurar el contenido del correo.
  • Inserción de formularios en cualquier página o post mediante shortcodes.
  • Estilo personalizado a través de hojas de estilo CSS.
  • Múltiples opciones de configuración del correo electrónico, los mensajes y destinatarios.
  • Posibilidad de incorporar ficheros al correo electrónico enviado con los datos del formulario.
  • Compatible con el plugin anti-spam Akismet para filtrar comentarios spam, envíos de email con AJAX y control CAPCHA.
  • Tecnología de extensiones para agregar funcionalidades adicionales (por ejemplo, un editor de formularios con tecnología arrastrar-y-soltar).

 

  Esquema de funcionamiento de Contact Form 7

Antes de entrar a conocer cómo configurar y utilizar este plugin, repasemos primero cómo debemos operar con él desde el momento en que vamos a crear un formulario hasta que los datos introducidos por el usuario están a nuestra disposición:

  1. [WEB] Creación del formulario en el editor de texto de Contact Form 7.
  2. [WEB] Configuración del mensaje de correo que incluirá los datos introducidos en el formulario.
  3. [WEB] Inserción del shortcode con el identificador del formulario a utilizar en la página o post donde debe aparecer.
  4. [USUARIO] Un usuario accede a la página web donde se muestra el formulario y rellena sus campos.
  5. [USUARIO] El usuario pulsa el botón de envío del formulario.
  6. [WEB] Contact Form 7 genera un mensaje de correo con el patrón configurado en el punto 2 y los datos introducidos por el usuario.
  7. [WEB] Contact Form 7 envía este mensaje a la dirección de correo electrónico que hayamos configurado.
  8. [EMAIL] Recibimos en nuestro buzón el mensaje con los datos del formulario.

A diferencia de otros plugins de formularios, Contact Form 7 no guarda los datos introducidos por el usuario en una base de datos, sino que lo envía a la dirección de correo electrónico que hayamos indicado.

Por tanto, la gestión y análisis de estos datos solo podremos hacerlo desde nuestra aplicación de cliente de correo, sin posibilidad de utilizar herramientas avanzadas de análisis de base de datos; por ejemplo, para hacer análisis estadísticos en caso de encuestas o para analizar el global de los datos de los usuarios.

Siguiendo los puntos de este esquema de funcionamiento, el siguiente vídeo muestra cómo instalar y crear nuestro primer formulario de contacto con Contact Form 7:

 

 

 

  Gestión de los formularios con Contact Form 7

Hemos visto en el vídeo anterior el proceso completo de creación, configuración y utilización de un formulario de contacto con Contact Form 7, así como la configuración del mensaje de correo electrónico que recibiríamos con los datos introducidos por un usuario y la utilización de hojas de estilo para el diseño del formulario.

En esta sección vamos a describir con más detalle el proceso de creación y configuración de un formulario, que podamos utilizar de referencia para los nuestros.

Una vez instalado y activado Contact Form 7 (que se hace de la misma forma que cualquier otro plugin), Contact Form 7 crea la siguiente opción en el menú de WordPress:

 

Opción de formulario de contacto con Contact Form 7

 

A través de las opciones de este menú podremos:

  • Ver un listado con los formularios de contacto que ya están creados para editarlos. En este listado se muestra el nombre del formulario, tal como se muestra en la página web donde se coloque, el shortcode que debe copiarse en la página o post para insertar el formulario en esa posición y el autor y la última fecha de modificación de este formulario:

 

Cómo crear formularios con Contact Form 7: lista de formulario de contacto

 

  • Añadir un nuevo formulario de contacto. A través de esta realizaremos toda la gestión de los formularios (creación y modificación), del contenido de los correos electrónicos con los datos introducidos por el usuario en el formulario, y los mensajes de interacción de Contact Form 7 con el usuario después de pulsar el botón de envío:

 

Cómo crear formularios con Contact Form 7: crear y editar formulario de contacto

 

  • Integrar Contact Form 7 con dos servicios: Constant Contact, una herramienta de email marketing para gestionar las suscripciones de los usuarios a través de un formulario; y reCAPTCHA, la herramienta gratuita de Google para evitar el spam en los formularios:

 

Integración de Contact Form 7

 

 

  Creación y edición de los formularios

Cuando seleccionamos un formulario del listado de formularios o le damos a la opción de crear uno nuevo, se muestra la siguiente pantalla:

 

Editar formulario de contacto con Contact Form 7

 

Veamos el significado y cometido de cada una de las áreas señaladas en la imagen anterior:

  • 1. Tipos de campos del formulario. En esta barra podemos seleccionar qué tipo de información debe introducir el usuario en cada campo. Según el tipo elegido (como número, fecha o teléfono), Contact Form 7 realizará la oportuna validación de que el dato introducido sea de ese tipo y sea correcto (por ejemplo, con formato de fecha).En caso de algún error en esta validación, muestra un mensaje de error al usuario.
  • 2. Pestaña de edición del formulario. En esta pestaña editaremos y configuraremos los campos y su tipo (texto, número, fecha, etc.) que se incluirán en el formulario. Cada campo tendrá asociado una etiqueta o nombre para que podamos referenciarlos cuando configuremos el mensaje por correo electrónico.
  • 3. Configuración del correo electrónico. Aquí se configura el contenido del mensaje que Contact Form 7 nos enviará por correo electrónico con los datos introducidos por el usuario en el usuario, utilizando para ello las etiquetas asignadas a cada campo en el pestaña de edición del formulario.
  • 4. Configuración de los mensajes de aviso. Contact Form 7 dispone de una colección de mensajes para informar al usuario de cualquier evento cuando éste pulsas el botón de enviar o aceptar los datos del formulario. En esta pestaña podemos editar estos mensajes para adaptarlos a nuestro estilo de redacción.
  • 5. Ajustes adicionales. A través de esta pestaña podemos configurar el comportamiento de Contact Form 7 en determinadas situaciones o para realizar pruebas, por lo que raramente los utilizaremos. En esta página se detallan cuáles pueden ser estos ajustes.
  • 6. Área de edición del formulario. En este área de texto indicaremos cada campo del formulario, rodeados por los marcadores <label> y </label>, con el texto encabezado de ese campo, el tipo de dato de ese campo y su identificador (para utilizarlo en el correoelectrónico).
  • 7. Título del formulario de contacto. Un texto corto que nos permita identificar con facilidad el formulario y su cometido cuando se muestre en el listado de formularios. Este título no se muestra en la página web, sino que sólo sirve para que podamos identificarlo rápida y fácilmente.

Los campos se muestran en el orden con que los escribamos en el área de edición del formulario y, para insertarlo, tan solo necesitamos pulsar en el tipo de campo que queramos insertar, asegurándonos que el cursor esté en la posición donde queremos que se muestre.

Al pulsar el botón del tipo de campo, se muestra un cuadro de diálogo, similar para todos los tipos de campo, como el siguiente:

 

Configuración del campo de formulario de contacto con Contact Form 7

 

Veamos el cometido y significado de cada elemento de este cuadro de diálogo:

    • Tipo de campo, que debemos marcar si queremos que sea obligatorio que el usuario introduzca un dato o seleccione este campo para poder enviárnoslo.
    • Nombre, es la etiqueta que usaremos para identificar y utilizar el contenido de este campo en el correo electrónico que nos envíe Contact Form 7.
    • Valor predeterminado, para indicar si este campo se mostrará ya con un valor por defecto, sin que tenga que introducirlo el usuario, y cuál será.
    • Usa este texto como marcador del campo, significa que este valor predeterminado funcionará como instrucciones o aviso al usuario de qué debe introducir.
    • Este campo requiere el nombre del autor, se utiliza para la integración de Contact Form 7 con el plugin anti-spam Akismet, para forzar que el usuario esté identificado para poder editar este campo.
    • Atributo ID y Atributo de clase, los utilizamos para integrar este campo con el diseño o la funcionalidad de nuestro sitio web, indicando un ID o un nombre de clase (para los estilos de diseño).

Algunos tipos de campo incluyen opcionales adicionales de configuración:

    • Fecha, si queremos que haya un rango de fechas válidas.
    • Menú/lista desplegable, para indicar los elementos que contiene y si se pueden hacer selecciones múltiples.
    • Casillas de verificación y Botones de selección, para indicar las distintas opciones de verificación/selección y si son exclusivas.
    • Cuestionario, para indicar el par pregunta/respuesta que debe responder y acertar el usuario.
    • Archivo, para indicar el tamaño máximo y los tipos de archivos que el usuario puede adjuntar al campo.

Todos los formularios deben tener un campo (botón) del tipo “enviar”, puesto que que permite al usuario enviarnos los datos que ha introducido en el formulario.

A medida que vamos seleccionando y rellenando estas distintas opciones de configuración del campo, en el recuadro de texto de abajo, junto al botón “Insertar”, se va generan el texto que debe insertarse en el área de texto de configuración del formulario para este campo.

 

  Ejemplo de configuración de un campo en el formulario

Para comprender mejor cómo crear y editar los campos de un formulario, veamos el ejemplo concreto para un formulario. Vamos a crear un campo de tipo texto con las siguientes características:

  • Tipo de campo obligatorio.
  • Nombre: Apellidos.
  • Valor predeterminado: “Introduce tus apellidos”, que se utilizará como marcador de campo.
  • No integrado con Akismet.
  • Con atributo-id y nombre-clase.

La configuración para este campo quedaría de esta forma:

 

Campo de formulario de contacto configurado en Contact Form 7

 

Y el texto que habría que insertar en el área de texto de configuración del formulario (y que también se muestra en la imagen anterior) sería el siguiente:

[text* Apellidos id:atributo-id class:nombre-clase placeholder "Introduce tus apellidos"]

Cuando pulsamos el botón “Insertar”, este texto aparecería automáticamente en la ubicación donde teníamos el cursor antes de seleccionar el tipo de campo, junto con la etiqueta que se pone junto al campo en la visualización del formulario (“Tus apellidos (requerido)”) y entre los marcadores <label> y </label>:

<label> Tus apellidos (requerido) [text* Apellidos id:atributo-id class:nombre-clase placeholder "Introduce tus apellidos"] </label>

 

Texto en el campo de formulario de contacto

 

Ahora tan solo tenemos que copiar el shortcode asignado a este formulario en nuestra página o post:

[contact-form-7 id="7210" title="Formulario de prueba"]

Y ahora podemos entrar en el navegador para comprobar que el formulario se muestra correctamente en la página:

 

Ejemplo de formulario de contacto

 

 

  Configuración del mensaje de correo electrónico

Para configurar el correo electrónico, debemos recordar los identificadores de los campos que hemos incluido en nuestro formulario. En el ejemplo que vimos en la sección anterior, los identificadores de campos eran: Apellidos, your-email, your-subject, your-message.

Estos identificadores, encerrados entre corchetes, los utilizaremos al indicar el contenido de cada zona del correo electrónico que nos enviará Contact Form 7, en la pestaña “Correo electrónico”, tal como se muestra en esta imagen:

 

Configuración del mensaje de correo electrónico

 

Veamos qué información debemos o podemos introducir en cada uno de los recuadros rojos de esta imagen:

    • 1. Para, debe contener la dirección de correo electrónico a la que Contact Form 7 debe enviar los datos introducidos en el formulario.
    • 2. De, será la dirección de correo electrónico remitente. Puede coincidir con la dirección “Para”.
    • 3. Asunto, será el texto que se mostrará en el asunto del correo enviado y que, en este caso, corresponde al campo con el identificador your-subject.
    • 4. Cabeceras adicionales (cc, cco, reply-to). Campo opcional,en el que podemos enviar si el correo se envía con copia (“cc”), copia oculta (“cco”) o una dirección de correo de respuesta (“reply-to”). Normalmente pondremos “reply-to [your-email]” por si queremos contestar directamente al usuario que ha rellenado el formulario.
    • 5. Cuerpo del mensaje. En general, en el cuerpo del mensaje incluiremos el resto de campos, con texto adicional para facilitar su lectura. En este caso, se indica los apellidos del usuario ([Apellidos]), su correo electrónico ([your-email]), el asunto ([your-subject]) y el mensaje ([your-message]) introducidos por el usuario.
    • 6. Archivos adjuntos. Si hubiéramos incluido algún campo para adjuntar ficheros, aquí introduciríamos sus identificadores.

Con esta configuración, supongamos que un usuario introduce los siguientes datos en el formulario y pulsa el botón “Enviar”:

 

Formulario rellenado

 

El mensaje de correo que recibiríamos sería el siguiente, en el que vemos que cada identificador de los campos ha sido sustituido por el dato introducido en el formulario:

Ejemplo de correo enviado

 

  Conclusiones

Los formularios de contacto proporcionan un mecanismo para, primero, que los usuarios de nuestro sitio web puedan comunicarse con nosotros y, segundo, podamos pedirle información específica que nos interese sobre ellos.

Son, por ejemplo, la herramienta imprescindible para que un usuario se registre a un boletín de suscripción.

El gestor de contenidos WordPress no incluye ningún soporte para formularios, más allá de la posibilidad de, por nosotros mismos, editar en el código HTML de las páginas o posts las etiquetas HTML y de estilo para insertar el formulario, lo cual resulta bastante engorroso y difícil de mantener.

El plugin Contact Form 7 facilita la generación y gestión de los formularios de un sitio web en WordPress, con el que podremos configurar tanto los formularios como los mensajes de correo que enviará con los datos introducidos por el usuario.

En este aspecto, el plugin no dispone de la posibilidad de guardarlos en base de datos.

Una vez generado un formulario y el mensaje con los datos para el correo electrónico, Contact Form 7 podemos utilizar un shortcode con el identificador de ese formulario para insertarlo en la página o post que queramos, y podemos configurarlo de forma centralizada desde el área de administración de Contact Form 7.

Contact Form 7 permite crear formularios con múltiples tipos de campos, pero si no resulta suficiente para lo que necesitemos en nuestro sitio web o si queremos alguna característica adicional, dispone de una librería de extensiones que amplían el plugin con nuevas funciones y parámetros de configuración.

La entrada Cómo crear formularios con Contact Form 7 se publicó primero en Webempresa.


Como exportar e importar usuarios en WordPress

$
0
0

Cómo exportar e importar usuarios en WordPress

Como todo sistema gestor de contenidos, WordPress, además de gestionar contenidos en sí mismo, valga la redundancia, tiene un sistema propio para gestionar usuarios.

Como podéis imaginar, los usuarios somos al final las personas que iniciamos sesión en el sistema para hacer diferentes labores: ya sea administrar el sitio, crear entradas, administrar comentarios o si tienes un comercio electrónico, gestionar los pedidos, etc.

Si tenéis un blog con WordPress o una
tienda online WooCommerce, tenéis al menos un usuario a vuestro nombre, probablemente administrador.


Antes de hablar de cómo importar o exportar de forma masiva usuarios, vamos a ver cómo los gestiona WordPress, qué datos albergan, qué capacidades tienen, qué roles existen… para así poder ver con una perspectiva completa el proceso de importación o exportación de los mismos y entender todos sus detalles.

Una vez entendido todo este panorama, procederemos a explicar cómo importar y exportar usuarios de forma masiva con WordPress con el plugin Import Users From CSV With Meta, plugin que desarrollé, mantengo y que tengo el placer de ir mejorando.

A día de hoy es el plugin para importar usuarios más popular en el ecosistema WordPress y creo que puede seros muy útil (existen plugins de importación generales más populares, pero para importar sólo usuarios, este es el que cuenta con más instalaciones activas).

 

  Usuarios en WordPress

Como en cualquier otro sistema en línea, cuando interactuamos con WordPress, como personas, lo hacemos o identificados o sin identificar.

Si estás sin identificar, sin loguear, lo harás como un visitante. A nivel de programación la función is_user_logged_in() te indica con verdadero o falso si el usuario está autenticado o no.

Si no eres un visitante, sino un usuario del sitio, lo serás por dos motivos:

  1. Porque alguien te ha registrado anteriormente, si eres el administrador del sitio, te habrás registrado en la instalación, en el momento que te pide expresamente el nombre y la contraseña del primer usuario administrador
  2. Porque has iniciado sesión, ya sea a través del formulario de login estándar (wp-login.php) o de cualquier otro formulario de inicio de sesión que uses como por ejemplo los que proveen plugins como Clean Login

El registro a priori sólo se hace una vez y el inicio de sesión se hace a priori cada vez que accedas al sitio.

 

  ¿Qué datos definen a un usuario en WordPress?

Nuestro usuario en WordPress tiene al menos tres datos básicos y un rol, eso es lo mínimo que puede tener un usuario en WordPress:

  • Nombre de usuario.
  • Contraseña.
  • Correo electrónico.
  • Rol.

El nombre de usuario y el correo electrónico, pueden coincidir, pero a efectos de base de datos, serán dos datos diferenciados. Como podéis imaginar esto es lo mínimo porque hace falta:

  • Un usuario y una contraseña con la que iniciar sesión.
  • Un email con el que comunicarse.
  • Un rol que identifique qué capacidades tiene el usuario en el sistema, no es lo mismo un administrador que gestiona todo que un suscriptor que es el rol más básico que existe.

No es el objetivo de esta entrada hablar de los roles, pero básicamente deciros que cada rol, que tiene un usuario; tiene una serie de capacidades. De forma que así el sistema determina qué capacidades tiene cada usuario. Podéis crear nuevos roles o editar los existentes directamente en código o con algún plugin como User Role Editor, muy recomendable para esta labor.

Aparte os recomiendo que os leáis la documentación sobre “Roles and capabilities” si queréis ahondar más en este tema.

Aparte de esos cuatro datos básicos, WordPress puede almacenar por defecto los siguientes campos para cada usuario:

  • user_nicename: el nombre de usuario en versión “amable con la URL”, para poder crear urls como la de autor.
  • user_url: la url del usuario.

  • display_name: el nombre que se muestra del usuario en WordPress.
  • nickname: por defecto es el mismo que el nombre de usuario.
  • first_name: el nombre.

  • last_name: los apellidos.
  • description: donde rellenamos nuestra biografía.

Además de otros pocos datos internos como cuándo se registró el usuario, cuál es el esquema de colores que usa del panel o si el usuario debe o no conectarse por SSL. Estos datos los vemos en “Mi perfil” o en “Editar usuario” en el backend de WordPress.

Mi perfil de WordPress

Si necesitamos más datos, que los necesitamos casi seguro en cualquier proyecto que desarrollemos, la tabla wp_usermeta nos permite almacenar cualquier otro dato que queramos para un usuario. Por ejemplo, WooCommerce usa esta tabla para guardar datos como la dirección, la ciudad o la provincia de los clientes que se registran.

 

  El problema de registrar muchos usuarios de WordPress de una vez: importar usuarios

Ahora os preguntaréis por qué puede ser necesario tener una herramienta para importar, es decir dar de alta, a muchos usuarios de forma masiva de una sola vez. Si tenéis un blog, os resultará rara esta posibilidad. Probablemente tendréis solo un usuario o a lo sumo alguno más. Es decir, vosotros como administradores y quizás, algún que otro autor.

Sin embargo, como bien sabréis, WordPress a día de hoy no es sólo un sistema gestor de contenidos para crear cuadernos de bitácora. Con WordPress a día de hoy podéis crear todo tipo de sistemas web:

Como podéis entender, todos estos plugins manejan muchos más datos que los que hemos contado antes y para muchos más usuarios. Por ejemplo en el caso de WooCommerce tenemos de base, como mínimo, los siguientes metadatos por cada cliente:

  • billing_first_name
  • billing_last_name
  • billing_company
  • billing_address_1
  • billing_address_2
  • billing_city
  • billing_postcode
  • billing_country
  • billing_state
  • billing_phone
  • billing_email
  • shipping_first_name
  • shipping_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • shipping_postcode
  • shipping_country
  • Shipping_state

Que se manejan en la pantalla de “Mis direcciones” de la página “Mi cuenta” como podemos ver a continuación:

Recordad que WooCommerce nos permite por defecto establecer para cada pedido y para cada cliente esta diferencia, una dirección de facturación y otra de envío. La primera será la “billing address” y la segunda la “shipping address”. Luego tenemos para cada una de ellas: nombre, apellidos, empresa, dos líneas para la dirección, ciudad, código postal, país y estado. Aparte para la facturación tenemos también un email y un teléfono.

Imaginad tener que rellenar datos para 100 clientes con 20 metadatos de este tipo, aparte de los que ya pide WordPress por defecto. Pensad que aunque el email sea el mismo, tendremos que rellenar el email de WordPress y el de facturación de WooCommerce; o por ejemplo en el caso de nombre y apellidos habrá que incluir el nombre y apellidos tres veces (WordPress, y dos en WooCommerce, dirección de facturación y de envío).

Tened en cuenta, que muchos de los que llegan a WordPress para usarlo en una de sus muchas formas viene de otro sistema, ya sea online u offline. Si queréis ejemplos de usos offline que pasan a WordPress os digo casos que nos hemos encontrado:

  • Hay quien tiene una tienda física y quiere dar de alta todos sus clientes en su tienda online para interactuar.
  • O una academia que va a incluir a todos los alumnos en un WordPress para que puedan acceder a un elearning basado en LMS Course.
  • Una empresa que quiere crear una Intranet con WP Customer Area para que sus empleados vean datos internos.

Y bueno casos online, podéis pensar todos los que queráis. Todos los sistemas libres (PrestaShop, Magento, Joomla!, Drupal, etc.) o propietarios; que pasen a WordPress, que cada día son más, traen con ellos entre otras cosas usuarios con datos que suele ser necesario importar de forma masiva.

Igual que tenemos la necesidad de importar, podemos tener la contraria, exportar los datos de nuestros usuarios. Ya sea para importarlos a otro WordPress, para migrarlos a otro sistema o porque necesitemos tratarlos con una hoja de cálculo o base de datos aparte para cualquier otra razón.

 

  Instalar el plugin

Tras hablar de los usuarios, de los roles, sus metadatos, cómo se usan los usuarios en diferentes escenarios con WordPress, pasemos a explicar cómo realizar una importación de los mismos con un plugin que os comenté: Import Users From CSV With Meta.

Lo primero, será instalar el mismo. Al ser un plugin libre, disponible en el repositorio, sólo tenéis que buscarlo en:

  1. Vuestro escritorio WordPress.
  2. En Plugins & Añadir nuevo.
  3. Buscáis “Import users” y lo instaláis.

Import Users en WordPress

Una vez lo tengáis instalado, tendréis en “Herramientas” un nuevo elemento llamado “Importar usuarios desde CSV”. Lo que nos queda ahora es tener los usuarios preparados.

Si tenéis otro WordPress podéis hacerlo directamente, accediendo a esa opción y eligiendo la pestaña “Exportar” que es la segunda que aparece. Ahí tenéis un botón para exportar un CSV con el formato correcto para enviar los usuarios con todos sus datos y metadatos a otro sitio.

Si no, vamos a explicaros cómo crear un CSV correcto para poder importar los datos de forma satisfactoria. Lo primero es tener una buena herramienta para manejar CSV. Este tipo de fichero, del inglés “comma separated values”, es decir, “valores separados por comas”, es un tipo de fichero muy sencillo en su manejo y a la vez muy potente.

Para que os hagáis una idea permite manejar un fichero de tipo Excel, es decir, con filas y columnas, de forma muy sencilla y ligera. Por eso mismo a día de hoy es un estándar de facto a la hora de enviar datos de este tipo, en forma de tabla y de forma sencilla, entre diferentes sistemas.

Aunque Microsoft Excel permite guardar sus ficheros como CSV, yo personalmente os recomiendo LibreOffice u OpenOffice (incluso Google Drive). Como podéis imaginar son muchos años manejando importaciones de este tipo y estas soluciones, me han dado menos problemas que la de Microsoft, ¿por qué? Porque delimitan mejor los valores y nos aseguramos de que los datos estén en UTF-8.

El hecho de guardar un fichero de este tipo con el juego de caracteres UTF-8 es muy importante para usuarios como nosotros, en donde nuestra lengua tiene caracteres que no están contemplados en el ASCII estándar y pueden darnos problemas con otros juegos de caracteres. Me refiero a la eñe y a todas las vocales acentuadas con tilde.

 

  Importar usuarios

Lo primero es crear un fichero nuevo y empezar a rellenar la primera fila. La primera fila representa “la forma” que tendrán los datos, así que tenemos que prepararla primero, para luego rellenar en la fila segunda en adelante, datos para cada usuario.

Las dos primeras columnas tienen que ser:

  • Nombre de usuario.
  • Correo electrónico.

Esto es así porque como decíamos antes, son dos datos básicos y necesarios. Esas son las únicas columnas que son obligatorias y las únicas que tienen que estar ahí en ese orden, a partir de ahí, el resto podemos ponerlo en el orden que queramos siempre que escribamos bien el nombre de la columna.

Crear fichero nuevo para importar usuarios en WordPress

El sistema además de importar a los usuarios, les envía un correo con sus datos, entre ellos podemos incluir la contraseña. Para la contraseña podemos:

  • Si no creas una columna para las contraseñas: las contraseñas se generarán automáticamente.
  • Si creas una columna para las contraseñas (a la que debes de llamar “password”: si la celda está vacía, la contraseña no se actualizará; si la celda tiene un valor, es el que se usará como contraseña.

Cuando hablo de actualizar os preguntaréis a qué me refiero si es que estamos importando usuarios. Y es que además de crear nuevos usuarios de forma masiva, si el usuario ya existe, podemos actualizarlo también de forma masiva.

Aparte de la contraseña, también podemos incluir una columna con el rol que tendrán los usuarios:

  • Si no creas una columna para los perfiles: los perfiles serán elegidos del campo “perfil por defecto” en la ventana de importación.
  • Si creas una columna llamada ‘role’: si la celda está vacía, se escogen los perfiles del campo ‘Default role’ (perfil por defecto) en la ventana de importación; si la celda tiene un valor, se usará como perfil, si ese perfil no existe se usará el que esté por defecto.

Usaremos los slug de los roles, es decir, “subscriber” en vez “Subscriber” para referirnos a ellos en el fichero CSV. Por cierto, como nota curiosa deciros que aunque WordPress por defecto no lo permite, este plugin nos permite incluir varios roles por usuario, haciendo que la celda “role” tenga valores separados por comas.

Aparte de esas dos columnas “especiales” para roles y contraseñas, el resto de columnas deben corresponderse con:

  • El dato estándar de WordPress a importar.
  • El metadato en cuestión.

En la pestaña “Documentación” tenéis el listado entero, por no entrar aquí a dar más listados pero para que os hagáis una idea, os doy un ejemplo de cada:

  • “display_name” para enseñar el nombre a mostrar del usuario.
  • “shipping_postcode” para incluir el código postal de la dirección de facturación del cliente

Y así con todos los datos de WordPress o metadatos que queráis usar. Tenéis un fichero de ejemplo en la pestaña de “Documentación” que puede ser una buena base para comenzar vuestro trabajo.

Así que rellenando la primera fila con los diferentes datos que vamos a importar y el resto de filas con los datos de los usuarios en sí, tendréis lista la importación. Guardad el fichero como CSV, dirigiros a la primera pestaña “Importar” y ahí, elegir el rol por defecto y el fichero y listo.

El proceso se ejecutará y se crearán y actualizarán los usuarios en el sistema.

Listas para importar usuarios en WordPress

 

  Correos electrónicos y tareas cron

Antes de terminar quería comentar dos cosas más que permite el plugin que creo interesantes. Las introduciré y ya si queréis hacer uso de ellas y tenéis dudas podéis preguntar en el soporte del plugin o en los comentarios de esta entrada.

Lo primero son los correos electrónicos. Podéis enviar un correo a cada usuario que está siendo importado. Esto es importante porque así todos tendrán una notificación de su nuevo usuario. Este correo electrónico se configura en la pestaña “Opciones de correo” y en dicho correo podemos incluir cualquier dato que esté siendo importado o generado, como la contraseña.

El sistema tiene un sistema de plantillas de correo, por si usáis a menudo la importación y en base al tipo de importación queréis enviar un tipo de correo u otro.

Por otro lado quería comentaros la posibilidad de incluir tareas cron de importación. Es decir, tareas que se ejecuten cada cierto tiempo, de forma autónoma. Por ejemplo, el sistema una vez al día leerá el CSV que está situado en una ruta concreta y actualizará los datos.

Esta herramienta es muy útil para sincronizar bases de datos externas con la de WordPress, hacer integraciones entre diferentes sistemas o para actualizar algún valor de forma automática desde una fuente externa. En Codection hacemos a menudo este tipo de trabajos y este plugin, es una buena base sobre la que asentamos si no el desarrollo completo, parte del mismo.

Importación cron en WordPress

 

  Conclusiones

Y bueno, con esto termino esta entrada sobre usuarios, roles, sus datos y cómo importarlos y exportarlos en WordPress; que espero que haya aclarado algunos conceptos, que os hayáis enterado por alguna vez de otros pocos y que por supuesto, tengáis una herramienta nueva que os permita hacer importaciones e integraciones de forma rápida y sencilla.

Si tenéis cualquier tipo de duda, por favor, decidme en los comentarios o como decía antes, directamente en el soporte del plugin.

Si sois profesionales del tema seguro que alguna vez os habría venido bien poder usar esta herramienta y si no lo sois, os animo a que probéis a crear o actualizar usuarios con un fichero Excel, es cómodo y bien rápido.

La entrada Como exportar e importar usuarios en WordPress se publicó primero en Webempresa.

Migrar WordPress de Servidor Remoto a Local con Xampp

$
0
0

Migrar WordPress de Servidor Remoto a Local con Xampp

Tener un entorno de pruebas de nuestra web WordPress en local es interesante ya que nos permite realizar pruebas, modificaciones, instalaciones de extensiones, plantillas… y comprobar su funcionamiento sin que afecte a la web que tenemos en producción (en el servidor del hosting).

Con eso nos aseguramos que una vez las implementemos en la web que tenemos en producción no habrá ningún problema.

Para esta entrada utilizaremos un equipo con Windows y un servidor local, en este caso Xampp, pero existen otros como puede ser WampServer .

¿Qué es un servidor local?

Algunos os preguntareis qué es un servidor local, pues no tiene ningún misterio.

Un servidor local es una aplicación de PC que contiene todos los paquetes necesarios para hacer que nuestra web cargue.

Es decir el mismo programa nos proporciona una base de datos, Apache y PHP que son los elementos necesarios para hacer que nuestra web (WordPress, Joomla, Prestashop) se visualice.

Empecemos a divertirnos un poco. 😉

Descargar Xampp

El primer paso seria descargar nuestro servidor local Xampp desde su página oficial: accede a la pagina oficial de Xampp.

Nada más acceder vemos que nos ofrece descargas para los sistemas operativos Windows, Linux y OS (Mac) según el sistema operativo en el que tengamos que instalar.

Servidor Xampp

La versión para Windows soporta Windows 7, Windows 8.1 y Windows 10 así como sistemas de 32 y 64 Bits por lo que no tendremos que preocuparnos por la versión que tenemos instalada en nuestro PC.

Como Utilizaremos un PC con Windows, pulsaremos en el botón ” XAMPP para Windows ” y empezará la descarga.

Descargar Xampp

Instalar Xampp

La instalación es muy sencilla, como cualquier otro programa que hayamos instalado, solo hay que lanzar el paquete de instalación que hemos descargado anteriormente.

Seleccionamos con el botón derecho del ratón el archivo y pulsamos en ” Ejecutar como administrador “.

Ejecutar instalador Xampp

La primera ventana que vemos es la del inicio de la instalación, solo seleccionamos Next.

Inicio de la instalación Xampp

La siguiente ventana nos pide que le indiquemos los componentes que queremos instalar.

Se puede dejar por defecto con todas las aplicaciones pero hay componentes que no le veo sentido tenerlos instalados como pueden ser los de los servicios de correo.

En el bloque Server dejamos marcadas las opciones de Apache , MySQL y Tomcat y desmarcamos las opciones de FileZilla y Mercury Mail server.

  • Apache: Software de Servidor.
  • MySQL: sistema de gestión de Bases de datos.
  • FileZilla : Aplicación FTP para la gestión de archivos.
  • Mercury Mail server: Servidor de correos electrónicos.
  • Tomcat: Software para aplicaciones Java.

En el bloque Program Languages dejamos seleccionadas las opciones de PHP, Per y phpMyAdmin y desmarcamos Webalizer y Fake SendMail:

  • PHP: Lenguaje de programación.
  • Per: Lenguaje de programación.
  • phpMyAdmin: Gestor de Bases de datos.
  • Webalizer: Software de análisis de datos.
  • Fake SendMail: Cliente SMTP para el envió de correos.

Opciones del bloque Programm Languajes

Pulsamos en Next y la siguiente ventana nos muestra la URL donde se instalará por defecto que en este caso es en la carpeta xampp, solo tenemos que pulsar en ” Next ”.

URL de instalación por defecto

La siguiente ventana nos informa que hay versiones de Xampp que incorporan los paquetes de Joomla, WordPress o Drupal pre-instalados.

Simplemente pulsamos en Next y para terminar nos dice que empezará la instalación, lo mismo, pulsamos en Next.

Versiones de Xampp

Nada más terminar la instalación vemos que nos muestra una ventana con el panel de control de Xampp.

Panel de control Xampp

En el panel podemos ver las aplicaciones que tenemos activas, el botón Start para arrancar los servicios y el botón Config para la configuración de las aplicaciones.

No hace falta que nos compliquemos la vida con las diferentes configuraciones ya que por defecto tenemos más que suficiente.

El único que nos puede interesar es la configuración de Apache con el archivo php.ini donde podemos modificar los valores PHP del servidor pero, como digo, por defecto nos sirve.

Ya que estamos con Xampp vamos a arrancar los servicios y probamos que todo funcione bien, para ello pulsamos en el botón Start en los servicios de Apache y MySQL.

Una vez arrancados vemos que se muestran los servicios en verde.

Servicios Apache y MySQL en verde

Para probar los servicios y ver que todo funciona bien solo tenemos que acceder al navegador y en la URL añadimos ” localhost ”.

La nueva ventana nos muestra la página de Bienvenida o Dashboard que nos indica que todo es correcto y nuestro servidor está funcionando.

 Página de Bienvenida o Dashboard

Probaremos también el acceso a phpMyAdmin y al mismo tiempo crearemos la base de datos que nos hace falta para la web que queremos trasladar desde nuestro hosting.

Solo tenemos que pulsar phpMyAdmin en el menú superior.

Pulsar phpMyAdmin en el menú superior

La ventana que se abre es la del gestor de Bases de datos phpMyAdmin.

En la columna de la derecha vemos las bases de datos que tenemos creadas y el menú superior con las diferentes opciones para crear bases de datos, exportar, realizar consulta, etc.

Nos centraremos solo en la creación de la base de datos que es lo que nos importa, seleccionando la opción ” Bases de datos “.

Opción base de datos

Solo tenemos que añadir el nombre de nuestra base de datos en la celda ” Nombre de la base de datos ”.

En este caso le pondremos como nombre ” weblocal ” podemos utilizar el nombre que queramos solo es un ejemplo y será el nombre de la base de datos que utilizara nuestra instalación.

Una buena práctica sería utilizar el mismo nombre que el dominio o el de la base de datos que tenemos en la instalación del hosting.

Con eso podremos identificar fácilmente la base de datos de cada instalación si tenemos más de una aplicación instalada.

Usar el nombre weblocal

Pulsamos en crear y se creará la nueva Base de datos.

Crear nueva base de datos

Fácil,¿verdad? Pues ya tenemos media tarea realizada, así sin darnos cuenta, hemos descargado un servidor local, lo instalamos y encima creamos una base de datos.

Y yo pensaba que no sabría hacerlo y resulta que es más fácil de lo que creía ….

Descargar archivos del Hosting

El siguiente paso será descargar los archivos y la base de datos de la instalación que tenemos en nuestra cuenta de Hosting.

La descarga de los archivos la realizaremos desde el administrador de archivos que tenemos en nuestra cuenta de cPanel.

En esta entrada del blog de Webempresa tenemos un tutorial donde podemos aprender a utilizar el administrador de archivos: Administrador de Archivos de cPanel ¿cómo buscar archivos?.

Accedemos a nuestra cuenta de cPanel y en el bloque ” Archivos ” seleccionamos la herramienta administrador de archivos

Administrador de archivos

Dentro de la carpeta public_html vemos que tenemos varias carpeta según los dominios que tengamos añadidos en nuestra cuenta de hosting.

Carpeta public_html

En el caso de este ejemplo utilizare la carpeta WordPress donde tengo una instalación de pruebas de WordPress + WooCommerce, en vuestro caso sería la carpeta donde esté la instalación.

Es posible que tengamos varios dominios en nuestra cuenta de hosting y no sabemos qué carpeta es la que utiliza la Web que queremos migrara así que una de las preguntas sería: ¿ A que carpeta apunta mi dominio?.

¿Cómo saber a qué carpeta apunta mi dominio?.

Es muy sencillo, solo tenemos que acceder al bloque Dominios de nuestra cuenta de cPanel.

Bloque dominios en cPanel

Vemos que nos muestra todos los dominios añadidos a nuestra cuenta y la carpeta a la que apunta cada dominio en la columna Directorio Raíz.

Carpeta a la que apunta cada dominio

Una vez localizada la carpeta donde está la instalación que queremos migrar el paso siguiente sería comprimir la carpeta para descargarla a nuestro equipo.

Como siempre, muy sencillo, solo tenemos que seleccionar la carpeta con el botón derecho del ratón y seleccionar Compress.

Comprimir la carpeta para descargarla a nuestro equipo

Otra opción sería seleccionado la carpeta y pulsando en el botón Comprimir que se encuentra en el menú superior.

Comprimir seleccionando carpeta

Seleccionamos ” Archivo ZIP ” en el Tipo de compresión y pulsamos en el botón Compress File(s).

Tipo de compresión

Una vez tengamos el archivo ZIP con nuestra aplicación, solo nos quedaría descargar el paquete con los archivos seleccionado, el zip que comprimimos y pulsando ” Descargar ” del menú superior.

Como son varias cosas las que tenemos que descargar, como consejo y para tenerlo todo controlado, lo mejor es crear una carpeta, por ejemplo, en descargas y tanto el zip como la base de datos que descargamos ahora, lo haremos directamente en esa carpeta.

En mi caso he creado un carpeta con el nombre weblocal.

Descargar desde la carpeta weblocal

Descargar Base de datos

Nos toca exportar la base de datos de nuestra instalación, para eso utilizaremos la aplicación phpMyAdmin que encontraremos en nuestra cuenta de cPanel.

Aplicación phpMyAdmin en cPanel

Al igual que nos pasó con los archivos de nuestra aplicación, es posible que tengamos varias instalaciones y no sepamos qué base de datos es la que está utilizando nuestra aplicación.

¿Cómo saber qué base de datos utiliza mi web?

Tenemos varias formas de saber qué base de datos estamos utilizando.

En el caso del Hosting de Webempresa disponemos de la herramienta WpCenter dentro del bloque Aplicaciones Webempresa de nuestra cuenta de cPanel.

Aplicación WPCenter de Webempresa

Nada más acceder a WpCenter vemos que nos muestra todas las aplicaciones de WordPress que tenemos instalada, pulsaremos en el botón configurar de la aplicación que queremos trasladar, en mi caso seria WordPress.

Configuración de WPCenter

En la pestaña general tenemos el bloque Datos generales de la instalación donde podemos ver todos los datos de la web incluido el nombre de la base de datos.

Bloque de datos generales de la instalación

Otra opción sería editando el archivo wp-config que se encuentra en la raíz de la instalación.

Accedemos a la carpeta donde está instalada la aplicación, seleccionamos el archivo wp-config con el botón de la derecha y pulsamos en ” edit ”.

Archivo wp-config y editar

La ventana que nos abre es la del archivo donde podemos ver todos los datos de la configuración de nuestro WordPress, una de las opciones es el nombre de la base de datos.

Ver datos de configuración del WordPress

Ya tenemos el dato que nos hacía falta, ahora toca exportar la base de datos accediendo a phpMyAdmin.

Una vez accedemos al gestor de bases de datos de phpMyAdmin, en el lateral izquierdo vemos todas las bases de datos que tenemos creadas.

Seleccionaremos la base de datos de nuestra aplicación y pulsaremos en el botón exportar del menú superior.

Seleccionar y exportar la base de datos

Solo tenemos que pulsar en el botón ” Continuar ” y se descargará la base de datos.

Descargar la base de datos

Con esto ya tendríamos todo lo que nos hace falta, tenemos el servidor instalado, los archivos de nuestra aplicación y la base de datos.

Copiar archivos en nuestro servidor local

Poco a poco esto está cogiendo forma así que nos ponemos manos a la obra y empezamos copiando los archivos que nos descargamos a la carpeta que crearemos en nuestro servidor local.

Accedemos a la carpeta donde tenemos descargado tanto la base de datos como el zip con los archivos y descomprimimos el archivo zip.

Si utilizáis WinRAR solo tenéis que seleccionar el archivo con el botón de la derecha y pulsar en ” Extraer aquí “.

Descomprimir archivo ZIP

Esto nos creará una carpeta con todos los archivos.

A esa carpeta podemos cambiarle el nombre o simplemente dejarla como está. El nombre de la carpeta será el que utilizaremos para acceder a nuestra web, en mi caso voy a cambiarle el nombre y le pondré weblocal.

Con el botón de la derecha del ratón seleccionamos la carpeta y pulsamos en copiar.

Accedemos al administrador de archivos de nuestro PC -> disco C -> carpeta xampp y por último la carpeta htdocs.

La carpeta htdocs digamos que es la raíz de nuestro servidor local, vendría a ser como la carpeta public_html de nuestro hosting.

Dentro de la carpeta htdocs pegaremos la carpeta con los archivos de nuestra instalación que hemos copiado anteriormente.

Dentro de la carpeta htdocs pegamos la carpeta con los archivos de nuestra instalación

¡Ya nos queda menos! de momento fácil, ¿verdad?, pues lo más pesado ya lo tenemos. Ahora nos toca la base de datos, verás lo sencillo que es.

Importar Base de datos

Con los servicios de Xampp MySQL y Apache iniciados solo tenemos que añadir en la URL del navegador ” localhost ” para acceder al Dashboard de nuestro servidor local.

Son los mismos pasos que hicimos para crear la base de datos.

Accedemos a phpMyAdmin, seleccionamos la base de datos que creamos anteriormente y pulsamos en importar del menú superior.

Importar base de datos desde phpMyAdmin

En el bloque ” Archivo a importar ” pulsamos en el botón ” Seleccionar archivo ” y subimos la base de datos que exportamos de la instalación que tenemos en nuestro Hosting.

Subir base de datos desde el bloque Archivo a importar

Al trasladar la web de hosting a local, como es normal, las URL cambian, es decir, en el hosting la URL de acceso a nuestra web seria midominio.xxx en cambio en local esta URL cambia y sería localhost/nombre_carpeta.

Ya que estamos con nuestra base de datos aprovecharemos para modificar el valor siteurl de la tabla wp_options, que es la que almacena la URL de nuestra instalación.

Seleccionamos la tabla wp_optintion y pulsamos editar en la columna ” siteurl“.

Seleccionar la tabla wp_optintion y pulsar editar en la columna siteurl

Modificaremos la URL de la celda ” option_value ” por la URL de nuestra instalación local, en el caso de este ejemplo sería localhost/weblocal.

Modificar la URL de la celda Option_value  por la URL de nuestra instalación local

Localhost sería el nombre de nuestro servidor y weblocal, el nombre de la carpeta donde tenemos nuestra instalación de WordPress.

En vuestro caso el nombre de la carpeta puede ser distinta, solo hay que cambiar ese nombre por el de la carpeta en donde tenéis la instalación.

Cambiar ese nombre por el de la carpeta donde tenéis la instalación

Venga que esto ya lo tenemos, solo nos quedará modificar los datos de acceso a la base de datos en el archivo de configuración de WordPress.

Modificar archivo wp-config

El último paso sería indicarle los datos de acceso a nuestro servidor y la base de datos.

Al cambiar de servidor estos datos también pueden cambiar y si intentamos acceder ahora a nuestra web local nos encontraremos con un error de conexión a la base de datos.

Error al establecer conexión con la base de datos

Los datos de configuración de WordPress los podemos encontrar en el archivo wp-config que se encuentra en la carpeta de nuestra instalación en el servidor local.

Accedemos a la carpeta de nuestra instalación local y editamos el archivo wp-config, podemos abrirlo con el bloc de notas de Windows.

Editar archivo wp-config

Una vez editado el archivo tenemos que modificar los defines de conexión a la base de datos.

Modificar los defines de conexión a la base de datos

  • DB_NAME:  el nombre de la base de datos que creamos para nuestra instalación local, en el caso de este ejemplo utilice weblocal.
  • DB_USER:  Por defecto es root a no ser que se creará un usuario para el acceso a la base de datos.
  • DB_PASSWORD: Este dato sería el Password de acceso a la base de datos, Lo dejaremos vacío ya que al ser una instalación local no hemos creado ningún usuario.

Este sería un ejemplo de la instalación que estamos realizando en este tutorial, si habéis seguido todos los pasos con los mismos datos, los defines serían los mismos.

Ejemplo de defines

Ejemplo de la instalación

Modificar URL del sitio en el administrador de WordPress

Esto ya lo tenemos, nos quedar cambiar la URL del sitio y para eso accederemos al administrador de WordPress añadiendo en la dirección del navegador ” localhost/nombre-de-la-carpeta/wp-admin ” donde nombre de la carpeta será el nombre de la carpeta donde tenemos la instalación en local.

En el caso de este ejemplo sería localhost/weblocal/wp-admin

Accedemos al administrador de nuestra instalación local, el usuario y contraseña de acceso son los mismos que tenemos en nuestra instalación del hosting.

Dentro del administrador de WordPress nos dirigiremos ajustes -> Generales y modificamos la URL de la opción “ Dirección del sitio (URL) ” por la URL de nuestro sitio en local.

Modificar URL de la opción Dirección del sitio (URL) por la de nuestro sitio en local

Y hora sí que sí ya lo tenemos todo, solo hay que acceder a web y ver que todas las secciones carguen sin problemas.

Vídeo tutorial

En el siguiente vídeo tutorial veremos el proceso completo de cómo podemos trasladar el WordPress que tenemos en el Hosting a nuestro PC, a local utilizando la aplicación Xampp.

 

 

Conclusiones

Ya sé que lo mejor es tener un clon en nuestra cuenta de hosting pero no siempre es posible por temas de espacio o porque nuestro plan de hosting no nos lo permite.

Esta es una manera de poder tener nuestra aplicación en local para realizar las pruebas necesarias sin que afecte a la página que tenemos en producción.


La entrada Migrar WordPress de Servidor Remoto a Local con Xampp se publicó primero en Webempresa.

Mejores CRMs para WordPress en 2020

$
0
0

Mejores CRMs para WordPress en 2020

WordPress es uno de los mejores entornos para tener una web funcional y escalable sin necesidad de una gran complicación.

Dentro del entorno de WordPress podrás encontrar herramientas que se adaptan a todos los negocios como es la gestión de clientes o la integración de un CRM que te ayude a gestionar clientes en WordPress.

Primeramente vamos a ver qué es un CRM y cómo puede ayudarte en tu negocio.

 ¿Qué es un CRM?

Un CRM (Software de Customer Relationship Management) es un software que permite almacenar datos de clientes y de la propia empresa, siempre a mano para cuando se necesite.

Te dejo aquí un resumen rápido de todo lo que puede hacer un CRM, ya que sus características pueden ir mucho más allá. Con él podemos, por ejemplo:

  • Crear base de datos de clientes.
  • Seguimiento de historial de clientes.
  • Gestión a nivel contable.
  • Establecimiento y análisis de KPIs.
  • Análisis y cruce de datos.

Entre otras muchas funcionalidades y características específicas que puede solicitar la empresa que incluya su CRM.

Y es que estos softwares son utilizados por la mayoría de empresas y multinacionales en el día a día y las necesidades de estos suele ser diferentes.

Por tanto, es habitual encontrase CRMs a medida o con características singulares para cada empresa.

Esto supone que el precio del sorfware puede encarecerse bastante conforme aumenta la complejidad de este.

Esto es algo que no suele ser lo más útil y alcanzable para la mayoría de empresas que solo necesitan un gestor de clientes funcional que cubran las necesidades básicas de control de clientes.

Se busca poder vincularlo a nuestro WordPress para mayor comodidad de gestión, por lo que podemos encontrar diversas soluciones a través de algunos plugins.

 Mejores Plugins de CRM para WordPress

Estos son unos de los mejores plugins que te podrán ayudar con la gestión de tu negocio en WordPress.

WP ERP

Mejores CRMs para WordPress en 2020: WP ERP

WP ERP es uno de los plugins más usados tanto por pequeñas como grandes empresas como una solución íntegra para CRM, HRM y contabilidad.

Además es de los más completos incluyendo funcionalidades como:

  • Integración total con WordPress y configuración de panel.
  • Clientes actuales y potenciales.
  • Añadir notas.
  • Crear diversos permisos de acceso.
  • Integración con emails.

SUMA CRM

Mejores CRMs para WordPress en 2020: SUMA CRM

Si quieres mejorar las conversiones a través de tu CRM, SUMA CRM es una gran opción gracias a su sencillez y facilidad de uso.

Con SUMA CRM podrás gestionar toda tu base de clientes, estableciendo un embudo de conversión y diferenciando en diversas etapas a todos tus clientes.

Haz un seguimiento a todos tus clientes de todo el histórico de compras, creando diversos perfiles e identificando a clientes potenciales, pudiendo ayudarte de notas internas que solo veréis tu y tu equipo.

Además, podréis crear informes sencillos y eficaces de venta para poder contrastar todos los resultados.

Junto con WordPress, puede ser una de tus mejores armas para gestionar clientes.

Zero BS CRM

Mejores CRMs para WordPress en 2020: Zero BS CRM

Con Zero BS WordPress podremos gestionar base de datos de clientes, crear y gestionar facturas.

Además dispondremos de diversas extensiones con las que será compatible, por ejemplo:

  • Gravity Forms
  • Mail Campaigns
  • PayPal Sync
  • Woo Sync
  • Simple CSV Importet

HubSpot All in one Marketing

Este plugin permite conectar WordPress con el CRM HubSpot, que es una gran herramienta a la hora de gestionar tus clientes actuales de los potenciales.

Además, con él podrás conseguir correos de tus visitas y sincronizarlas con tu CRM de HubSpot.

Podrás usar otros plugins de formularios como Ninja Forms o Gravity Forms. Como características podemos encontrar:

  • Crear formularios en diversas zonas como banners.
  • Incluir un Chat, tanto automatizado (Chatbots) como en vivo.
  • Analítica de registros completa.

WP-CRM

Mejores CRMs para WordPress en 2020: WP-CRM

Este plugin es completamente gratuito y tiene su entorno totalmente dentro de WordPress.

Con WP-CRM convertirás tu WordPress en un CRM con el que podrás gestionar tanto a tus clientes actuales como potenciales.

Todos los datos se guardarán en la base de datos de tu WordPress creándose como usuarios a los que tú mismo podrás asignar roles o cambiarlos con el paso del tiempo.

Con los formularios para clientes potenciales podrás captar todos los leads que necesites y se integrarán automáticamente en tu WordPress con el rol que le hayas puesto de forma predefinida.

También, como ventaja añadida, tendrás soporte con el que podrás resolver todas tu dudas.

WordPress Leads

Mejores CRMs para WordPress en 2020: WordPress Leads

Si estás buscando un plugin sencillo para la administración de clientes potenciales y captación de estos, WordPress Leads puede ser una gran solución.

Todos los datos se guardarán como posts personalizados.

Una de las características a destacar es que podremos recoger toda la actividad antes del envío del formulario por parte de los usuarios.

Esto es algo que nos facilitará la compresión del envío y toda la ruta que hace el usuario hasta que convierte.

Además, se puede integrar con casi todos los plugins de formularios por lo que su compatibilidad es casi total.

WooCommerce Customer RelationShip Manager

Mejores CRMs para WordPress en 2020: WooCommerce Customer RelationShip Manager

Si usas WooCommerce este plugin es una gran herramienta para conseguir potenciar tus ventas.

Con WooCommerce Customer RelationShip Manager podrás crear campos personalizados para poder adaptar la información de tus clientes a tus necesidades.

Además, podrás hacer un seguimiento de todos tus clientes pudiendo ver cuáles son mejores que otros.

Podrás asignar trabajadores para ciertos grupos de clientes y probar acciones específicas de forma segmentada, aparte de poder recoger todos esos datos.

Presspoint CRM

Mejores CRMs para WordPress en 2020: Presspoint CRM

Presspoint CRM es una opción pura de CRM en WordPress ya que se puede integrar completamente en éste.

Este plugin tiene más características que las de simplemente almacenar correos e información, ya que podremos integrarlo como email, eCommerce y membresías.

Con él podremos gestionar toda la base de datos desde nuestro WordPress sin necesidad de salir de él.

Además, la interfaz es muy similar a la nativa de WordPress por lo que es muy intuitiva.

WP Fusion

Mejores CRMs para WordPress en 2020: WP Fusion

WPfusión es un plugin que conecta WordPress con el CRM y con él podrás sincronizar información de clientes para tenerla siempre actualizada.

Además, podrás gestionar nuevos clientes y combinar información como conversiones y transacciones de comercio electrónico.

También hay que decir que es totalmente compatible con WooCommerce y LearnDash entre otros.

VCita

Mejores CRMs para WordPress en 2020: VCita

Este plugin permite conectar tu WordPress con otros CRMs externos, con él se pueden gestionar clientes de forma sencilla y cómoda gestionando, además, citas o tareas.

Podrás coordinar visitas de clientes y controlar todo el proceso de citas.

Además podremos gestionar transacciones e ingresos, vinculando de manera eficaz tu WordPress con tu cuenta de VCita a través de este plugin.

 Conclusión

WordPress nos da una gran ventaja frente a otros CMS y es su gran flexibilidad frente a otros gestores de contenido web.

Recuerda que cuenta con una de las comunidades más grandes en cuanto a CMS y además es un software libre.

La entrada Mejores CRMs para WordPress en 2020 se publicó primero en Webempresa.

Traducción de plantillas, temas y plugins en WordPress

$
0
0

Traducción de plantillas, temas y plugins en WordPress

Aunque el gestor de contenidos WordPress ofrece soporte para más de 100 idiomas, entre ellos el español, éste se limita exclusivamente al área de administración (“dashboard”), por lo que ten en cuenta los plugins o tema a instalar en WordPress, salvo que éstos también dispongan de nuestro idioma.

Sin embargo, muchos temas o plugins para WordPress solo disponen de la versión inglesa y, cuando los utilizamos, sus textos aparecen en inglés dentro las páginas y posts de nuestro sitio web, con el evidente desagrado por parte del usuario.

En esta situación, tenemos dos posibles soluciones: buscar otro plugin o tema (que tal vez no sean de nuestro agrado o no se adapten a nuestras necesidades), o hacer nosotros mismos la traducción de los mensajes y textos de esos plugins y temas.

A primera vista, traducir un plugin o un tema puede parecer inalcanzable para nosotros, porque podemos pensar que tenemos que sumergirnos en las “entrañas” de WordPress y que necesitamos conocer a fondo la tecnología de esta plataforma.

Sin embargo, como veremos en este artículo, basta con solo algunas nociones básicas de cómo WordPress gestiona las versiones multi-idioma de los temas y plugins, para que seamos capaces de cambiar esos mensajes en inglés por otros mensajes en español.

 ¿Qué textos y mensajes podemos traducir en WordPress?

Cuando trabajamos con WordPress, el texto que muestra dentro una página web puede hacerse creado o generado con uno de los siguientes cuatro métodos:

  • Como parte del contenido, sean posts o páginas, escrito por un redactor dentro del editor del WordPress y que contiene toda la información relevante de esa página web. En este caso, podemos usar plugins que permitan versiones multilingües de un post o página (como WPML).
  • Las taxonomías del blog, como las categorías y las etiquetas, también definidos por el administrador o redactor del blog y que podemos traducir utilizando este mismo plugin, WPML.
  • Como parte de los mensajes del tema. En este caso, las cadenas de texto están integradas dentro de los ficheros PHP del tema y, para traducirlos, sería necesario editar esos ficheros y modificar dichas cadenas.
  • Como parte de los mensajes del plugin. Al igual que con los temas, el texto de los mensajes están dentro de los ficheros PHP del plugin y, de nuevo, tendríamos que modificarlos para hacer la traducción.

Cuando realicemos la traducción de un tema o plugin, hay que tener en cuenta que se pueden diferenciar dos conjuntos de mensajes, en función del lugar dónde aparezcan:

  • En el panel de control de WordPress y que, por tanto, solo verán los administradores del sitio web, nunca los visitantes de sus páginas web.
  • Dentro de las páginas web, como parte del funcionamiento o servicio del tema o del plugin, e integrados con el resto del contenido del sitio web. Por tanto, sí lo verán quienes visiten el sitio web.

En principio, estaremos más interesados en traducir los mensajes “públicos”, los que pueden aparecer a los usuarios, que los mensajes del panel de control, que solo veremos nosotros.

En ambos casos, los mensajes de texto están integrados dentro de los ficheros PHP del tema o plugin y, como veremos, todos entran dentro del mismo lote y no hay distinción en el procedimiento para traducir unos u otros textos.

 ¿Qué temas y plugins de WordPress podemos traducir?

Hemos mencionado que, para traducir un plugin o un tema, deberíamos modificar sus ficheros PHP, lo cual puede suponer un obstáculo para quienes no conocen (ni necesitan conocer) esta tecnología.

Afortunadamente, en el caso de los plugins y temas, aunque los mensajes y textos estén dentro de estos ficheros, es posible realizar traducirlos sin necesidad de modificar esos ficheros, sino a través de ficheros auxiliares que permiten hacer esta traducción.

Sin embargo, para que esto sea viable, es necesario que el tema o el plugin tengan soporte multilingüe, lo que podemos encontrar en las características del tema o plugin como “translation ready theme” o “translation ready plugin”.

Cuando un tema o un plugin están preparados para la traducción, los mensajes de texto están identificados y codificados dentro de los ficheros PHP, de forma que se pueden traducir sin necesidad de modificar estos ficheros, sino creando nuevos ficheros que asocian cada texto con su traducción.

Actualmente, la mayoría de los temas y plugins están preparados para la traducción aunque muchas no incluyen nuestro idioma o, cuando lo hacen, son traducciones que utilizan un estilo de lenguaje distinto al que utilizamos en el resto del sitio web.

Es decir, además de traducir los mensajes de texto de un tema o texto, también podremos cambiar las traducciones que ya estén hechas, para poner otras que sean coherentes con el resto del contenido.

Este aspecto de las posibilidades de traducir un tema o plugin puede ser casi tan importante como evitar que aparezcan mensajes en inglés dentro de un sitio web en español. Por ejemplo, para evitar que el usuario vea mensajes distintos para las mismas acciones; por ejemplo, “Leer más” en vez de “Seguir leyendo” o la inversa.

 ¿Cómo gestiona WordPress la traducción de textos y mensajes?

Cuando un tema o un plugin es “translation ready”, la información de los mensajes y sus traducciones se guardan en diversos ficheros, que podremos crear o modificar con el editor apropiado, y que se identifican por la extensión de su nombre de fichero:

  • Fichero .POT (Portable Object Template): Este fichero contiene todos los mensajes de texto, en su lenguaje original, que hay dentro de los ficheros PHP del tema o plugin y que necesitan ser traducidos. El fichero .POT lo genera el proveedor del tema o plugin y debe estar incluido en la instalación. Sin fichero .POT, no podremos realizar traducciones.
  • Ficheros .PO (Portable Object): Habrá uno por cada idioma en que esté traducido el tema o plugin, y guarda la traducción, para un idioma determinado, de cada mensaje de texto identificado dentro del fichero .POT.

    El nombre de los ficheros .PO incluye el nombre del plugin o tema, el idioma y la variación de los mensajes traducidos que contiene; por ejemplo, para el español de España, el fichero .PO sería “<plugin>-es_ES.po”.

  • Ficheros .MO (Machine Object): También habrá uno por cada idioma y contiene la misma información que los ficheros .PO, pero en un formato compilado para que lo lea y gestione WordPress.

    Cuando hayamos terminado de editar el fichero .PO, debemos compilarlo en su fichero .MO correspondiente. El nombre de los ficheros .MO es idéntico al del fichero .PO asociado.

Del fichero .POT nos despreocupamos, basta que sepamos que existe, pues su creación y gestión es responsabilidad total y única del proveedor del tema o plugin, que nos lo debe suministrar con todo el lote.

Por nuestra parte, el proceso que debemos realizar para traducir o cambiar la traducción de un plugin o tema “translation ready” es muy simple:

  1. Localizar el fichero .PO del plugin o tema. Si no existiera, crearlo.
  2. Editar el fichero .PO para añadir o modificar las traducciones.
  3. Generar el fichero .MO
  4. Guardar los ficheros .PO en las carpetas de idioma de WordPress.

Este proceso podemos hacerlo desde fuera de WordPress, con un editor especializado, o desde dentro, con un plugin, como veremos en la próxima sección.

 Carpetas de idioma de WordPress para las traducciones

Todas las traducciones de WordPress, tanto del núcleo principal de WordPress (esto es, el panel de administración) como de los plugins y temas, se deben guardar en determinadas carpetas de la instalación de WordPress en el servidor web, para que WordPress sepa donde localizarlos:

  • wp-content/languages: contiene los ficheros de traducción (.PO y .MO) de los textos del panel de administración de WordPress. En general, no necesitamos modificar estos ficheros ni suele ser aconsejable.
  • wp-content/languages/plugins: contiene los ficheros de traducción (.PO y .MO) de los textos de todos los plugins. Cada nombre de fichero incluirá el nombre del plugin o tema para poder identificarlo. En caso de que se desinstale un plugin, sus ficheros no se borran.
  • wp-content/languages/themes: contiene los ficheros de traducción (.PO y .MO) de los textos de todos los plugins. Cada nombre de fichero incluirá el nombre del plugin o tema para poder identificarlo. En caso de que se borre el tema, sus ficheros no se borran.
  • wp-content/plugins/<nombre-plugin>/language: lugar alternativo para almacenar los ficheros de traducción (.PO y .MO) de un plugin determinado (<nombre-plugin>) y donde los proveedores suelen incluir sus propias traducciones (cuando lo hacen). En este caso, al desinstalar el plugin, también se borran estos ficheros.
  • wp-content/themes/<nombre-theme>/language: lugar alternativo para almacenar los ficheros de traducción (.PO y .MO) de un tema determinado (<nombre-theme>) y donde los proveedores suelen incluir sus propias traducciones (cuando lo hacen). En este caso, al borrar el tema, también se borran estos ficheros.

En la siguiente imagen vemos una disposición habitual de los ficheros de traducción en una instalación de WordPress, a través del Administrador de archivos de la herramienta cPanel, donde podemos ver también los distintos ficheros de traducción para diversos plugins:

Ficheros de traducción en una instalación de WordPress

Haz clic en la imagen para ampliarla  

Cuando creamos un fichero .PO y .MO, debemos guardarlo en la carpeta de idiomas correspondiente, sea de plugins o temas, aunque es recomendable hacerlo en la carpeta general de idiomas (dentro de wp-content/languages) para que sigamos disponiendo de esos ficheros en caso de que reinstalemos el plugin o tema.

 Recomendaciones de traducción de plugins y temas

Cuando traducimos un mensaje de texto en WordPress, debemos tener en cuenta algunas consideraciones para que esa traducción encaje bien dentro del contexto de nuestro sitio web y que el usuario no se quede confuso ante traducciones poco naturales o incoherentes:

  • Mantener el mismo estilo o tono de conversación que los demás textos del sitio web. Por ejemplo, si nuestro sitio web es informal y muy cercano, los mensajes de los plugins también debería serlo.
  • No traducir literalmente las expresiones originales, sino pensar más en la idea que transmite el mensaje en el idioma original y reescribirlo para que transmita lo mismo en el idioma destino.
  • No utilizar coloquialismos o tecnicismos (salvo que sea un sitio web de nicho). Esta recomendación se extiende también al resto de los contenidos de la página web: coloquialismos o tecnicismos muy especializados pueden ahuyentes a los nuevos visitantes del sitio web.
  • Comprobar que las traducciones se muestran correctamente. Plugins y temas tienen un espacio limitado para mostrar sus mensajes de texto. Cuando traducimos un texto, esta traducción debe mostrarse en ese mismo espacio, debiendo ser completamente legible y sin afectar ni alterar el diseño ni visualización del resto de la página web.
  • Mantener las mismas expresiones que en el sitio web. Esta recomendación ya la mencionamos anteriormente. Debemos asegurarnos que utilizamos el mismo mensaje de texto para representar expresiones como “volver”, “leer más”, “ver página siguiente”, etc.

 Plugin Loco Translate para traducir plugins y temas en WordPress

Disponemos de varios sistemas para crear, editar o modificar los ficheros de traducción .PO de un plugin o tema:

  • Utilizando un editor de ficheros .PO, como poedit, que a partir del fichero .POT del plugin o tema, nos permite asociar a cada mensaje de texto su correspondiente traducción. Cuando hayamos terminado, el editor genera el fichero .MO y lo copiaremos en la carpeta de idiomas correspondiente del servidor web.
  • Utilizando un plugin de traducción de textos, como Loco Translate, con el que podemos editar los ficheros .PO desde dentro del panel de administración de WordPress. Al terminar de hacer las traducciones, este plugin genera y guarda automáticamente el fichero .MO donde corresponda.

Cuando editamos los mensajes de texto de un plugin o tema, pueden aparecer caracteres especiales dentro de los textos originales, como los que están marcados en la siguiente imagen:

Caracteres especiales al editar mensajes de un plugin o tema en WordPress

Es imprescindible que en la traducción también incluyamos esas mismas secuencias de caracteres especiales, pues son utilizados por el tema y los plugins para añadir información adicional al mensaje de texto cuando se muestra la página web.

Por ejemplo, en la imagen anterior podemos ver que las secuencias de caracteres especiales “&#8250;” y “&#8249” de los textos en inglés a la izquierda también se incluye en los textos traducidos al español de la derecha.

Veamos ahora en el siguiente vídeo cómo instalar y utilizar el plugin Loco Translate en un sitio web activo, con un tema y varios plugins:

 

 

 Conclusiones

Prácticamente todos los plugins y temas de WordPress vienen en inglés y, cuando los instalamos en nuestro sitio web, en español, pueden aparecer mensajes de texto en inglés intercalados con nuestros contenidos en español.

Incluso aunque el plugin o tema incluya una traducción a nuestro idioma, puede ocurrir que utilice expresiones distintas para indicar una misma acción, como “Leer más” y “Seguir leyendo”, o “Volver atrás” e “Ir atrás”.

Para evitar confundir al usuario con mensajes en dos idiomas o diferentes expresiones, debemos ser capaces de poder crear, editar y modificar los mensajes de texto originales para asignarles el texto traducido que mejor encaje con nuestro sitio web.

Para poder traducir los textos de un plugin o tema, deben estar “preparados para la traducción” o “translation ready”. En este caso, el plugin o tema dispondrá de los ficheros de traducción necesarios (con extensiones .POT, .PO y .MO) para que podamos editarlos y modificarlos a nuestro idioma.

Para ello, podemos utilizar un programa externo, como poedit, que obliga a conocer la disposición interna de los ficheros de traducción dentro de las carpetas del servidor web, o un plugin, como Loco Translate, que permite hacer las traducciones a través de su panel de administración.

En uno u otro caso, debemos seguir algunas buenas prácticas de traducción, para que el texto traducido encaje tanto en el contexto del sitio web como para que los usuarios no tengan problemas para entender su significado.

La entrada Traducción de plantillas, temas y plugins en WordPress se publicó primero en Webempresa.

Cómo crear cupones en WooCommerce, ¡guía!

$
0
0

Guía para crear cupones en WooCommerce

El uso de cupones de descuento en una tienda online puede ser una buena estrategia para mejorar tus ventas.

A la hora de utilizar los cupones en WooCommerce debemos tener claro que debe ser una estrategia más dentro de tu plan de marketing, al igual que para una estrategia de descuentos en WooCommerce

Por ello siempre digo que se debe pensar muy bien para que objetivos de marketing es útil y qué tipo de cupón se debe crear, por ejemplo, los cupones pueden venir muy bien para incentivar las compras en los momento de menor tráfico.

Pero también son un buen reclamo para que aquellos que ya te han comprado vuelvan a hacerlo.

Y si la estrategia de marketing es importante también lo es crear los cupones en WooCommerce de manera correcta. Las principales cuestiones que te debes plantear son:

  • Importe del descuento que ofrecerá el cupón.
  • Si el cupón tendrá una fecha límite para ser usado.
  • Las condiciones que el cliente debe cumplir para poder usarlo.
  • Y las veces que se va a poder usar el cupón y si un mismo usuario lo va a poder usar más de una vez.

 

Cómo son los cupones en WooCommerce y cómo funcionan

Los cupones en WooCommerce son la adaptación digital de los cupones en papel de toda la vida en los supermercados.

Si en los supermercados debes llevar el cupón en papel o en el móvil de manera que en la caja puedan escanearlo y se aplique el descuento en tu compra, en el caso de una tienda online es lo mismo.

El cupón digital es un texto que puedes introducir en un apartado para tal fin en la página del carrito o en la de finalizar compra y que aplica algún tipo de descuento predefinido sobre lo que debes abonar por tu compra.

Cupones WooCommerce al finalizar una compra

Por lo tanto tenemos tres tipos de cupones posibles:

  • Descuento fijo en el carrito.
  • Descuento en porcentaje en el carrito.
  • Descuento sobre un producto.

Es verdad que a priori las opciones que ofrece WooCommerce para la creación de cupones son básicas y probablemente insuficientes para tiendas donde la estrategia de cupones es importante.

Sin embargo hay que tener en cuenta dos cosas:

  1. Que el propio extension store de WooCommerce tiene un plugin de pago para ampliar estas funcionalidades.
  2. Que no debemos confundir una estrategia de cupones con una estrategia de descuentos sobre productos y buscar esas funcionalidades en esta parte de WooCommerce ya que hay plugins potentes que pueden ser más efectivos como Conditional Discounts for WooCommerce.

Sí que voy a recomendar ampliar las funciones de los cupones a través del plugin WooCommerce Extended Coupon Features FREE.

Plugin WooCommerce Extended Coupon Features Free

Este plugin nos va a permitir tener un mayor nivel de concreción en la configuración de los cupones.

Tiene una versión de pago que resuelve algunas cuestiones avanzadas de configuración que no son del todo necesarias para conseguir una buena gestión de los cupones y si lo necesitas te dejamos este post sobre descuentos en WooCommerce.

De todas formas, el precio de este plugin es más que accesible.

Recuerda que en Webempresa no se da soporte sobre plugins de pago, por lo que si necesitas asistencia, debes contactar con el soporte del plugin.

 

Guía para crear cupones en WooCommerce

 

Activar el uso de cupones en WooCommerce

La gestión de cupones no viene activa por defecto en WooCommerce, para poderla utilizar deberás activarla desde el menú “Ajustes” de WooCommerce, en la opción “General”.

Para ello deberás marcar la opción: “Activa el uso de códigos de cupones”. Esto permite que se apliquen cupones desde las páginas de carrito y de finalizar compra.

Podemos ver otra opción: “Calcular descuentos de cupones secuencialmente”.

Esta opción implica que cuando el cliente usa más de un cupón en la compra no sume todo el descuento y lo aplique.

En lugar de eso, calcula el resultado de aplicar el primer cupón y sobre ese resultado aplica el siguiente. Y así será con todos los cupones que utilice el cliente en una misma compra.

 

Instalar el plugin WooCommerce Extended Coupon Features FREE.

Este plugin lo podemos encontrar en el repositorio de WordPress por lo que es posible descargarlo o instalarlo directamente desde el menú “añadir nuevo” en plugins.

Una vez activado, este plugin tiene una página de configuración dentro del menú “Ajustes” de WorPress. No es necesario llevar a cabo ninguna configuración en esta página.

Este plugin además añade opciones de configuración directamente en la página de creación de cupones de WooCommerce.

Podéis ver la diferencia entre la página de edición de cupones sin el plugin instalado y con este activado.

Configuración de cupón sin plugin activado

Configuración de cupón con plugin WooCommerce Extended Coupon Features FREE activado

 

Crear nuevos cupones en WooCommerce. Elegir el tipo de cupón adecuado.

Para crear un cupón debemos clicar en “Añadir cupón” dentro del menú “cupones” de WooCommerce.

La página de edición del cupón tiene distintas pestañas donde se configura todo el cupón.

Lo primero es ponerle un nombre al cupón en el campo Código de cupón. Es importante tener en cuenta que este nombre es el que tendrá que poner el cliente en la página de carrito o de finalizar compra para que se haga efectivo.

Aquí tenemos dos opciones, utilizar un texto descriptivo de la oferta como podría ser DTOSociosEnero si fuéramos a ofrecer un descuento a socios para el mes de enero, o por el contrario también tenemos un botón que genera un código alfa numérico aleatorio.

A mí siempre me han gustado más los cupones con texto descriptivo ya que los hace más personales.

La primera pestaña, “General”, es donde debemos seleccionar el tipo de cupón que queremos ofrecer.

Pestaña General para seleccionar cupón

El tipo de cupón viene determinado por el tipo de descuento y el importe de este:

  • Descuento fijo en el carrito.
  • El cupón va a proporcionar un descuento fijo sobre el subtotal del carrito.

  • Descuento en porcentaje en el carrito.
  • Proporciona un descuento equivalente al porcentaje indicado sobre el subtotal del carrito.

  • Descuento fijo de producto.
  • En este caso descuenta la cantidad indicada de cada producto del carrito.

Hay que tener en cuenta que no aplica el descuento sobre los gastos de envío. Si queremos crear un cupón que ofrezca los gastos de envío gratuitos debemos configurarlo. En el último punto de esta guía explico como hacerlo.

Y por último en esta pestaña de “General” podemos indicar una fecha de caducidad al cupón. El día que indiquéis en la configuración ya no se podrá usar el cupón. Cuidado con esto.

 

Configurar las características/condicionantes del cupón en WooCommerce

Las características y condicionantes de uso del cupón en WooCommerce se configuran en la pestaña de “Restricciones de uso”.

Configuración del cupón en la pestaña Restricciones de Uso

Los apartados que podemos configurar son:

  • Gasto mínimo y máximo.
  • Podemos establecer el gasto mínimo y máximo permitido para poder usar el cupón. Si por ejemplo quiero que el cupón se utilice para compras superiores a 100€, esa es la cantidad que tendría que poner como gasto mínimo.

  • Uso individual.
  • Debemos marcar esta casilla si no queremos que los clientes puedan usar el cupón que se está configurando junto a otros cupones de oferta.

  • Excluir los artículos en oferta.

  • Al igual que si marcamos esta opción el cupón no se aplicará a artículos que ya estén en oferta en tu tienda WooCommerce. Y si el cupón es para un descuento del subtotal del carrito no se aplicará cuando haya productos en oferta incluidos en el carrito.

  • Productos o categorías que deben estar en el carrito para que se aplique el cupón.

  • En este apartado vamos a indicar que productos concretos o algún producto de la categoría indicada deben estar en el carrito del cliente para que se aplique el cupón.

    En el caso de los productos, el primer selector es un condicional entre TODOS y UNO. Esta es una de las funcionalidades que añade el plugin WooCommerce Extended Coupon Features FREE.

    Si elegimos TODOS el cupón se podrá utilizar si todos los productos indicados en el apartado de Productos están en el carrito del cliente.

    Si elegimos UNO el cupón se podrá utilizar siempre que al menos uno de los productos indicados esté en el carrito. Y si en vez de indicar cuales deben estar podemos indicar cuales no deben estar.

    Y con el mismo funcionamiento podemos configurar el cupón por categorías de productos.

  • Productos conformes.

  • Esta es otra de las opciones que añade el plugin WooCommerce Extended Coupon Features FREE.

    Nos permite no solo elegir los productos, también podemos indicar el número mínimo y máximo de unidades que debe haber en el carrito para que se aplique el cupón.

    Y vemos que podemos restringir el uso por importe en el subtotal de los productos seleccionados en la configuración.

El resto de la configuración de nuestro cupón lo realizaremos en la pestaña “Tramitar”.

Aquí podremos elegir que el descuento se aplique si el cliente elige el método de pago y el método de envío seleccionado en la configuración del cupón.

También nos permite restringir el uso por clientes concretos, permitir o restringir según el perfil de usuario del cliente.

Configurar los límites de uso de cupones en WooCommerce

Debes prestar mucha atención a la configuración de los límites de uso del cupón ya que no hacerlo bien puede llevarte a tener pérdidas importantes. Por lo que te recomiendo que esta parte la pienses y configures con detenimiento.

Configuración Límites de uso del cupón

Vemos en la pestaña de “Límite de uso” tres apartados a completar.

  • Límite de uso por cupón.
  • En este apartado debemos indicar el número de cupones que se podrán utilizar. Si lo dejamos en blanco se podrá usar ilimitadamente.

    Este apartado es muy útil si queremos crear campañas con cupones que generen urgencia en los clientes, por ejemplo, descuento del 10% a los 100 primeros compradores. En este caso pondríamos un 100 en este apartado.

  • Limitar el uso a X artículos.
  • En este aparado vamos a limitar al número máximo de artículos al que se le va aplicar el descuento si el cupón está configurado para hacer descuento a los artículos. Un ejemplo de cupón sería, descuento de 2 € por artículo hasta un máximo de 10 artículos.

  • Límite de uso por usuario.
  • Aquí debemos indicar cuantas veces un usuario puede usar el mismo cupón en compras distintas.

 

Crear un cupón que ofrezca envío gratuito.

Como ya he comentado es importante tener en cuenta que los cupones siempre se aplican sobre el subtotal del carrito, es decir, nunca descuentan los gastos de envío.

De hecho si no se ofrece envío gratuito un pedido nunca podrá ser de cero porque siempre le sumará los gastos de envío.

Pero se puede crear un cupón que incluya los gastos de envío gratuitos.

Lo primero es marcar la casilla “Permitir envío gratuito” en la pestaña “General” de la configuración del cupón.

Y para que funcione debemos antes configurar un método de envío gratuito al que asignarle el cupón.

Lo primero es crear un método de envío gratuito en la zona de envío que se vaya aplicar. En la imagen podéis ver un ejemplo.

He creado una zona de envío para España y en ella he creado un método de envío gratuito.

Creación de un método de envío gratuito

En la configuración de este método de envío gratuito en el apartado de “El envio grautito requiere…” debemos elegir “Un cupón válido de envío gratuito”.

De esta manera nuestro cupón ofrecerá gastos de envío gratuitos.

 

Conclusiones

Crear cupones en WooCommerce es bastante sencillo siguiendo una serie de pautas que te he contado en este artículo.

Pero no solo es importante saber configurara los cupones si no tener claro que debe ser una estrategia dentro de tu plan de marketing.

A la hora de configurar cupones en tu tienda con WooCommerce debes tener claro cual es tu objetivo a cumplir con los descuentos. Debes pensar bien esa estrategia ya que una mala gestión puede llevarte a perder dinero.

Por ello redacta cual es la finalidad y características de tu oferta siempre pensando en quien va a poder usar el cupón, si el descuento será sobre el total del carrito o por productos.

Si la oferta va a incluir todo tipo de productos o algunos en concreto. También si debe haber una cantidad mínima o máxima de gasto para poder utilizarlo.

Una vez tengas clara la descripción toca configurar el cupón siguiendo las características que has definido en la descripción y siguiendo la guía que te propongo en este artículo.

 

La entrada Cómo crear cupones en WooCommerce, ¡guía! se publicó primero en Webempresa.

Viewing all 776 articles
Browse latest View live