Visser Labs – Plugins de WooCommerce

  1. Inicio
  2. Base de conocimiento
  3. Inicio de sesión personalizado para WooCommerce
  4. Cómo configurar el panel promocional en tu página de inicio de sesión de WooCommerce
  1. Inicio
  2. Base de conocimiento
  3. Primeros pasos
  4. Cómo configurar el panel promocional en tu página de inicio de sesión de WooCommerce

Cómo configurar el panel promocional en tu página de inicio de sesión de WooCommerce

Cada cliente que inicia sesión ve tu página de inicio de sesión, por lo que es un buen lugar para una oferta o anuncio. Pero si dejas el panel de promociones con su texto inicial, tus clientes verán "¡Obtén el mejor plugin de WooCommerce gratis!" en lugar de tu propio mensaje. Custom Login for WooCommerce te permite reemplazarlo, desactivarlo o rotar varios mensajes.

Este artículo cubre la pestaña Contenido: activar o desactivar el panel de promociones, configurar el encabezado, el texto del botón y el enlace, y rotar los mensajes promocionales. Los colores, el diseño móvil y las plantillas tienen su propia configuración y no se cubren aquí.

Prerrequisitos

RequisitoDetalles
ComplementoCustom Login for WooCommerce instalado y activo
WooCommerceInstalado y activo
AccesoUna cuenta que puede administrar la configuración de WooCommerce

Si aún no has configurado el plugin, empieza con el artículo Primeros pasos con Custom Login for WooCommerce.

Paso 1: Abre la pestaña Contenido

  1. Ve a WooCommerce → Custom Login en tu administrador de WordPress.
  2. Haz clic en la pestaña Contenido.

La pestaña tiene dos secciones: Contenido Promocional y Contenido Rotatorio.

Paso 2: Activa o desactiva el panel de promociones

En la sección Contenido Promocional, usa el interruptor Habilitar sección de promoción.

Activado es el valor predeterminado. El panel de promociones se muestra junto al formulario de inicio de sesión. En la plantilla Tarjeta Centrada, el panel solo se muestra en teléfonos y solo con Apilar debajo del formulario de inicio de sesión.

Desactivado oculta el panel en la página de inicio de sesión. Los otros campos de esta sección también se ocultan.

Tu texto se guarda mientras el interruptor está desactivado. Así que cuando lo vuelvas a activar, tu encabezado, botón y mensaje seguirán ahí.

La sección Contenido Promocional rellenada con una oferta de envío gratuito, con el interruptor Habilitar sección de promociones, los campos Encabezado de promoción, Texto del botón, URL del botón y Contenido de promoción numerados cada uno

Los campos comienzan con el texto de inicio del plugin y un enlace #. Reemplaza cada uno con tu propia redacción en los pasos a continuación.

Paso 3: Configura el encabezado de la promoción

Escribe tu titular en el campo Encabezado de Promoción, por ejemplo Envío gratuito en pedidos superiores a 50 €. El encabezado aparece en texto grande en la parte superior del panel. Solo acepta texto plano.

Introduce las palabras que quieres en el botón en Texto del Botón, por ejemplo Comprar la oferta. Pega la dirección completa que debe abrir el botón en URL del Botón, empezando por https://.

El botón abre tu enlace en una nueva pestaña del navegador. Por lo tanto, si dejas URL del Botón vacía, el botón apunta a # y abre una nueva pestaña mostrando de nuevo tu página de inicio de sesión. Añade siempre un enlace.

El botón siempre se muestra. Si borras Texto del Botón, la página de inicio de sesión muestra el texto predeterminado del botón, Más información.

Paso 5: Escribe el mensaje de la promoción

Escribe el texto de apoyo en Contenido de Promoción. Aparece debajo del encabezado. Puedes añadir HTML básico, como <strong> para negrita y <a href="..."> para enlaces. Las líneas en blanco inician un nuevo párrafo.

Paso 6: Rota los mensajes promocionales (opcional)

La rotación te permite mostrar un mensaje diferente cada vez que alguien abre la página de inicio de sesión. Úsala para compartir varias ofertas sin elegir solo una.

  1. Desplázate hasta la sección Contenido Rotativo.
  2. Activa Habilitar rotación.
  3. Haz clic en Añadir elemento.
  4. Rellena los campos Encabezado, Texto del botón, URL del botón, URL de la imagen y Contenido del elemento.
  5. Haz clic en Añadir elemento de nuevo por cada mensaje adicional.

Cada elemento muestra un número, como #1, y un botón Eliminar. Haz clic en Eliminar para borrar un elemento que ya no quieras.

La sección Contenido Rotatorio con Habilitar rotación activado, un artículo rellenado y un artículo vacío, con el botón Eliminar, el campo URL de la imagen, un campo Encabezado vacío y el botón Añadir artículo numerados

Así es como funciona la rotación:

