La importancia del branding para una Tienda en Línea

Cuando abrimos una tienda en línea, nos topamos con muchos retos. Ya que en nuestro país suele haber una brecha digital en el comercio tradicional en el que aún se batalla para que un negocio pueda empezar a generar ventas por internet.

Un factor que juega un papel muy importante es el Branding, es decir un gran listado de tareas que lograran consigo no solo vender un producto que pudiesen haber comprado en cualquier otro lugar si no vender emociones que hagan sentir al cliente especial. Con esto generamos fidelización del cliente y harán que ame nuestros productos si no también la marca.

Y estamos hablando que desde personalizar los correos electrónicos que se generan automáticamente con los motores de la tienda en línea, hasta el diseño del empaque y la presentación del producto. Algo muy bien logrado por marcas como Apple donde muestran elegancia, simplicidad y calidad con un concepto muy minimalista.

A continuación te dejaremos un listado de cosas que deberías hacer para tener un buen branding en tu tienda.

  • Correos personalizados
  • Emaling
  • Diseño de empaque
  • Etiquetas o panfletos
  • Camapañas en Instagram y Facebook
  • Videos para Youtube y Tik Tok

Una historia en juegos de Rol, un pasatiempo que se popularizo en tiempos de pandemia.

Ciudad Victoria, Tamaulipas. 10 de Marzo del 2022.

Con la decadencia de cosas que se podían hacer al aire libre con las medidas de sanidad por la pandemia del Covid-19, muchos juegos digitales, series de Netflix o cualquier otra plataforma hacían de entretenimiento en casa, pero algo de lo que se volvió muy popular entre varias comunidades de gente, el que se ha coronado como más entretenido entre los juegos de meza fueron «Los Juegos De Rol».

Los juegos de rol se centran en una historia ya establecida por el juego donde tú podrás crear a tu personaje al gusto y entrar en su papel actuando y hablando como te gustaría que fuera, ganando una serie de puntaje conforme la historia avanza, conociendo paisajes hipotéticos y gente ficticia. El juego puede organizarse con 4 personas como mínimo y 8 como máximo, dependiendo que historia se este desarrollando.

Una convivencia sana y muy entretenida, sin mencionar que la diversión puede durar horas y horas, ajustando cuentas y comprando objetos que el juego te ofrece, por esta y mil razones más, los juegos re Rol se coronan en la cima de los juegos de mesa existentes.

¿Por qué necesitas una agencia SEO para tu negocio?

Tienes la marca, el equipo, el producto o el servicio que quieres ofrecer, por lo que tu negocio ya estaría listo para ser conocido en Internet. Es hora de pensar cómo y dónde promocionarse digitalmente. Al principio, construir una estrategia de marketing online puede parecer un rompecabezas roto con cien piezas incongruentes. Además, se entiende que es algo complicado y lento, pero el tiempo y el esfuerzo invertido valdrán la pena para conseguir unos buenos resultados.

Al igual que con cualquier rompecabezas, tiene más sentido comenzar con una estrategia de SEO (optimización de motores de búsqueda), el pilar fundamental para cualquier plan de marketing digital. El SEO no solo ayudará a optimizar el flujo de trabajo de tu negocio, sino que también ayudará a construir una base para todos los demás pasos de la estrategia de marketing.

¿Cómo puede ayudarte una agencia de marketing a mejorar tu negocio online?

Si tu equipo carece de conocimientos de SEO o del tiempo y los recursos para aprender e implementar una estrategia de posicionamiento web, entonces deberías considerar seriamente contratar a una agencia de marketing para que gestione este proceso. Apresurarse a lanzar una web o una tienda online puede tener consecuencias desastrosas para tu negocio, marca y clientes, así que tómate el tiempo necesario para contratar verdaderos profesionales.

Un profesional en SEO puede ayudar a cualquier empresa a ampliar sus clientes potenciales y generar más beneficios. Con una planificación excelente, consiguen generar tráfico de calidad y convertir a visitantes en clientes, ayudándose de la mejor tecnología para media la efectividad de los resultados reales.

Técnicas de SEO para promocionar tu marca

Los tres pilares para crear la imagen de una marca son el contenido, el diseño y la experiencia del usuario, y todos están estrechamente relacionados con el SEO:

  • Contenido, pero no cualquier contenido: debes promocionar contenido que esté optimizado para palabras clave relevantes, de modo que tu marca pueda ser visible para los motores de búsqueda. De esta manera, tu negocio se expone a una gran cantidad de usuarios que buscan productos y servicios específicos. Una vez que hayas producido suficiente contenido de calidad y hayas atraído un flujo constante de tráfico, tu marca puede convertirse en sinónimo de los mismos productos y servicios que ofreces. 
  • Diseño: una vez que tu marca está claramente definida, lo ideal es que los usuarios y clientes potenciales visiten un sitio web organizado y bien diseñado. El desarrollo de una web compatible con SEO significa que se optimizará para la velocidad, las imágenes, la navegación y la capacidad de respuesta móvil que pueden ayudar a aumentar la reputación y la popularidad de tu marca en los motores de búsqueda.
  • UX: al igual que al diseñar una web, debes pensar en la experiencia general del usuario. ¿Es fácil navegar por la página web de tu empresa? ¿Su arquitectura parece lógica? ¿La IU (interfaz de usuario) ofrece una experiencia de usuario fluida? Es recomendable que pruebes tu webcon varios usuarios, preferiblemente personas que no saben nada sobre tu producto y servicio, para determinar lo que piensan.

Haz crecer tu audiencia con estrategias de búsqueda

