Cómo agregar cheque de edad en el sitio web de WordPress usando Elementor

No todos los sitios web están destinados a todos. Si su negocio vende vino, un cheque de edad en su sitio es indudablemente esencial. Esta capa no solo informa a los usuarios sobre los requisitos de edad para tales productos confidenciales, sino que también obliga a la elegibilidad para el acceso a su contenido. Este método es similar a la ventana de consentimiento para las cookies. La mayor diferencia es que puede aplicar un mensaje de confirmación en toda la pantalla para ocultar su contenido. Como resultado, los usuarios se ven obligados a tomar medidas antes de verlo.
Debido a que WordPress no incluye ninguna función de edad incorporada para ayudarlo a administrar esto, necesitará la ayuda de complementos. En este artículo, le discutiremos con Elemoror-One de los generadores de página más potentes que le brindan varias opciones para personalizar su sitio. Ahora, accedamos a 2 métodos para agregar la edad de edad usando Elementor.
Agregue su edad, consulte en su sitio web de WordPress con Elementor Pro
Agregue el control de edad con Elementor Free y Elfsight
Agregue la verificación de edad en su sitio web de WordPress con Elementor Pro, necesitará Elementor Pro para crear ventanas de deslizamiento emergente para un propósito de limitación de edad. Aquí hay una guía de paso por paso.
Paso 1: Crear navegación emergente al tablero> plantillas> emergentes> Agregar nuevo. Se muestra una nueva pantalla. Nombra tu plantilla aquí y haga clic en Crear plantilla.

Luego elija una plantilla en la biblioteca o cree su propio diseño.

Paso 2: Edite la configuración emergente cuando se trata de configuraciones emergentes, hay 3 pestañas en las que debe enfocar, es decir, configuración, contenido, estilo. Cada pestaña le ofrece diferentes opciones de personalización para crear su propia ventana emergente. #1 En la pestaña Configuración: establezca la posición horizontal y vertical en el centro
Mostrar superposición
Ocultar el botón Cerrar
Establezca la animación de deslizamiento en el deslizamiento a la izquierda
#2 En la pestaña Estilo: establezca superposición en un color sólido o en un gradiente, sin transparencia. #3 En la pestaña Contenido: cambie el contenido según sea necesario. Usé sí pero no para cerrar la ventana emergente, o para redirigir al usuario a otro sitio. Para el botón Sí, utilicé el campo de enlace para establecer un pop -up dinámico para cerrar pop -up.

Para el botón No, establecemos un enlace a Google, por lo que el usuario se enviará lejos de nuestro sitio.

Después de que haya terminado, haga clic en el siguiente para pasar al siguiente paso.

Paso 3: Ajuste la configuración de publicación en este paso, podrá determinar dónde, cuándo y cómo su edad verifica sus sitios Elementor Pro ofrece 3 pestañas para personalizar este tipo de información. #1 Condiciones: dónde aparecer. Las condiciones típicas podrían ser la única ventana emergente en la primera página o aparecer en cada página de todo el sitio o la única ventana emergente en una categoría o etiqueta particular, etc.
#2 disparadores: cuándo mostrar en función de las acciones específicas del usuario. Esta pestaña se utiliza para definir las acciones específicas que los usuarios que generarán automáticamente una ventana emergente.

Los desencadenantes habituales incluyen cuándo se ejecuta un usuario, hace clic, tiene la intención de salir de la página o cuándo su interacción con la página demuestra por un período de tiempo.#3 Reglas avanzadas: cuándo aparecer emergente en función del no. Esta pestaña especificó otros requisitos que se cumplirán para generar una ventana emergente. Las reglas avanzadas típicas incluyen la apariencia después de un cierto número de visitas, al llegar de una determinada URL o solo en ciertos dispositivos.
Después de haber terminado, haga clic en el botón Guardar y cerrar para aplicar la configuración.

Como resultado, la ventana emergente de verificación de edad se ha agregado a su sitio web. Ahora, pasemos al siguiente método, que es completamente gratuito para fines básicos de verificación de edad. Agregue el cheque de edad con Elementor Free y Elfsight en esta sección, le guiaremos cómo crear un cheque de edad personalizado sin pagar ningún impuesto. Para hacer esto, la versión Element Free y Elfsight es todo lo que necesita. El proceso de adición de verificación de edad con Elementor Free y Elfsight se lleva a cabo en 2 pasos. Paso 1: Crear widget con ELFSIGHT Vaya al sitio web de Elfsight, en la esquina superior derecha, elija Crear widget.


Te mostrará una nueva pantalla con un widget demostrativo.
Elija la plantilla deseada y haga clic en Continuar con esta plantilla. Se muestra una nueva pantalla. Aquí puede personalizar su mensaje de verificación de edad. #1 En la pestaña Configuración:

Edad mínima: los usuarios de esta edad pueden acceder a su contenido.

Método de verificación: fecha de nacimiento, año de nacimiento o botones sí/no.
Formato de fecha
Recuerda al visitante: algo como las galletas
Acción para menores: puede ingresar el mensaje que se mostrará a sus usuarios cuando sean menores o puede redirigirlos a una página. Dónde mostrar: elija mostrar su edad en todas las páginas o en ciertas páginas.
#2 En la pestaña Contenido: ajuste el contenido que se presentará en la ventana de verificación emergente.
Esta pestaña le permite editar el mensaje, la leyenda, el texto del botón de envío, la información adicional y cambiar el logotipo. #3 En la pestaña de estilo, puede personalizar:
La imagen de fondo
Alinear
Forma
Color
Fuentes
CSS personalizado
Una vez que haya terminado, haga clic en el botón Firmar para la instalación. Se mostrará una nueva ventana que le pedirá que se inscribiera en Elfsight. Una vez que se haya registrado correctamente, lo redirigirá de regreso a la página de configuración del widgets. En la esquina superior derecha, haga clic en Guardar.
Después de eso, será redirigido a la página con una lista de widgets disponibles.
En la línea de widget que tiene la intención de usar, haga clic en Agregar al sitio web. Aparecerá una ventana emergente.
Copie los fragmentos de código en el campo Código. Paso 2: Agregue el widget de verificación de edad a la conexión elemental al tablero de WordPress. Navegue a cualquier página o publicación, por ejemplo, la página de inicio> Editar con Elementor. En la página de edición de elementos, busque html.

Tire y coloque el icono HTML en cualquier lugar de la página donde desee implementar su edad. Después de haber terminado, ingrese el código copiado en el código HTML.
Verificar su edad en su página inicial se verá así: