• WordPress - Prueba A/B de los nuevos elementos del constructor de páginas

    Índice

    Corto y dulce

    Pruebas ilimitadas en WordPress: crea nuevos bloques, secciones, navegaciones u otros elementos en el CMS (por ejemplo, con Elementor), dales un ID único y ocúltalos en la prueba A/B mediante CSS. Con Varify, el elemento vuelve a ser visible en la variante de prueba, por lo que puede probar nuevos contenidos sin tener que reconstruir la página. Ideal para banners, secciones o elementos individuales.

    Insertar un nuevo elemento en una página de WordPress

    Con Elementor en WordPress, puedes crear fácilmente secciones o bloques enteros. Puedes crear nuevos elementos o arrastrar y soltar un elemento deseado (por ejemplo, texto, imagen o botón) en áreas existentes de tu página. A continuación, puedes personalizar el contenido y el diseño como desees.

    En este ejemplo, se ha añadido un mosaico para el área de resolución de problemas en la parte superior de la página.

    Asignar un ID CSS a un nuevo elemento

    Seleccione el elemento que desea mostrar más tarde utilizando Varify - esto puede ser un nuevo bloque, una columna o simplemente un solo elemento. Haz clic en él y ve a la pestaña "Avanzado" del menú de Elementor. Allí encontrarás el campo "CSS ID". Introduce aquí un ID único, por ejemplo "new-element".

    Ocultar elemento

    Cambia a la sección "Responsive" en la pestaña "Avanzado". Activa los tres interruptores para ocultar el elemento en el escritorio, la tableta y el smartphone. Esto te permitirá publicar tus personalizaciones sin que los usuarios vean el elemento.

    Mostrar elemento en vía experimento

    1. Cree un nuevo experimento en Varify.
    2. A continuación, haga clic en el símbolo de código de la esquina superior derecha para acceder al área CSS.
    3. Allí puede introducir este código (ajuste el ID si le ha asignado un nombre diferente):
    				
    					#new-element{
    display: block !important;
    }
    				
    			
    1. Sustituye "new-element" por el ID que has asignado en Elementor. El carácter # indica que este es el ID. No debe eliminarse.
    2. Guarda la variante.
    3. Pruebe el experimento para ver si todo funciona como desea.
    4. Iniciar el experimento

    Opcional: Ocultar otro elemento

    Si está probando una variación de un elemento existente y, por tanto, está presente dos veces en la página, debe ocultar el elemento original en cuanto aparezca el nuevo.

    Procedimiento:

      1. Asigna un ID único al elemento original en el CMS.
      2. Añada el código apropiado al CSS de la variante Varify, por ejemplo:
    				
    					#original-element{
    display: none !important;
    }
    				
    			

    Esto garantiza que sólo el nuevo elemento sea visible en la variante de prueba.

  • Primeros pasos