Además de la reputación de marca, también es importante que tu web y productos se posicionen en los motores de búsqueda a través de otras consultas o palabras claves que no lleven incluida la marca. Una gran campaña de SEO abarca una variedad de temas y puede ayudarte a captar clientes para aumentar tus ventas, pero también permite dar a conocer la empresa y que los usuarios se interesen por sus productos o servicios al incluir palabras clave que coinciden con todas las etapas de embudo de conversión de los usuarios. 

Una de las principales técnicas de SEO utilizadas para impulsar el crecimiento de la audiencia radica en la investigación de palabras clave. Encontrar nuevas palabras clave long tail o de cola larga e integrarlas en el contenido ayuda a encontrar más clientes potenciales. Al publicar contenido de calidad, también se genera nueva audiencia a través del SEO y las redes sociales. 

Aumento de clientes potenciales y conversiones en tu web mediante campañas de SEO

Cuando el marketing está basado en el contenido de calidad que incluya palabras clave relevantes, la estrategia de SEO de tu empresa puede atraer más tráfico orgánico de un público más específico a tu web, esto, a cambio, dará como resultado un flujo mejorado de clientes potenciales, generando más ventas e ingresos.

Aunque el uso de técnicas SEO requerirá algún tiempo antes de que comiencen a generar resultados, este proceso puede crear un flujo constante de ventas, a diferencia de los resultados instantáneos y a corto plazo de la publicidad de pago por clic.

Estas son las nuevas funciones de Google Maps

Ciudad de México, 07 de abril de 2022.- La aplicación de Google Maps constantemente se actualiza además de que hace algunos años empezó a registrar el tráfico en las ciudades para conocer la mejor vía y tiempo de llegada.

En su última actualización, la aplicación permitirá calcular el costo de los peajes, además indicará señales de tráfico para que las personas puedan identificar correctamente todas las indicaciones durante su trayecto.

Otra de las novedades es que pueden añadir widgets a la pantalla principal y obtener direcciones utilizando el Apple Watch. Sin embargo, la actualización solo estará disponible en Estados Unidos, India, Japón e Indonesia.

Actualmente la aplicación funciona mejor en dispositivos Android, por lo que señalaron se encuentran trabajando en mejorar el funcionamiento en iOS.

Surge, caché de página para todos

Si andas buscando un plugin que sirva caché de páginas de tu web para acelerar su carga deja de buscar, te presento a Surge, la solución más sencilla y potente para añadir caché de páginas a tu web.

¡Ehh, espera! ¿qué es la caché de páginas?

Vale, tienes razón, que hablamos tanto de caché que tienes que tener ya un lío considerable…

Entre las muchas estrategias de caché que puedes aplicar a tus contenidos (estáticos, objetos, opcache, memcached, proxy inverso, etc.) tenemos la caché de páginas, que es la más básica, sencilla, compatible y fácil de aplicar en cualquier hosting, pero eso no quiere decir que no sea potente.

Básicamente, lo que hace la caché de páginas es crear copias en HTML de las páginas de tu web para servirlas al segundo visitante que las quiera ver. En la primera visita a una página de tu web se crea una copia estática en HTML.

De este modo, cuando llegue un segundo visitante WordPress no tendrá que hacer consultas a la base de datos para mostrar los contenidos dinámicos de esa página, mostrándole la copia en HTML realizada.

Dicho de modo simple, la caché de páginas crea copias estáticas del contenido dinámico de tu web WordPress, acelerando de este modo los tiempos de carga de las páginas, al eliminar los tiempos de espera resultantes de las consultas dinámicas necesarias normalmente para mostrar contenidos en WordPress.

¿Ya se entiende mejor?

Bien, ¿es eso entonces lo que hace Surge?

Efectivamente, el plugin Surge, al igual que otros muchos plugins, crea versiones estáticas en HTML de tus páginas, para reducir los tiempos de carga de las mismas, ya que elimina la necesidad de que WordPress realice consultas a la base de datos para mostrar su contenido, mostrando las copias estáticas de tus entradas, páginas, etc.

Ya tengo un plugin de caché ¿por qué debería cambiar a Surge? Es más ¿debería?

Dependiendo de las estrategias de caché que estés usando en tu web deberías – o no – cambiar a usar Surge, o añadirlo a tu caja de herramientas WPO.

Si ya estás utilizando un plugin de optimizaciones y caché, que dispone a su vez de caché de páginas, como WP Rocket, SiteGround Optimizer u otros, debes primero comprobar si en estos plugins puedes desactivar su propio sistema de caché de páginas para activar (probar) Surge.

Por ejemplo, si utilizas SG Optimizer la caché de páginas (archivos) es opcional, y puedes activarla a voluntad, pero en ningún caso el hecho de activar la caché de páginas, de SG Optimizer o de Surge, significa que tengas que prescindir del resto de sistemas de caché (dinámica, memcached).

Lo que normalmente suele ser incompatible es tener activos al mismo tiempo dos sistemas de caché de páginas.

Otra situación es si ya tienes un plugin cuya única funcionalidad sea la caché de páginas, como WP SuperCache o Cache Enabler. En este caso la cosa es tan sencilla como desactivarlo y activar Surge, comprobar qué plugin funciona mejor en tu web, y decidir.

Aquí aprovecho para recordar, una vez más, que no hay un plugin de caché u optimizaciones mejor. Debes probar en cada web qué combinación de optimizaciones y sistemas de caché funcionan mejor para el tipo de contenido y objetivos del sitio.

¿Es Surge compatible con WP Rocket?

Entrando en detalle, y como es mucha gente la que usa WP Rocket, te diré que en principio no son compatibles, y de hecho WP Rocket te avisará que hay un problema.

Esto es debido a que WP Rocket tiene su propio sistema de caché de páginas, y no debes tener más de uno activo, así que el mensaje es correcto.

