Producto destacado de Divi: Ocultar y mostrar Pro

Hide & Show Pro es un complemento de terceros para Divi que le permite mostrar u ocultar contenido según los criterios que establezca. Controle quién ve cada sección, fila, columna y módulo según la ubicación, el estado, las compras y más. En esta publicación, veremos Hide & Show Pro para ver qué puede hacer y qué tan fácil es ocultar o mostrar su contenido Divi según las condiciones que elija.

Cómo funciona Ocultar y Mostrar

Hide & Show Pro agrega opciones a las secciones, filas y módulos de Divi Builder para ocultar o mostrar el elemento y elegir un ajuste preestablecido que determine las acciones que se llevarán a cabo. Las acciones se basan en las condiciones dentro del ajuste preestablecido seleccionado para ese elemento. El ajuste preestablecido se puede utilizar para ocultar y mostrar los elementos. Esto significa que puedes intercambiar el contenido según las condiciones que elijas, como el rol de usuario, la fecha, el idioma, etc.

Los ajustes preestablecidos se crean por separado en el editor de configuración de ajustes preestablecidos y se pueden usar en cualquier elemento Divi. El ajuste preestablecido se puede seleccionar dentro de cualquier elemento Divi, por lo que se pueden reutilizar tantas veces como quieras y en cualquier lugar que desees. Para crear uno, simplemente vaya al editor preestablecido y haga sus selecciones.

Una vez que haya creado el ajuste preestablecido, podrá usarlo en cualquier elemento Divi. Vaya a la pestaña Avanzado, elija Ocultar y Mostrar y seleccione Ocultar o Mostrar. Luego, seleccione el ajuste preestablecido que desea utilizar. Luego, el elemento se mostrará u ocultará según su selección y actuará de acuerdo con las selecciones en el ajuste preestablecido.

Esto le permite crear un ajuste preestablecido y aplicarlo en cualquier lugar que desee, y cuando realiza cambios en el ajuste preestablecido, esos cambios se aplican automáticamente en todos los lugares donde se utiliza ese ajuste preestablecido. Por lo tanto, puede realizar un cambio en el editor preestablecido y ese cambio se refleja en su sitio web.

Ahora que hemos visto los conceptos básicos de lo que hace Hide and Show Pro, echemos un vistazo más de cerca a los ajustes preestablecidos.

Ocultar y mostrar ajustes preestablecidos profesionales

Los ajustes preestablecidos determinan la acción del elemento Divi. Determina para quién es la acción (a quién se muestra o se oculta el elemento), cuándo se lleva a cabo la acción, dónde se lleva a cabo la acción, etc., todo en función de las condiciones que usted elija. Puedes mezclarlos y combinarlos para crear combinaciones interesantes y poderosas.

Los ajustes preestablecidos te dan mucho control sobre quién ve qué contenido. Puede crear contenido que solo vean los visitantes que hayan iniciado sesión o que solo vean los visitantes que hayan cerrado sesión. Esto es excelente para crear pancartas de ventas basadas en la fecha. También puede crear contenido que se muestre según la ubicación del visitante, el idioma del sitio, lo que compró en su tienda, su rol de usuario y mucho más. Para usar Ocultar y Mostrar dentro de sus diseños Divi, necesitará crear ajustes preestablecidos.

Nuevo preestablecido

Puede crear sus ajustes preestablecidos en la pantalla Opciones. Para agregar un nuevo ajuste preestablecido, vaya a Panel > Ocultar y mostrar > Nuevo ajuste preestablecido . Asigne un título al ajuste preestablecido y luego haga sus elecciones en el panel de la derecha y ajústelas en el editor principal.

Examinaremos más de cerca este panel y su configuración en la siguiente sección. De forma predeterminada, el nuevo ajuste preestablecido incluye la opción de estado de usuario con inicio de sesión y cierre de sesión preseleccionados. Puede desactivar uno haciendo clic en su marca de verificación. También puede desactivar ambos haciendo clic en el botón de alternar en la barra lateral derecha. Este es un estado común, por lo que tiene sentido incluirlo de forma predeterminada.

Todos los ajustes preestablecidos

La pantalla Todos los ajustes preestablecidos muestra una lista de todos los ajustes preestablecidos que tiene disponibles. Puede editarlos, eliminarlos y habilitarlos o deshabilitarlos desde esta pantalla. Tiene tres ajustes preestablecidos para comenzar.

Ocultar y mostrar opciones preestablecidas profesionales

El panel de opciones incluye 6 secciones con opciones para cada sección. Las secciones incluyen Usuario, Programación, Publicación, WooCommerce, Geolocalización y Otros.

Todos incluyen condiciones lógicas y usted puede definir la lógica, agregar múltiples condiciones y habilitar las opciones que desee para cada una. La geolocalización es la opción más nueva. Lo veremos primero y con mayor detalle.

Puede elegir opciones de una sección, de cada sección o mezclar y combinar tantas como desee. Puede hacer que sus ajustes preestablecidos sean tan simples o complejos como desee. Utilice uno, algunos o todos. Las posibilidades son asombrosas.