Orden aleatorio. La página de inicio de sesión elige un elemento al azar cada vez que se carga. No cambia mientras alguien está mirando la página, y no sigue un orden. Por lo tanto, el mismo elemento puede aparecer dos veces seguidas.

Texto de reserva. Si dejas vacío el encabezado, contenido, texto del botón o URL del botón de un elemento, la página de inicio de sesión utiliza el campo correspondiente de Contenido Promocional en su lugar.

Imágenes. El campo URL de la imagen solo existe en los elementos rotativos. El plugin no tiene un botón de carga, así que primero añade la imagen a tu Biblioteca de Medios. Luego pega su URL del archivo en el campo. Los elementos sin imagen no muestran imagen.

Sección de promociones requerida. La rotación solo se muestra cuando Habilitar sección de promociones está activado. Si la sección de promociones está desactivada, los elementos rotativos tampoco se muestran.

Aún no hay elementos. Si la rotación está activada pero no has añadido ningún elemento, la página de inicio de sesión muestra tu Contenido Promocional principal en su lugar.

Cuando la rotación está activada, los elementos reemplazan el mensaje promocional principal en la página de inicio de sesión. Tus campos de Contenido Promocional siguen siendo importantes, ya que rellenan cualquier vacío en un elemento.

Paso 7: Guarda tus cambios

Haz clic en Guardar configuración en la esquina superior derecha de la página. Un mensaje de “Configuración guardada” lo confirma. El botón aparece en las pestañas Plantilla, Diseño y Contenido.

Paso 8: Comprueba tu página de inicio de sesión

Cierra sesión o abre una ventana de navegador privada. Luego visita tuTienda.com/login. Si la rotación está activada, recarga la página varias veces para ver diferentes elementos.

El formulario de inicio de sesión a la izquierda y el panel de promoción a la derecha, mostrando el encabezado de envío gratuito, el mensaje y el botón Comprar la oferta numerados cada uno

Solución de problemas

Mi nuevo texto promocional no se muestra en la página de inicio de sesión
Primero comprueba que has hecho clic en Guardar configuración. Luego recarga tuTienda.com/login en una ventana de navegador privada. Si usas un plugin de caché o una caché en todo el sitio, borra también esa caché.
El panel de promociones ha desaparecido de mi página de inicio de sesión
Abre la pestaña Contenido y comprueba que Habilitar sección de promociones esté activada. Luego, revisa tu plantilla en la pestaña Plantilla. La opción Tarjeta centrada no muestra el panel de promociones en pantallas de ordenador. Si usas otra plantilla y el panel sigue sin mostrarse en un teléfono, revisa Mostrar promociones en móvil en la pestaña Diseño. La configuración predeterminada, Ocultar en móvil, oculta el panel en pantallas pequeñas.
Mi botón de promoción abre la página de inicio de sesión de nuevo en una pestaña nueva
Eso ocurre cuando URL del botón está vacío, porque el botón apunta entonces a #. Pega la dirección completa que quieras, empezando por https://, en URL del botón y haz clic en Guardar configuración. Si usas rotación, revisa también el campo URL del botón del artículo.
El panel muestra “¡Consigue el mejor plugin de WooCommerce gratis!” en lugar de mi texto
Ese es el encabezado predeterminado. Aparece cuando Encabezado de promoción está vacío, o cuando tus cambios no se han guardado. Escribe tu propio encabezado y haz clic en Guardar configuración. Lo mismo se aplica a Contenido de promoción. Si lo borras, la página muestra el mensaje de inicio “Usado por más de 25.000 tiendas WooCommerce en todo el mundo…”.

Preguntas frecuentes

¿Puedo ocultar el botón de promoción?
No. El botón siempre se muestra. Un campo Texto del botón vacío recurre a Más información. Desactiva Habilitar sección de promociones para ocultar todo el panel.
¿Puedo añadir una imagen al panel de promoción principal?
No. Las imágenes solo funcionan en los artículos que rotan, a través del campo URL de la imagen. Activa Habilitar rotación y añade un artículo para usar una.
¿El panel de promoción se muestra en los teléfonos?
No por defecto. La configuración Mostrar promociones en móvil en la pestaña Diseño lo oculta en pantallas pequeñas. Elige Apilar debajo del formulario de inicio de sesión para mostrarlo debajo del formulario en su lugar.
¿Cómo cambio los colores del botón de promoción?
Usa la sección Colores del botón de promoción en la pestaña Diseño. Para obtener instrucciones detalladas, consulta el artículo Cómo personalizar los colores de la página de inicio de sesión de WooCommerce.

¿Necesita ayuda?

Custom Login for WooCommerce es un plugin premium, así que si tienes problemas, abre un ticket de soporte y nuestro equipo podrá ayudarte a configurarlo.

¿Fue útil este artículo?

Artículos relacionados

Recursos y ayuda