Ahora bien, si quieres probar cuál de los dos plugins es más efectivo con la caché de páginas puedes desactivar la caché de páginas de WP Rocket con este plugin.

¿Es Surge compatible con WooCommerce?

Todos sabemos de la importancia de que no se almacenen en caché las sesiones de una tienda online WooCommerce, para que siempre se muestren los datos del usuario actual, no ninguna versión guardada, que podría mostrar información de otro cliente ¿verdad?

Pues esto es algo que cualquier plugin de caché debe respetar, y no almacenar NUNCA en caché las páginas más delicadas de WooCommerce, a saber:

  • Mi cuenta
  • Carrito
  • Finalizar compra

Estas páginas siempre deben estar excluidas de todo sistema de caché, o sea, SIEMPRE. ¿He dicho SIEMPRE?

Y sí, Surge es compatible con WooCommerce a este respecto, respeta las cabeceras Cache-Control: no-cache de las páginas dinámicas de WooCommerce, así que no las almacenará nunca en caché.

¿Es Surge compatible con redes de sitios. (multisitio) WordPress?

Sí, totalmente, lo activas para la red y ya está.

¿Es Surge compatible con CloudFlare?

Pues sí, también. Surge es compatible con la mayoría de proxies HTML, como CloudFlare. Es más, como por defecto – salvo que actives su caché de páginas completa –  CloudFlare solo almacena en caché recursos, no páginas completas, y Surge crea caché de páginas completas, son totalmente compatibles y complementarios.

¿Se pueden excluir páginas de la caché de páginas de Surge?

Si, además de las páginas dinámicas de WooCommerce, quieres excluir otras páginas con is_page para que Surge no haga copias en caché de las mismas puedes hacerlo con un código como el siguiente:

/* Excluir paginas de cache */
add_action( 'template_redirect', function() {
if ( is_page( array( '123', '124', '125' ) ) ) {
header( 'Cache-Control: no-cache' );
}
} );

Esta función añadirá la cabecera  Cache-Control: no-cache a las páginas que indiques en la línea del array, en el ejemplo las página con los IDs 123, 124 y. 125 (también puedes usar el título de la página o el slug)

Huelga decir que esta función no funciona solo con Surge, funcionará con cualquier plugin de caché, porque lo que hace es añadir la cabecera Cache-Control: no-cache, que es estándar y respetará cualquier sistema de caché.

¿Cómo sé si está funcionando la caché de páginas de Surge?

Si ya te has animado y has instalado y activado el plugin Surge, lo siguiente es comprobar que esté funcionando correctamente, para lo que te sugiero que hagas las siguientes comprobaciones:

  1. Comprueba que en el archivo wp-config.php exista la línea define( 'WP_CACHE', true );(Surge la añade automáticamente al activar el plugin y la quita al desactivarlo)
  2. Comprueba que exista la carpeta /wp-content/cache/surge/, que es donde se almacenarán las copias estáticas de tus páginas. (Surge la crea automáticamente al activar el plugin, pero no la borra, si dejas de usarlo borra esta carpeta porque ocupará mucho espacio).
  3. Comprueba que se haya creado el archivo /wp-content/advanced-cache.php y que en la cabecera del mismo indique que es un dropin de Surge. También aparecerá en tu lista de plugins dependientes.
  4. Ve a la herramienta de salud del sitio de WordPress, que suele avisar del estado y problemas de caché.
  5. Visita en modo incógnito tus páginas y comprueba que la cabecera x-cache-enabled tenga el valor True.
  6. Comprueba la velocidad de carga de tus páginas en alguna herramienta de medición como GTMetrix, comparado con lecturas anteriores. Surge suele ofrecer tiempos de carga al menos un 70 veces más rápidos que un WordPress sin optimizar.

¿Cada cuánto tiempo se vacía la caché de Surge?

Salvo que cambies sus parámetros por defecto (lo vemos más abajo), Surge vacía la caché cada 10 minutos, y cada vez que publicas o actualizas una página/entrada.

¿Cómo se configura Surge?

Esto es lo mejor de todo, pues en Surge no tienes que configurar nada, de hecho ni siquiera tiene página de opciones o ajustes. Funciona perfecto solo con activarlo.

Ahora bien, además de lo ya visto antes, puedes aplicar algunos retoques a su funcionamiento creando un archivo de configuración personalizado para Surge.

Se hace así:

  1. Crea un archivo nuevo en la carpeta raíz de tu instalación de WordPress y llámalo, por ejemplo, configurar-cache.php.
  2. Añade al archivo lo siguiente:
    <?php
    return $config;
  3. Añade al archivo wp-config.php la siguiente línea: define( 'WP_CACHE_CONFIG', __DIR__ . '/configurar-cache.php' );. De este modo le indicamos a Surge dónde encontrar su archivo de configuración personalizada.

Y aquí empieza lo bueno. Ahora abre el archivo configurar-cache.php para editarlo, y puedes configurar el array $config con los valores que quieras cambiar. Los disponibles son los siguientes:

Clave del array Valor
ttl La cantidad de segundos que se cachea una página antes de invalidarla
ignore_cookies Un array de nombres de cookies que no harán que se excluya una página de la caché
ignore_query_vars Un array de parámetros de URL que no harán que se excluya una página de la caché
variants Un array de «variantes» de invalidación de caché (aquí tienes varias)

Configurar un tiempo de caducidad mayor

Un ejemplo de cómo usar los valores de array en el archivo de configuración sería configurar un tiempo de caducidad de la caché mayor que el que establece por defecto el plugin Surge (600 = 10 minutos). A esto se le llama el TTL (del inglés Time To Live, o tiempo de vida).