Ocultar y mostrar geolocalización

Hide & Show Pro 3.0 agregó geolocalización. Esto requiere un servicio gratuito o de pago, y tienes varios para elegir. Agrega una opción de geolocalización a los ajustes preestablecidos con cuatro selecciones. Seleccione Continente, País, Región y Ciudad. Habilite uno, todos o cualquier combinación que desee. Cuando habilita varias opciones, se agregan como una declaración AND, pero puede hacer clic en la declaración para cambiarla a una declaración OR.

Esto le brinda mucho control sobre las reglas y le permite incluir o excluir visitantes de ciertas partes del mundo. Esto es especialmente útil si realiza envíos a determinados continentes, tiene clases para estudiantes locales, tiene varias ubicaciones y desea presentar contenido diferente para cada ubicación, y mucho más.

Ocultar y mostrar geolocalización por continente

Al seleccionar Continente, se agrega la opción de seleccionar si el continente es igual o no, un cuadro desplegable para elegir el continente y una etiqueta que muestra el código del continente. Agregue más continentes haciendo clic en el ícono más debajo de los campos. Elimine uno haciendo clic en el ícono x a la derecha del campo que desea eliminar.

Agregué dos continentes en el siguiente ejemplo. El cuadro desplegable muestra los 7 continentes entre los que puede elegir.

Ocultar y mostrar geolocalización por país

Al seleccionar País se agrega la opción de seleccionar el país que es igual o no, un cuadro desplegable para elegir el país y una etiqueta que muestra el código del continente. Agregue más países haciendo clic en el ícono más debajo de los campos. Elimine uno haciendo clic en el ícono x a la derecha del campo que desea eliminar.

En el siguiente ejemplo, seleccioné Está en la Unión Europea en la sección llamada Otros y seleccioné Bahamas en Países .

Ocultar y mostrar geolocalización por región

Seleccionar Región le permite crear reglas. Agrega la opción de seleccionar que CUALQUIER regla puede ser verdadera o TODAS las reglas deben ser verdaderas. Agrega un cuadro desplegable para elegir la regla. Seleccione que la región es igual a, no es igual a, contiene o no contiene. El segundo campo le permite ingresar el valor que comparará su selección. Agregue más regiones haciendo clic en el ícono más debajo de los campos. Elimine uno haciendo clic en el ícono x a la derecha del campo que desea eliminar.

Ocultar y mostrar geolocalización por ciudad

La selección de ciudad también incluye reglas. Seleccione que CUALQUIER regla puede ser verdadera o TODAS las reglas deben ser verdaderas. Elija la regla en el cuadro desplegable. Seleccione que la ciudad es igual a, no es igual a, contiene o no contiene. El segundo campo le permite ingresar el valor que comparará su selección. Agregue más ciudades haciendo clic en el ícono más debajo de los campos. Elimine uno haciendo clic en el ícono x a la derecha del campo que desea eliminar.

Ejemplo de ocultar y mostrar geolocalización

Este ejemplo muestra las cuatro opciones. He seleccionado:

Continente es igual a:

• América del norte
• Sudamerica
• Asia
• Europa

O País es igual a:

• Australia
• bahamas

Y la Región no contiene:

• Alaska

O la ciudad es igual a Los Ángeles.

Ocultar y mostrar usuario

Establezca la lógica para el ID de usuario en función de cuál es o no es igual el ID de usuario. Oculte o muestre el contenido según los roles de los usuarios. También puede ocultar o mostrar el contenido según el grupo de usuarios. Este requiere un complemento gratuito. También puede ocultar o mostrar el contenido según los metadatos del usuario. Todos estos se pueden utilizar junto con la lógica Y/O. Esto es excelente para mostrar contenido específico a usuarios específicos.

Ocultar y mostrar programación

Establezca un horario diario, semanal, mensual, anual o personalizado. Pueden trabajar juntos con la lógica Y/O. Selecciona o deselecciona cualquier hora, día, mes, etc., simplemente haciendo clic. El horario personalizado incluye la opción de elegir un solo día o un rango de días. Esta es una excelente manera de mostrar publicaciones automáticamente según una programación.

Ocultar y mostrar publicación

Para las publicaciones, puede seleccionar ID de publicación, tipo, taxonomía, meta o meta de autor. Esto le permite controlar manualmente el acceso individual a las publicaciones. Añade tantos como quieras. Especifique si es o no igual a un determinado ID. Elija si la página es o no igual a una página o páginas específicas. El resto de la configuración le permite especificar si alguna regla es verdadera y le permite elegir las reglas. Esto es excelente si desea mostrar publicaciones específicas a determinados visitantes.

Ocultar y mostrar WooCommerce

