{"id":115081,"date":"2022-12-13T14:50:42","date_gmt":"2022-12-13T14:50:42","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentamos-elementor-3-9-nueva-opcion-guardar-como-predeterminado-para-elementos-para-mejorar-tu-flujo-de-trabajo-de-diseno\/"},"modified":"2025-12-01T16:32:28","modified_gmt":"2025-12-01T14:32:28","slug":"presentamos-elementor-3-9-nueva-opcion-guardar-como-predeterminado-para-elementos-para-mejorar-tu-flujo-de-trabajo-de-diseno","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/es\/presentamos-elementor-3-9-nueva-opcion-guardar-como-predeterminado-para-elementos-para-mejorar-tu-flujo-de-trabajo-de-diseno\/","title":{"rendered":"Presentamos Elementor 3.9: Nueva opci\u00f3n Guardar como predeterminado para elementos para mejorar tu flujo de trabajo de dise\u00f1o"},"content":{"rendered":"\n

Elementor<\/a> 3.9 incluye la nueva opci\u00f3n Guardar como predeterminado, ampl\u00eda las capacidades del Constructor de Bucles para soportar WooCommerce y el dise\u00f1o basado en secciones, y varias caracter\u00edsticas adicionales que mejoran el dise\u00f1o de tu sitio web y su experiencia de usuario. <\/strong><\/p>\n\n

\"\"<\/figure>\n\n

Nuevo: Guardar como predeterminado<\/h2>\n\n

Con Elementor 3.9, puedes aprovechar la nueva funci\u00f3n Guardar como predeterminado para mejorar tu flujo de trabajo de dise\u00f1o y personalizar completamente la forma en que los elementos aparecen en tu sitio web al ser arrastrados al Editor. <\/p>\n\n

Con esta actualizaci\u00f3n, podr\u00e1s ajustar todas las configuraciones predeterminadas de cada elemento y personalizarlas a tu gusto.\nPuedes reemplazar la imagen de marcador de posici\u00f3n con cualquier imagen que prefieras, como tu logotipo, ajustar el texto de marcador de posici\u00f3n y reemplazar los colores y fuentes con los de tu preferencia.\nLuego, gu\u00e1rdalo como predeterminado haciendo clic izquierdo en el elemento y guard\u00e1ndolo.\nDespu\u00e9s de esta acci\u00f3n, cada vez que arrastres un nuevo widget que hayas ajustado, mostrar\u00e1 las nuevas configuraciones predeterminadas que configuraste.\nPara mejorar tu flujo de trabajo y acelerar el proceso de creaci\u00f3n de tu sitio web, todas las nuevas configuraciones predeterminadas tambi\u00e9n se pueden transferir a cualquier kit o plantilla que importes\/exportes. <\/p>\n\n

Cada elemento de Elementor incluye estilos predeterminados preconfigurados y configuraciones avanzadas.\nEstos incluyen im\u00e1genes de marcador de posici\u00f3n, iconos o textos, colores y fuentes predeterminados o asociaci\u00f3n con colores y fuentes globales espec\u00edficos.\nEs decir, si tomamos el widget de Bot\u00f3n como ejemplo, cada vez que lo arrastres al Editor desde el panel de widgets, el fondo adoptar\u00e1 el color de Acento configurado en tus Colores Globales, el color del texto ser\u00e1 blanco, etc. <\/p>\n\n

Dado que la nueva funci\u00f3n Guardar como predeterminado guardar\u00e1 cualquier cambio que realices en los elementos antes de guardarlos, es importante prestar especial atenci\u00f3n a no incluir informaci\u00f3n sensible antes de guardarlo como un nuevo predeterminado.\nPor ejemplo, no se recomienda incluir la direcci\u00f3n de correo electr\u00f3nico de tu cuenta de PayPal antes de guardar el bot\u00f3n de PayPal como un nuevo widget.\nLo mismo aplica para cualquier informaci\u00f3n sensible, incluyendo CSS<\/a> ID, claves API, etc. <\/p>\n\n

A continuaci\u00f3n, se presentan tres (de muchos) ejemplos de c\u00f3mo puedes usar la nueva funci\u00f3n Guardar como predeterminado: <\/p>\n\n

  1. Actualiza los colores o fuentes de un elemento, para asociarlos con diferentes colores o fuentes globales (como primario en lugar de secundario)<\/li>
  2. Establece un nuevo padding y m\u00e1rgenes predeterminados de un widget, como un bot\u00f3n. <\/li>
  3. Incluye un logotipo, imagen o instrucciones espec\u00edficas como marcador de posici\u00f3n de imagen para widgets<\/a> de imagen, o marcadores de posici\u00f3n de texto para widgets textuales.\nDe esa manera, puedes promover continuamente tu negocio como creador web a tus clientes y ayudarlos mientras actualizan el sitio web. <\/li><\/ol>\n\n
    \"\"<\/figure>\n\n

    [Pro] Constructor de Bucles ampliado para soportar WooCommerce y secciones<\/h2>\n\n

    Tras el lanzamiento del Constructor de Bucles en Elementor 3.8<\/a>, esta versi\u00f3n ampl\u00eda las capacidades del Constructor de Bucles para soportar WooCommerce.\nCon esta actualizaci\u00f3n, podr\u00e1s dise\u00f1ar tu propia plantilla personalizada para Listados de Productos para que puedas desatar tu creatividad al dise\u00f1ar tus sitios web de Ecommerce<\/a>. <\/p>\n\n

    Ahora, al usar el Constructor de Bucles, comenzar\u00e1s eligiendo el tipo de plantilla que deseas crear, para WooCommerce<\/a>, elegir\u00e1s Productos.\nLuego, el panel de widgets recomendar\u00e1 widgets de WooCommerce en la parte superior, pero puedes usar cualquier widget as\u00ed como cualquier etiqueta de Contenido Din\u00e1mico<\/a> para mostrar contenido adicional de WooCommerce en tu plantilla de Elemento Principal. <\/p>\n\n

    Una vez que hayas finalizado el dise\u00f1o de tu plantilla, podr\u00e1s usarla en cualquier p\u00e1gina, ajustar su dise\u00f1o, paginaci\u00f3n y estilo y mostrar tus productos de la manera que mejor se adapte a tu dise\u00f1o y marca. <\/p>\n\n

    Elementor 3.9 tambi\u00e9n introduce soporte para el dise\u00f1o de secci\u00f3n-columna, por lo que si a\u00fan no est\u00e1s listo para comenzar a usar Contenedores Flexbox, a\u00fan puedes usar el Constructor de Bucles para crear listados personalizados utilizando el dise\u00f1o de secci\u00f3n-columna. <\/p>\n\n

    \"\"<\/figure>\n\n

    [Pro] Regla avanzada de Popup mejorada: Mostrar hasta X veces de manera persistente, o por sesi\u00f3n\/d\u00eda\/semana\/mes<\/h2>\n\n

    Una de las solicitudes m\u00e1s populares para los Popups de Elementor fue mejorar la regla avanzada que determina cu\u00e1ntas veces aparece un popup.\nHasta ahora, pod\u00edas hacer que el popup apareciera X n\u00famero de veces, pero el marco de tiempo en el que aparecer\u00edan no se especificaba.\nEntonces, si configurabas un popup para que apareciera 3 veces, aparecer\u00eda las pr\u00f3ximas 3 veces que el visitante visitara tu sitio web, independientemente de su frecuencia de visita. <\/p>\n\n

    Con esta regla avanzada actualizada, podr\u00e1s establecer el n\u00famero de veces que deseas que aparezca el popup, de manera persistente o dentro de un marco de tiempo espec\u00edfico de una sesi\u00f3n, un d\u00eda, una semana o un mes.\nDe esa manera, puedes entregar tus popups a la frecuencia deseada, mejorar la experiencia del usuario y lograr el resultado deseado del popup. <\/p>\n\n

    \"\"<\/figure>\n\n

    Mejoras de Rendimiento<\/h2>\n\n

    Continuamente buscamos formas en las que podamos mejorar el rendimiento de tu sitio web, y recientemente nos asociamos con Chrome para identificar \u00e1reas de oportunidad juntos.\nElementor utiliz\u00f3 herramientas de Google, incluyendo el Informe de Experiencia de Usuario de Chrome<\/a> y el Informe de Tecnolog\u00eda de Core Web Vitals<\/a>, mientras recib\u00eda consulta t\u00e9cnica de un experto de Chrome.\nElementor 3.9 introduce una serie de mejoras de rendimiento que pueden tener un impacto significativo en el rendimiento de tu sitio web, incluyendo: <\/p>\n\n

    Experimento Alpha de Carga Diferida de Im\u00e1genes de Fondo<\/h3>\n\n

    Las im\u00e1genes de fondo son una parte integral del dise\u00f1o de un sitio web, pero pueden tener un impacto negativo en el rendimiento y la puntuaci\u00f3n de Largest Contentful Paint (LCP).\nOptimizar el rendimiento de tu sitio web y la puntuaci\u00f3n de LCP es importante para optimizar la experiencia de tus visitantes al visitar tu sitio, as\u00ed como para mejorar tu visibilidad en los resultados de los motores de b\u00fasqueda. <\/p>\n\n

    Al agregar Lazy Load a las im\u00e1genes de fondo, puedes mejorar el rendimiento de tu sitio web y la puntuaci\u00f3n de LCP, sin comprometer la apariencia de tu sitio web. <\/p>\n\n

    Activar este experimento aplicar\u00e1 lazy load a todas las im\u00e1genes de fondo por debajo del pliegue, en las siguientes \u00e1reas:<\/p>\n\n