En sitios de poco tráfico tendría todo el sentido cambiar la caducidad de la caché, y que no se renueve cada tan poco tiempo ¿no?

Así, podríamos ampliar el tiempo de vida de la caché a 30 minutos (ttl de 1800), cambiando los valores del $config, de este modo:

<?php
$config['ttl'] = 1800;
return $config;

Y esto es solo un ejemplo, a partir de aquí el PHP es tu amigo 🙂

¿Cómo se vacía la caché de Surge?

Por defecto la caché de Surge se vacía al publicar entradas y páginas, pero puedes además forzar el vaciado total de la caché de páginas de 2 maneras:

  1. Activa y desactiva el plugin. Cuando lo desactivas vacía la caché.
  2. Borra la carpeta /wp-content/cache/surge/.

Bueno, creo que no me dejo nada. Solo te animo a probar Surge. Si aún no tienes en marcha ningún sistema de caché de páginas (archivos) ya estás tardando, y si ya lo tienes nunca está de más probarlo, igual te llevas una agradable sorpresa y funciona mejor que el actual.

Por si no lo habías adivinado ya, Surge es totalmente gratuito.

WordPress.com simplifica los precios de alojamiento

Con no pocas quejas, el servicio WordPress.com de alojamiento web con WordPress pre-instalado de la empresa Automattic ha cambiado totalmente su política de precios sin previo aviso.

El último día de marzo de 2022 lanzó sus nuevos planes de precios, que pasan de 5 planes (Grátis, Personal, Premium, Plus, Ecommerce) a solo 2 planes (Gratuito y Pro) y con rebajas de prestaciones y subida de precios.

Así, el plan Grátis, que antes disponía de 3 Gb de almacenamiento, en la nueva configuración, el plan Gratuito, pasa a tener solo 1 Gb disponible (en realidad inicialmente era de solo 500 Mb pero ante las tremendas quejas de los usuarios lo subieron rápidamente a 1 Gb). Y esto es solo un ejemplo…

El drama del plan Personal

Pero lo más relevante es la desaparición del plan Personal, refugio de muchos blogueros a la hora de disponer de un sitio WordPress con cero preocupaciones pero con su propio dominio y sin publicidad inyectada por el servicio de Automattic.

Por el módico precio de 4 € al mes podías tener una web WordPress con tu propio dominio, sin publicidad ajena y 6 Gb de almacenamiento, todo sin tener que preocuparte de alojamiento, seguridad, instalaciones o actualizaciones, listo para escribir.

Ahora solo está disponible el plan Gratuito, con subdominio.wordpress.com, aunque han anunciado la posibilidad futura de vender ampliaciones, entre las que estaría la de usar tu propio dominio, con pago adicional (además del coste del dominio).

Otra limitación importante es el raquítico 1 Gb de almacenamiento del plan Gratuito, que muchísimos usuarios del anterior plan grátis ya han superado con creces a lo largo de años de uso y que, de momento, se ha dicho que no se les borrará el contenido (solo faltaría).

Así que la única opción ahora mismo para los usuarios que quieran seguir usando WordPress.com con su propio dominio y sin publicidad, es pasarse al plan Pro, por 15 € al mes (pago anual), eso sí, sin publicidad ajena, y ya pudiendo instalar plugins, temas, con correo electrónico, acceso SFTP, etc.

Rebaja en los planes profesionales

Sin embargo, como contrapartida, desaparecen los múltiples planes más profesionales (Premium, Plus y Ecommerce), lo que sí me parece una buena decisión, pues era realmente confuso distinguir entre unos y otros, y era muy habitual que un usuario empezase su web con un plan y quisiese pasar al siguiente nada más ver que no cumplía con sus expectativas, ya fuese por plugins, funcionalidades o libertades de creación.

Así, pasa a unificarse todo en un plan Pro que, por solo 15 € al mes (pago anual), tiene casi todas las prestaciones del plan superior, el antiguo plan Ecommerce, y así ya no hay dudas, pues es el plan más parecido (casi) a lo que tendrías contratando tu propio alojamiento con un WordPress completo, incluido el acceso SFTP.

Siguen habiendo algunas limitaciones frente a un WordPress completo, como no tener acceso a la base de datos, ni al editor integrado de plugins y temas, o la libertad de instalar y desinstalar cualquier plugin, pues WordPress.com prohibe el uso de una cantidad ingente de plugins. Y, como siempre, la mayor diferencia entre WordPress.com y WordPress.org es la libertad, pues en WordPress.com estás restringido a sus políticas y condiciones.

Cambian algunas cosas, como que ahora pasarás de tener 200 Gb de almacenamiento del anterior plan Ecommerce a solo 50 Gb (un intermedio entre el antiguo plan Premium de 13 Gb y el plan Plus de 100 Gb)

Sin término medio

Aunque me ha parecido buena idea la simplificación de planes creo que se les ha ido un poco la mano, pues con 3 planes la jugada habría salido prácticamente perfecta:

  1. Plan Gratuito
  2. Plan Personal (dominio propio y sin publicidad inyectada)
  3. Plan Pro

Con esto se habrían paliado la mayoría de las críticas que estoy leyendo desde el anuncio de los nuevos planes de precios, pues se podrían compensar de algún modo las limitaciones del plan personal con la unificación de los 3 planes profesionales (Premium, Plus y Ecommerce) en un el plan Pro.

La solución: WordPress.org

Cómo no, la solución pasa por dejar de usar el WordPress descafeinado que ofrece WordPress.com, con limitaciones de acceso, plugins y libertades, y decidirse por fin a usar WordPress (.org) en toda su amplitud, prestaciones, posibilidades y libertades.