WooCommerce te ofrece la mayor cantidad de configuraciones para elegir. Incluyen el artículo comprado, el recuento y el valor, el artículo del carrito, el recuento y el valor, el estado y el nivel de existencias, el plan y el estado de la membresía, y el plan y el estado de la suscripción. Las opciones de membresía y suscripción requieren complementos premium de WooCommerce. La configuración le permite elegir si alguna regla es verdadera y le permite elegir los productos o el estado.

Esta es una excelente manera de mostrar el estado del stock, crear una venta basada en el inventario, crear una venta basada en compras, mostrar una venta mensual o anual y mucho más.

Ocultar y mostrar Pro Otro

Otras configuraciones incluyen el idioma del sitio, la cadena de consulta y el filtro personalizado. Para el idioma del sitio, elija si el idioma es o no igual a las selecciones que realice. Para la cadena de consulta, la consulta se crea agregando la clave, eligiendo la lógica de una gran lista de opciones y especificando el valor. El filtro personalizado le permite crear un filtro usando código que agregará al archivo PHP de su tema.

Ocultar y mostrar opciones profesionales

Las opciones Ocultar y Mostrar le permiten elegir entre 7 proveedores de geolocalización diferentes. El servicio gratuito de ipwhois.io está seleccionado de forma predeterminada. Utilice el servicio gratuito o introduzca la clave del servicio premium. Puede personalizar la respuesta de geolocalización utilizando el código proporcionado. También puede elegir el cifrado HTTPS, establecer la cantidad de días para conservar el caché y borrarlo. Otras configuraciones le permiten agregar módulos adicionales, excluir módulos y eliminar datos.

Ocultar y mostrar la configuración del módulo Pro Divi

Se agrega una nueva opción a la pestaña Avanzado de Secciones, Filas, Columnas y Módulos Divi. La opción le permite desactivar, ocultar o mostrar el modo Ocultar y Mostrar. Si elige Ocultar o Mostrar, verá un cuadro desplegable donde puede elegir el ajuste preestablecido que desea usar. El modo Ocultar y mostrar está desactivado de forma predeterminada. Habilitar el modo Ocultar y Mostrar le brinda mucho control de diseño sobre todos los elementos de Divi Builder.

En el siguiente ejemplo, seleccioné una propaganda del paquete de diseño de entrenamiento gratuito para Divi. Esta sección del diseño muestra los servicios. El propietario del sitio web podría optar por ofrecer la mayoría de estos servicios en línea, pero decidió realizar talleres únicamente en el sitio. En este caso, podrían restringir la publicidad sobre los talleres para mostrarla solo a los visitantes en una determinada geolocalización.

Abrí el módulo Blurb, seleccioné la pestaña Avanzado y abrí la configuración de Ocultar y mostrar. Seleccioné Mostrar y elegí mi Preajuste de geolocalización para ese módulo. Ahora, este módulo solo se mostrará a los visitantes que coincidan con la geolocalización que elegí en mi configuración preestablecida.

Ocultar y mostrar ejemplo profesional

Como ejemplo, quiero crear una sección que muestre precios personalizados para los clientes existentes. Quiero que el precio se muestre durante la primera semana de cada mes, para que solo se muestre a aquellos que compraron un producto específico y deben vivir en los Estados Unidos.

El siguiente ejemplo crea esa consulta con declaraciones AND. Las configuraciones preestablecidas incluyen:

1. El estado del usuario solo se mostrará a los visitantes que hayan iniciado sesión.
2. Marque la función de usuario para mostrarla solo a las funciones de usuario de administrador, cliente y suscriptores.
3. Utilice el Programa mensual para mostrar los primeros 7 días de cada mes.
4. Verificar artículo de compra solo se muestra a los clientes que han comprado un determinado producto.
5. Utilice País para mostrar solo a los clientes que viven en los Estados Unidos.

Todos estos criterios deben cumplirse antes de que el visitante vea la sección con precios especiales.

A continuación, creé una nueva sección para la página de precios del paquete de diseño de coaching gratuito para Divi. Esta sección mostrará el precio especial para un servicio personalizado que solo verán aquellos que cumplan con los criterios. Abrí la configuración de la sección y seleccioné mi ajuste preestablecido en la configuración Mostrar y ocultar en la pestaña Avanzado.

Ahora, cada visitante que cumpla con los criterios verá esta nueva sección encima de la sección original.

Todos los demás visitantes no ven la primera sección. En cambio, solo verán la sección de precios normal.

Dónde comprar

Hide & Show Pro está disponible en Divi Marketplace por $39. Incluye uso ilimitado del sitio web, un año de soporte y actualizaciones y una garantía de devolución de dinero de 30 días.

Pensamientos finales

Este es nuestro vistazo a Hide & Show Pro para Divi. El complemento me pareció fácil de usar. Me gusta que la configuración esté separada de Divi Builder. Esto le permite crear un ajuste preestablecido y usarlo donde desee. Hide & Show Pro es una excelente opción si estás interesado en controlar quién puede ver contenido específico.

Queremos escuchar de ti. ¿Has usado Hide & Show Pro para Divi? Cuéntanos tu experiencia en los comentarios.