Las antiguas limitaciones y miedos a la hora de usar un WordPress completo, por el tema de instalaciones, actualizaciones, etc., actualmente no tienen prácticamente sentido si eliges bien una empresa de alojamiento especializada en WordPress que te ofrezca:

  • Certificados SSL gratuitos instalados automáticamente.
  • Instalación automática de WordPress.
  • Actualizaciones automáticas de WordPress, plugins y temas.
  • Copias de seguridad automáticas diarias.
  • Soporte profesional.

Y, si llega el momento en que tu negocio crece al punto en que necesites más apoyo profesional siempre puedes contratar un servicio de mantenimiento WordPress que se ocupe de toda la parte técnica y tú dedicarte a tu negocio.

Por otra parte, si no quieres perder todo lo que tenías ya en WordPress.com, las migraciones de WordPress.com a WordPress.org son realmente sencillas y sino siempre puedes contratar a alguien que haga la migración por ti.

Efecto Parallax – Guía completa de cómo aplicarlo en WordPress

Uno de los recursos visuales más empleados actualmente es el efecto parallax o de paralaje, pues aporta dinamismo a las secciones de la web en las que se utilice, convirtiendo contenido estático en atractivos elementos que se mueven con la navegación del usuario.

Qué es el efecto parallax

El efecto parallax no es nuevo, proviene de los antiguos videojuegos, y se refiere al efecto de elementos que se mueven sobre un fondo que permanece fijo.

Es un efecto en el que los distintos elementos de una misma sección están como en distintas capas, y se mueven independientemente unos de otros, permaneciendo algunos fijos mientras otros se mueven a distintas velocidades encima o detrás del resto.

El ejemplo más simple, y también mas habitual en las webs actuales es una sección con una imagen o vídeo de fondo sobre la que se mueven, al hacer scroll el usuario, otros elementos superpuestos, como textos o botones.

Cómo aplicar el efecto parallax en WordPress

Lo mejor de todo es que puedes aplicar efectos parallax en WordPress de muy distintas maneras, y casi todas de modo muy sencillo, sin tener que aprender a programar con la mayoría de métodos.

¿Los vemos?

Aplicar efecto parallax en WordPress con temas

Hay montones de temas que ofrecen secciones por defecto que ya incluyen efectos parallax. Con estos temas solo tienes que añadir la sección y esta ya dispone de los controles necesarios para crear el efecto parallax, mientras que tú solo tienes que elegir los distintos elementos de la sección, los fijos y los que «flotarán» al navegar.

Algunos temas gratuitos que encontrarás que ofrecen este tipo de secciones parallax son los siguientes:

Aplicar efecto parallax con Elementor

Si usas el maquetador Elementor, tanto en su versión gratuita como en la Pro, puedes aplicar efectos parallax de manera muy sencilla a cualquier sección, modificando el estilo para hacer fijo el adjunto de la misma, ya sea una imagen o un vídeo.

Aplicar efecto parallax con Divi

Si utilizas Divi también puedes aplicar efecto parallax de manera realmente sencilla.

Solo tienes que abrir el apartado del fondo de la sección con la imagen a la que quieras aplicar el efecto de parallax (paralaje) y elegir entre los 2 métodos de aplicar paralaje:

  • Paralaje verdadero
  • CSS

Ambos métodos aplican el efecto parallax pero aplicando de manera diferente el efecto:

  • El paralaje verdadero utiliza JavaScript para aplicar distintas velocidades a los elementos.
  • El paralaje CSS solo usa estilos CSS y el efecto es menos impactante en según qué secciones.

Por cuestiones de rendimiento y optimización de carga es más ligero el método de paralaje por CSS, pero en ocasiones querrás el paralaje verdadero para efectos de impacto.

Aquí tienes los 2 métodos aplicados, para que veas las diferencias. Haz clic en la galería para ver el efecto…

Aplicar efecto parallax en WordPress con plugins

¿No usas Elementor, Divi ni un tema que venga ya con secciones parallax? No hay problema, también tienes plugins con los que aplicar el efecto parallax.

Un par de ellos realmente interesantes son los siguientes:

Parallax Section block

Este es muy interesante y sencillo de utilizar, solo tienes que hacer lo siguiente:

  1. Instalas y activas el plugin
  2. En el editor de bloques de WordPress añade el bloque «Parallax section block» que encontrarás en el grupo de widgets.
  3. Personaliza el comportamiento del efecto parallax en los ajustes del bloque «Parallax section block»
  4. Dentro de este bloque añade cualquier otro bloque estándar o personalizado, que heredarán el efecto parallax del bloque del plugin.

Advanced WordPress Backgrounds

Este otro plugin no solo te permite añadir efectos parallax con bloques sino también con el editor clásico, incluso con el famoso maquetador WP Bakery.

Permite aplicar todo tipo de efectos parallax a imágenes, vídeos y fondos de color, con montones de ajustes y posibles personalizaciones, tanto mediante el bloque que añade al editor, como mediante el generador de shortcodes del editor clásico.

Aplicar efecto parallax en WordPress sin plugins ni temas

Bueno, y llegamos al final de esta guía, y ya solo nos queda una posibilidad, y es la de aplicar el bonito efecto parallax pero sin usar maquetadores, ni plugins, ni temas específicos, usando WordPress con cualquier tema.

El proceso es muy sencillo, y solo requiere que uses el bloque o editor HTML y copiar y pegar un poco de CSS ¿nos animamos? Verás qué fácil es…

Sube la imagen de fondo

Lo primero es subir la imagen que usaremos como fondo del efecto parallax. Súbela como harías normalmente y copia la URL, porque la usaremos a continuación.

Un poco CSS

Ahora vamos a crear los estilos CSS que harán posible el efecto parallax, creando unas clases que luego usaremos en el HTML y, muy importante, poniendo como imagen de fondo la URL que antes copiamos.

Sería tal que así:

.paralaje { 
background-image: url("http://midominio.com/wp-content/uploads/2022/04/mi-imagen-de-fondo.jpg");
height: 100%; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-410px;
margin-right:-410px;
}

.contenido-paralaje { 
width:50%;
margin:0 auto;
color:#FFF;
padding-top:50px; 
}

Este CSS es un ejemplo, aplica los cambios de estilos CSS que consideres que mejor encaja con el diseño de tu web.

El CSS añádelo en la sección de CSS adicional del personalizador de WordPress (Administración de WordPress → Apariencia → Personalizar → CSS adicional) y publica los cambios.

Un poco de HTML

Ahora que ya tenemos definidas y aplicados estilos a las clases CSS que aplicarán el efecto parallax, solo nos queda editar el contenido que irá sobre el fondo especificado en el CSS.

Mi consejo es el siguiente:

  • Si usas el editor clásico crea primero el contenido que irá sobre el fondo con parallax, usando el editor visual, al modo en el que lo hagas habitualmente. Luego, cuando lo tengas, añade los divs (ver abajo)en la pestaña del editor HTML, encima y debajo del contenido creado.
  • Si usas el editor de bloques crea el contenido que irá sobre el fondo con parallax con tus bloques habituales y, cuando lo tengas, edítalo como HTML y añade los divs (ver abajo).

De este modo es del que cambiarás menos tu modo habitual de trabajar.

Así sería un ejemplo con el editor clásico:

Y así con el editor de bloques:

Ahora, cuando ya tengas tu contenido que irá sobre la imagen de fondo con parallax, el HTML a añadir es este:

<div class="paralaje">
<div class="contenido-paralaje">

Aquí está tu contenido...

</div>
</div>

Y tendrás tu efecto parallax sin plugins ni temas, solo con HTML, un poco de CSS y tu editor de WordPress.

Cómo mostrar un mensaje de «Hay x personas viendo este producto» en tu tienda online WooCommerce

Entre las muchas estrategias de incentivación de la venta por impulso y aumento de conversiones hay una que funciona muy bien y que habrás visto en algunas de las tiendas online más populares es la generación de urgencia, de ansiedad por la compra.

Cómo generar compras de impulso por sensación de carencia o urgencia

De estas estrategias, hay varias que funcionan muy bien. Una de ellas es la sensación de carencia, normalmente provocada cuando el cliente quiere adquirir un producto o servicio y observa que quedan pocas existencias.

Esto es muy fácil de conseguir, simplemente manteniendo el inventario en números bajos, y teniendo configurado WooCommerce para que muestre un mensaje cuando hay pocas existencias.

Hay otro método adicional, aún mas potente, para generar ansiedad y urgencia y es mostrar un mensaje al visitante en el que se indique que «hay x personas viendo este producto ahora mismo».

Este tipo de avisos, si ademas lo unimos a la sensación de carencia comentada antes, puede impulsar las ventas de impulso de nuestros productos más populares.

Cuando el cliente se encuentre este tipo de mensajes, si realmente tiene un cierto interés en el producto, se le genera una sensación de urgencia difícil de controlar.

Solo imagina que estás reservando a última hora un alojamiento para tus vacaciones, has encontrado el apartamento perfecto y ves en la página del producto que solo queda un alojamiento disponible y además que hay otras 20 personas viendo el alojamiento en ese mismo momento. Mucha templanza debes tener para no reservar a toda hostia ese «preciado» alojamiento.

Entonces … ¿cómo se añaden esos mensajes de cuántas personas están viendo el producto?

Cómo mostrar un aviso de la cantidad de personas que están viendo un producto

Al contrario que con el truco anterior, WooCommerce no ofrece por defecto un modo de mostrar cuántos visitantes están viendo un producto, así que tenemos que recurrir a plugins que cubran esta carencia.

Y uno que funciona muy bien y es totalmente gratuito es Counter Live Visitors for WooCommerce, de Daniel Riera.

Solo tienes que instalar y activar el plugin y por sí solo ya mostrará los visitantes que están viendo un producto, incluido el propio usuario. O sea, que si estás viendo tú solo el producto el plugin te dirá que «Hay 1 persona viendo este producto» y, en cuando haya otro visitante más ya te dirá que hay 2 personas viéndolo.

Pero la diversión no acaba aquí…

El plugin tiene una página de ajustes escasa pero más que suficiente, con algunas opciones muy interesantes.

Modo normal, modo directo y modo usuarios falsos

Antes de nada debes conocer los 3 modos de funcionamiento del plugin, con sus peculiaridades:

  • Modo normal – Este es el modo por defecto del plugin nada más instalarlo, y mostrará la cantidad de personas viendo el producto en cada recarga de la página del producto.
  • Modo directo – Activando el modo directo se generan peticiones que actualizarán la visualización de los visitantes viendo el producto en tiempo real, sin tener que recargar la página. Puedes configurar cada cuantos segundos se producirá la petición y actualización automática de la visualización de usuarios viendo el producto. Esto consume bastantes recursos, pues genera peticiones AJAX, por por otra parte es muy potente ver cómo van aumentando los visitantes viendo el producto mientas el cliente decide si lo compra o no. La ansiedad se multiplica si cada vez hay más usuarios viendo la página del producto.
  • Modo de usuarios falsos – ¿Tu tienda tiene aún pocos visitantes? Con este plugin puedes igualmente generar esa inquietud, esa ansiedad por la compra mostrando cantidades aleatorias de usuarios falsos. Solo tú sabrás que no son reales, y el efecto de urgencia en tus visitantes será el mismo. Con este modo activo puedes configurar el umbral de usuarios que se mostrará, por ejemplo, entre 2 y 30, o lo que tú creas conveniente. Este valor cambiará automáticamente cada 25 minutos, para una sensación más real.

En la siguiente captura tienes los ajustes disponibles para el modo de usuarios falsos.

Más ajustes

Pero hay más ajustes interesantes, en la administración de tu tienda online, en el menú WooCommerce → Contador de visitas, que debes revisar sí o sí, para una experiencia personalizada para tu tienda online.

  • ¿Tu sitio usa un sistema de caché? – Si tienes activo algún sistema de caché activa este ajuste y, a continuación, añade wcvisitor a las excepciones de caché.
  • ¿Con qué frecuencia hay que actualizar el número de usuarios del producto? – Si tienes activo el modo directo aquí puedes cambiar el valor por defecto de las actualizaciones (5 segundos) al valor que consideres más adecuado para tu tipo de visitantes y recursos de tu servidor.
  • Duración – Con este valor (en milisegundos) estableces cada cuánto tiempo se considera que un usuario está inactivo, y debería quitarse del contador de personas visualizando el producto.
  • Posición – Aquí puedes seleccionar dónde se visualizará el mensaje de cuantos usuarios están viendo el producto. Las opciones son las siguientes:
    • Después del botón del carrito (por defecto)
    • Antes del botón del carrito (como está en mis capturas)
    • Antes de los datos meta del producto
    • Antes del texto de resumen del producto
    • Después del texto de resumen del producto (similar a antes del botón de añadir al carrito pero un poco más arriba, sobre el valor de inventario)
    • En la miniatura del producto (debajo de la imagen destacada del producto.
    • Shortcode [wcvisitor] (si lo prefieres puedes usar este shortcode donde quieras que se muestre el mensaje, ideal si usas maquetadores)
  • Icono – Por defecto se mostrará el icono del ojo antes del número del usuarios pero puedes cambiarlo a otro de la biblioteca Font Awesome.
  • ¿Problemas con el icono? – Si por defecto compruebas que no se carga ningún icono activa esta casilla y el plugin cargará la biblioteca Font Awesome.
  • Mensaje para más de un usuario / para un solo usuario – En estas cajas puedes personalizar el texto a mostrar en el mensaje.

¿Debería activar el modo de usuarios falsos?

Vistas las funcionalidades y oportunidades que ofrece este fantástico plugin hay una cuestión que debes valorar antes de usar todo su potencial. Me refiero, en concreto, a la opción de activar el modo de usuarios falsos, ciertamente tentador ¿verdad?

Pero hay una pega, y es que este tipo de técnicas no son éticas, ni siquiera legales en la mayoría de países. Allí donde haya una legislación de protección del consumidor que penalice cualquier tipo de informacion falsa sobre ventas y/u opiniones de clientes estarás incumpliendo la ley, además de mintiendo a tus clientes.

Así que, aunque tengas ahí la opción disponible, tentándote cada vez que la veas, como pizza recién sacada del horno, evítalo, y mejor muestra los usuarios reales, en el modo normal o el modo directo.

Cómo traducir textos de WordPress, temas y plugins sin programar ni instalar pesados plugins

Índice de contenidos

El problema

Cuando tienes una web WordPress y descubres que hay textos que no están traducidos a tu idioma ,del mismo WordPress, un plugin o el tema, la solución suele ser alguna de estas 3:

  1. Pedir al autor que traduzca el texto a tu idioma
  2. Traducir el texto mediante programación
  3. Instalar un plugin como Loco Translate o WPML para traducir el texto

Ahora bien, estos métodos tienen cada uno sus respectivos problemas …

  1. El autor no siempre está por la labor de ofrecer traducciones.
  2. No tienes conocimientos de programación o no te atreves a tocar código
  3. Los plugins de traducción consumen muchos recursos pues añaden mucho más que la traducción manual de textos

La solución más sencilla para estos problemas es un plugin que descubrí hace poco en la web de un cliente al que le hacemos mantenimiento, y da respuesta a la necesidad de traducir textos a tu idioma de manera sencilla y ligera.

La solución

El plugin se llama Gettext override translations y ofrece una interfaz sencilla en la que sustituir textos originales de WordPress, temas y plugins instalados en tu web por los textos que tú quieras que se muestren.

Por ejemplo, acabas de activar un tema nuevo y ves que faltan cosas por traducir…

Pues es tan sencillo como pasarte por la página del plugin en Plugins → Gettext override translations y empieza a añadir tus traducciones/sustituciones de textos.

Es importante que marques la casilla de «Protect setting?» por 2 motivos:

  1. Poder revisar las traducciones posteriormente
  2. Que las traducciones se guarden de manera consistente

Cuando añadas tus traducciones/sustituciones estas aparecerán ya en tu web cambiadas por tu texto.

Restricciones

Ahora bien, el plugin no es capaz de traducir todo, pues no traducirá/sustituirá textos que contengan valores dinámicos. Por ejemplo, en la captura que he utilizado el tema muestra 2 tipos de textos:

  • Read full – Texto normal, que no depende de ningún valor dinámico.
  • views / comments – Texto dinámico, que puede cambiar dependiendo de la cantidad (de views o comments)

Esto es debido a que en el código de temas y plugins estos textos vienen precedidos del caracteres dinámicos %s o %d, que serán sustituidos por una cantidad (vistas, comentarios, etc.) y este plugin no traducirá cadenas con estos caracteres, pues un error podría arruinar completamente el tema o plugin.

Así, si el plugin detecta que en el texto a traducir hay una cadena de este tipo, por ejemplo «%d views» no traducirá views por tu texto, no tocará esa cadena de texto/programación.

Eso sí, el resto de cadenas de texto que no lleven esos caracteres dinámicos los traduce todos sin problema, y es una solución sencilla y ligera a un problema que te vas a encontrar en montones de ocasiones al activar plugins y temas.

Para sustituir/traducir cadenas de texto complejas, incluso dinámicas, entonces ya tienes que recurrir a plugins como WPML, Loco Translate o alguna de estas guías:

Descargas gratuitas rápidas sin finalizar compra en WooCommerce

Si ofreces productos digitales de descarga gratuita en tu tienda online WooCommerce ya deberías saber que para tus usuarios es un engorro innecesario tener que pasar por la página de finalizar compra para poder descargar tus archivos ¿o no lo sabías?

Vale que tiene sus ventajas hacer pasar a los usuarios por la página de finalizar compra, como por ejemplo forzar a que se registren, y así enviarles posteriormente tus fantásticas ofertas … igual ya no tan gratuitas, pero si no es el caso, si no vas a realizar esta inteligente y «novedosa» acción de marketing es totalmente inútil y molesto hacer que tus visitantes tengan que realizar todo el proceso de compra solo para descargar un producto digital gratuito.

Además, que para captar clientes para mandarles ofertas hay otras maneras de hacerlo, pero no adelantemos acontecimientos…

Por qué deberías plantearte ofrecer un botón de descarga rápida para productos digitales gratuitos

Volviendo al objetivo inicial, si tienes en tu tienda online productos digitales de descarga gratuita, puedes ofrecer un método de descarga rápida, evitando que el usuario pase por todo el proceso de …

  1. Añadir al carrito
  2. Ir a la página de finalizar compra
  3. Rellenar datos de facturación
  4. Finalizar compra
  5. Descargar (por fin) el producto digital gratuito.

¡Un peñazo!

¿A qué sería mejor para tus visitantes algo así?…

Y que al hacer clic en el botón se descargase el producto digital gratuito de inmediato… pues vamos a ello…

Cómo ofrecer descargas gratuitas sin tener que pasar por la página de pago de WooCommerce

La solución es sencilla, instala y activa el plugin Free Downloads WooCommerce, verás que ricura.

Una vez activo debes pasarte por su página de configuración, pues tiene montones de ajustes, a cuál más interesante. Y los vamos a ver en detalle…

Ajustes generales

 

Aquí tienes lo fundamental, a saber:

  • Textos de los botones – Aquí puedes personalizar los botones de descarga y visualización, tanto si el usuario está registrado como si no.
  • Mostrar el botón solo a usuarios registrados – Esto es perfecto si sigues queriendo ofrecer descargas gratuitas rápidas, pero solo a usuarios registrados, incitando al registro de los nuevos visitantes. También puedes personalizar el texto a mostrar.
  • También permitir descargas en los listados de productos – Para facilitar aún más las descargas.
  • Incluir también artículos con precio actualmente en oferta gratuita – Para esas ofertas…
  • Solo para productos incluidos/excluidos – Por defecto el plugin se aplica a todos los productos, pero con estas casillas puedes configurarlo para que solo ofrezca descargas rápidas gratuitas de productos concretos, por inclusión o por exclusión, lo que te sea más rápido. Si activas alguna de estas casillas tendrás una nueva caja meta en el editor de productos para incluir/excluir cada producto de las descargas rápidas.
  • Contador de descargas – Por si quieres mostrar un conteo de las descargas de cada producto digital gratuito.
  • Clases y CSS – Aquí puedes añadir clases y CSS personalizados a los botones y enlaces, si fuese necesario.

Solo con esto ya consigues lo que buscábamos, de ofrecer botones de descarga rápida para productos digitales gratuitos, pero aún puedes configurar algunos aspectos más al detalle.

Archivos únicos

En los ajustes para archivos únicos puedes elegir la visualización del enlace de descarga como botón o enlace, especificar el texto del botón o el enlace, si quieres mostrar el nombre del archivo e incluso si quieres que se genere un archivo ZIP automáticamente de tus archivos digitales, por ejemplo para los PDF.

Múltiples archivos

Si tu producto ofrece varios archivos para descarga gratuita también puedes elegir el modo de visualización de las descargas, aquí con más opciones:

  • Solo enlaces
  • Botón único (para descargar todos)
  • Botón + casillas de selección (para elegir cuáles descargar)
  • Botón + enlaces (lo mismo)
  • Botón + nombres de los archivos (idem)

Luego puedes personalizar los distintos textos según el tipo de visualización.

El resultado es genial del todo:

Productos ya adquiridos

¿Quieres también personalizar la visualización cuando el usuario ya haya adquirido previamente el producto digital gratuito? También puedes, incluso añadiendo una insignia bien visible para el usuario.

Vista rápida

Esta funcionalidad, en fase beta, te permite activar un nuevo botón, que podrás personalizar tras activar la característica, de vista rápida del producto, y así evitarte el uso de este tipo de plugins.

Visor de PDF

Para finalizar, puedes activar el visor de archivos PDF para que, en vez de descargarse los productos digitales que sean un PDF, el usuario pueda visualizarlos en una ventana del navegador y luego, si quiere, ya descargarlos o imprimirlos directamente.

Este ajuste es algo rarito pues, como indica en la documentación, lo que hace el plugin es crear una especie de duplicado del archivo PDF mediante la vista previa de PDF de Google Docs, para proteger tus archivos originales, y luego los borra al cabo de 1 hora.


Al final lo que puedes ofrecer con este plugin, también gratuito, como tus descargas, es un modo rápido, sencillo y muy personalizable de ofrecer descargas rápidas de tus productos digitales gratuitos, sin tener que estar haciendo pasar a los visitantes de tu tienda online por todo el largo y tedioso proceso de compra habitual.