{"id":10674,"date":"2025-02-28T08:11:18","date_gmt":"2025-02-28T07:11:18","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=10674"},"modified":"2025-02-28T16:03:02","modified_gmt":"2025-02-28T15:03:02","slug":"elementor","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/elementor\/","title":{"rendered":"\u00bfQu\u00e9 es Elementor para WordPress y para qu\u00e9 sirve?"},"content":{"rendered":"<p>\u00bfAlguna vez te has preguntado c\u00f3mo los dise\u00f1adores web consiguen crear p\u00e1ginas llamativas y profesionales sin necesidad de programar? La respuesta est\u00e1 en Elementor.<\/p>\n<p>Este plugin de WordPress ha revolucionado la forma de crear sitios web. Elementor ofrece herramientas intuitivas que permiten a cualquier persona, ya sea principiante o experto, dar vida a sus p\u00e1ginas.<\/p>\n<p><!--more--><\/p>\n<p>En este post te explicar\u00e9 qu\u00e9 es Elementor, las diferencias entre su versi\u00f3n gratuita y la de pago, y adem\u00e1s te recomendar\u00e9 los mejores addons para que puedas contar con funcionalidades m\u00e1s avanzadas.<\/p>\n<p>\u00a1Vamos al l\u00edo! \ud83d\ude42<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_Elementor_en_WordPress\">\u00bfQu\u00e9 es Elementor en WordPress?<\/a><\/li><li><a href=\"#Elementor_Pro_vs_Elementor_Free_Cual_elegir\">Elementor Pro vs Elementor Free: \u00bfCu\u00e1l elegir?<\/a><ul><li><a href=\"#Elementor_Free\">Elementor Free<\/a><\/li><li><a href=\"#Elementor_Pro\">Elementor Pro<\/a><\/li><\/ul><\/li><li><a href=\"#Funciones_clave_de_Elementor\">Funciones clave de Elementor<\/a><\/li><li><a href=\"#Como_instalar_y_configurar_Elementor_paso_a_paso\">C\u00f3mo instalar y configurar Elementor paso a paso<\/a><ul><li><a href=\"#Paso_1_Instala_el_plugin_Elementor\">Paso 1: Instala el plugin Elementor<\/a><\/li><li><a href=\"#Paso_2_Configura_el_plugin_Elementor\">Paso 2: Configura el plugin Elementor<\/a><\/li><li><a href=\"#Paso_3_Maqueta_tu_web_con_Elementor\">Paso 3: Maqueta tu web con Elementor<\/a><\/li><\/ul><\/li><li><a href=\"#Los_mejores_addons_para_Elementor\">Los mejores addons para Elementor<\/a><ul><li><a href=\"#Ultimate_Addons_for_Elementor\">Ultimate Addons for Elementor<\/a><\/li><li><a href=\"#Essential_Addons_for_Elementor\">Essential Addons for Elementor<\/a><\/li><li><a href=\"#The_Plus_addons_for_Elementor\">The Plus addons for Elementor<\/a><\/li><li><a href=\"#Premium_Addons_for_Elementor\">Premium Addons for Elementor<\/a><\/li><\/ul><\/li><li><a href=\"#Mi_opinion_personal_sobre_Elementor_como_herramienta_de_diseno\">Mi opini\u00f3n personal sobre Elementor como herramienta de dise\u00f1o<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_Elementor_en_WordPress\">\u00bfQu\u00e9 es Elementor en WordPress?<\/span><\/h2>\n<p data-start=\"39\" data-end=\"169\">Si has llegado hasta aqu\u00ed por casualidad y no tienes ni idea de qu\u00e9 es Elementor, no te preocupes, que te lo explico desde cero.<\/p>\n<p data-start=\"171\" data-end=\"490\">Elementor es un constructor visual para WordPress, lo que significa que te permite dise\u00f1ar p\u00e1ginas web de forma sencilla, sin necesidad de tocar c\u00f3digo. Es un plugin que puedes encontrar en el repositorio oficial de WordPress y su instalaci\u00f3n es tan f\u00e1cil como buscarlo, hacer clic en \u201cInstalar\u201d y activarlo.<\/p>\n<p data-start=\"492\" data-end=\"869\">Lo mejor de Elementor es que funciona con un sistema de arrastrar y soltar. Tienes un mont\u00f3n de elementos o \u201cwidgets\u201d (como im\u00e1genes, botones, formularios, carruseles, tablas de precios, etc.) que puedes a\u00f1adir a tu p\u00e1gina con un solo clic y luego personalizarlos a tu gusto. Adem\u00e1s, cuenta con plantillas predise\u00f1adas para que no tengas que empezar desde cero.<\/p>\n<p data-start=\"871\" data-end=\"1164\">Elementor es una herramienta supervers\u00e1til que se adapta a cualquier tipo de web: blogs, p\u00e1ginas corporativas, portafolios, tiendas online, landing pages&#8230; \u00a1Lo que necesites! No importa si eres principiante o si ya tienes experiencia, Elementor hace que dise\u00f1ar una web sea m\u00e1s r\u00e1pido e intuitivo.<\/p>\n<p data-start=\"1166\" data-end=\"1397\" data-is-last-node=\"\" data-is-only-node=\"\">Por cierto, si alguna vez has intentado personalizar una web con el editor cl\u00e1sico de WordPress y te has sentido frustrado porque no consegu\u00edas que quedara como quer\u00edas\u2026 Elementor te va a cambiar la vida.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10686 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/elementor-wordpress-300x118.jpg\" alt=\"elementor wordpress\" width=\"887\" height=\"349\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/elementor-wordpress-300x118.jpg 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/elementor-wordpress-768x302.jpg 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/elementor-wordpress-700x275.jpg 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/elementor-wordpress.jpg 865w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/p>\n<h2><span id=\"Elementor_Pro_vs_Elementor_Free_Cual_elegir\">Elementor Pro vs Elementor Free: \u00bfCu\u00e1l elegir?<\/span><\/h2>\n<p>Al trabajar con Elementor, es probable que te surjan muchas dudas, ya que cuenta con dos versiones: Elementor Pro y Elementor Free.<\/p>\n<p>Y te estar\u00e1s preguntando: \u00bfCu\u00e1l elijo? \ud83e\udd14<\/p>\n<p>Como decimos por aqu\u00ed\u2026 \u00a1Depende! \ud83d\ude05<\/p>\n<p>Esto depender\u00e1 del tipo de proyecto que tengas en mente y de tus necesidades. Para que no se te atragante este paso, te voy a ponerlo m\u00e1s f\u00e1cil con una peque\u00f1a comparativa de ambas opciones que te ayudar\u00e1 a tomar una mejor decisi\u00f3n.<\/p>\n<h3><span id=\"Elementor_Free\">Elementor Free<\/span><\/h3>\n<p><span id=\"input-sentence~0\">Elementor Free es perfecto para quienes buscan una herramienta simple para crear p\u00e1ginas web en un plis plas. Con su versi\u00f3n gratuita, podr\u00e1s crear tu web de forma sencilla utilizando este constructor visual, solo arrastrando y soltando elementos.<\/span><\/p>\n<p>Aunque sus herramientas son limitadas en comparaci\u00f3n con la versi\u00f3n Pro, cuenta con widgets b\u00e1sicos como encabezados, im\u00e1genes, texto y botones. Con ello, podr\u00e1s crear p\u00e1ginas sencillas, y a su vez llamativas.<\/p>\n<p>Si no necesitas funciones avanzadas ni plantillas premium, con Elementor Free vas que chutas \ud83d\ude42<\/p>\n<h3><span id=\"Elementor_Pro\">Elementor Pro<\/span><\/h3>\n<p><span id=\"input-sentence~0\">Elementor Pro es mucho m\u00e1s completo y ofrece funcionalidades avanzadas para quienes desean llevar su dise\u00f1o web al siguiente nivel (aunque, eso s\u00ed, pasando por caja). Con esta versi\u00f3n de pago, tendr\u00e1s acceso a un sinf\u00edn de caracter\u00edsticas premium, como una mayor variedad de widgets, plantillas personalizables y opciones de dise\u00f1o m\u00e1s complejos.<\/span><span id=\"input-sentence~1\"><\/span><\/p>\n<p>Elementor Pro tambi\u00e9n incluye funciones avanzadas, como un generador de formularios, integraci\u00f3n con WooCommerce para crear tiendas online y herramientas de marketing, como pop-ups y animaciones.<\/p>\n<p>Por tanto, Elementor Pro est\u00e1 dise\u00f1ado para quienes buscan a\u00f1adir funcionalidades m\u00e1s complejas a su sitio web, lo que lo convierte en la opci\u00f3n perfecta para proyectos m\u00e1s grandes.<\/p>\n<p>En resumidas cuentas, si buscas flexibilidad, crear un sitio profesional, un e-commerce o incluso necesitas soporte, lo mejor es invertir un poco y comprar Elementor Pro.<\/p>\n<h2><span id=\"Funciones_clave_de_Elementor\">Funciones clave de Elementor<\/span><\/h2>\n<p>Antes de meternos en harina con el uso de este constructor web, quiero que tengas claro qu\u00e9 funciones ofrece y por qu\u00e9 Elementor es una de las herramientas m\u00e1s potentes que existen para dise\u00f1ar webs en WordPress.<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/www.lucushost.com\/blog\/mejor-editor-para-wordpress\/\">Editor visual<\/a> de arrastrar y soltar:<\/strong> Te lo mencionaba antes, pero lo repito porque es lo que hace que Elementor sea tan f\u00e1cil de usar. En lugar de escribir c\u00f3digo o perderte entre configuraciones complicadas, simplemente arrastras los elementos y los sueltas donde los necesites. As\u00ed de sencillo.<\/li>\n<li><strong>Dise\u00f1os personalizables:<\/strong> Elementor viene con una biblioteca de plantillas predise\u00f1adas que te permiten crear una web profesional en minutos. Puedes elegir una plantilla y modificar colores, fuentes, im\u00e1genes, etc. para adaptarla a tu estilo.<\/li>\n<li><strong>Compatible con temas y plugins:<\/strong> Si ya tienes un tema en WordPress, no te preocupes, porque Elementor funciona con la mayor\u00eda de ellos. Adem\u00e1s, es compatible con plugins tan populares como WooCommerce (para tiendas online), Yoast SEO, Contact Form 7&#8230; De este modo, vas a poder ampliar sus funciones sin problemas.<\/li>\n<li><strong>Dise\u00f1o adaptable (responsive):<\/strong> Hoy en d\u00eda, la mayor\u00eda de visitas llegan desde dispositivos m\u00f3viles, as\u00ed que Elementor te permite ajustar tu web para que se vea perfectamente en cualquier dispositivo. Hasta puedes hacer cambios espec\u00edficos solo para m\u00f3vil o tablet para asegurarte de que la experiencia sea perfecta (por ejemplo, puedes evitar cargar ciertas im\u00e1genes solo en m\u00f3vil, para que el usuario no tenga que hacer tanto scroll).<\/li>\n<li><strong>Variedad de widgets:<\/strong> Si crees que Elementor solo tiene los t\u00edpicos bloques de texto e im\u00e1genes, est\u00e1s muy equivocado. Tambi\u00e9n incluye men\u00fas, botones, formularios de contacto, sliders, contadores, testimonios, iconos de redes sociales&#8230; Casi cualquier cosa que se te ocurra.<\/li>\n<li><strong><a href=\"https:\/\/www.lucushost.com\/blog\/css\/\">CSS<\/a> personalizado<\/strong>: \u00bfQue tienes conocimientos de CSS y quieres personalizar a\u00fan m\u00e1s tu dise\u00f1o? Pues Elementor te lo permite. Puedes a\u00f1adir estilos propios a cualquier elemento sin necesidad de modificar archivos del tema.<\/li>\n<li><strong>R\u00e1pido rendimiento: <\/strong>Una de las preocupaciones m\u00e1s habituales que nos planteamos al usar constructores visuales es que nos ralenticen la web. Sin embargo, Elementor est\u00e1 optimizado para cargar r\u00e1pido y para no afectar negativamente al rendimiento, especialmente si utilizas una buena configuraci\u00f3n de cach\u00e9 y optimizaci\u00f3n de im\u00e1genes.<strong><br \/>\n<\/strong><\/li>\n<li><strong data-start=\"921\" data-end=\"955\">Reutiliza plantillas y bloques<\/strong>: Una de las caracter\u00edsticas m\u00e1s potentes de Elementor es la posibilidad de guardar secciones o p\u00e1ginas completas como plantillas. Esta funci\u00f3n te va a ser muy \u00fatil si trabajas con varios proyectos y quieres mantener la coherencia del dise\u00f1o. Adem\u00e1s, puedes exportar plantillas a otros sitios web.<\/li>\n<li><strong data-start=\"428\" data-end=\"461\">Opci\u00f3n de Vista Previa<\/strong>: Aunque es f\u00e1cil ajustar cosas sobre la marcha, la vista previa te permite asegurarte de que todo est\u00e1 perfecto antes de hacer p\u00fablicos los cambios. Tambi\u00e9n es especialmente \u00fatil para ver c\u00f3mo se visualiza tu web hecha con Elementor en dispositivos m\u00f3viles.<\/li>\n<\/ul>\n<h2><span id=\"Como_instalar_y_configurar_Elementor_paso_a_paso\">C\u00f3mo instalar y configurar Elementor paso a paso<\/span><\/h2>\n<p>Ahora s\u00ed que s\u00ed, ya es el momento de ense\u00f1arte c\u00f3mo usar este plugin en tu WordPress.<\/p>\n<p>A continuaci\u00f3n, te explicar\u00e9 paso a paso c\u00f3mo instalar Elementor y te ayudar\u00e9 a familiarizarte con algunos ajustes b\u00e1sicos para que comiences a crear tus p\u00e1ginas web.<\/p>\n<p>\u00a1Vamos a ello!<\/p>\n<h3><span id=\"Paso_1_Instala_el_plugin_Elementor\">Paso 1: Instala el plugin Elementor<\/span><\/h3>\n<p>Ve a la secci\u00f3n de \u00abPlugins\u00bb y elige la opci\u00f3n \u00abA\u00f1adir nuevo\u00bb. En la barra de b\u00fasqueda, escribe \u201cElementor\u201d e inst\u00e1lalo. Una vez que termine la instalaci\u00f3n, haz clic en \u00abActivar\u00bb para comenzar a utilizar el plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10689 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/plugin-Elementor-WordPress-300x210.png\" alt=\"plugin Elementor WordPress\" width=\"491\" height=\"344\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/plugin-Elementor-WordPress-300x210.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/plugin-Elementor-WordPress.png 561w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><\/p>\n<h3><span id=\"Paso_2_Configura_el_plugin_Elementor\">Paso 2: Configura el plugin Elementor<\/span><\/h3>\n<p>Luego, dir\u00edgete al men\u00fa de tu escritorio de WordPress, busca la opci\u00f3n \u00abElementor\u00bb y selecciona \u00abAjustes\u00bb para comenzar a configurarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10785 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-plguin-Elementor-120x300.png\" alt=\"Ajustes plguin Elementor\" width=\"182\" height=\"455\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-plguin-Elementor-120x300.png 120w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-plguin-Elementor.png 160w\" sizes=\"(max-width: 182px) 100vw, 182px\" \/><\/p>\n<p>All\u00ed encontrar\u00e1s un panel con diferentes pesta\u00f1as: General, Integraciones, Avanzado, Rendimiento y Caracter\u00edsticas. Vamos a revisar cada una de ellas.<\/p>\n<p><strong>General<\/strong><\/p>\n<p>Desde la pesta\u00f1a \u201cGeneral\u201d, podr\u00e1s ajustar varias opciones, como las siguientes:<\/p>\n<ul>\n<li><strong>Tipos de contenido: <\/strong>Podr\u00e1s seleccionar si deseas habilitar Elementor para Entradas, P\u00e1ginas y otros formatos de contenido en tu sitio.<\/li>\n<li><strong>Desactivar colores por defecto:<\/strong> Para que Elementor utilice los colores predeterminados del tema, es necesario que actives esta opci\u00f3n.<\/li>\n<li><strong>Desactivar fuentes por defecto:<\/strong> Al seleccionar esta opci\u00f3n, se usar\u00e1n las fuentes por defecto de tu plantilla.<\/li>\n<li><strong>Compartir datos de uso:<\/strong> Si deseas ayudar a los desarrolladores de Elementor a mejorar el plugin, puedes activar esta opci\u00f3n para enviar datos de rendimiento de tu sitio de manera an\u00f3nima.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10695 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress-300x131.png\" alt=\"ajustes general plugin elementor wordpress\" width=\"874\" height=\"382\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress-300x131.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress-1024x448.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress-768x336.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress-700x306.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-general-plugin-elementor-wordpress.png 1367w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/p>\n<p><strong>Integraciones<\/strong><\/p>\n<p>En la pesta\u00f1a de \u201cIntegraciones\u201d, tendr\u00e1s la posibilidad de introducir las claves de integraci\u00f3n (API) de varias herramientas populares, como reCaptcha de Google, ActiveCampaign, WooCommerce, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10700 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress-300x73.png\" alt=\"integraciones plugin elementor wordpress\" width=\"880\" height=\"214\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress-300x73.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress-1024x250.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress-768x187.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress-700x171.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/integraciones-plugin-elementor-wordpress.png 1271w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/p>\n<p><strong>Avanzado<\/strong><\/p>\n<p>Desde la pesta\u00f1a \u201cAvanzado\u201d, podr\u00e1s realizar ajustes m\u00e1s complejos, como:<\/p>\n<ul>\n<li><strong>Cambio de m\u00e9todo de carga del editor:<\/strong> Esta funci\u00f3n se utiliza para diagnosticar posibles conflictos de configuraci\u00f3n con el servidor. Viene desactivada por defecto y no es necesario modificarla.<\/li>\n<li><strong>Permitir la subida de archivos sin filtrar:<\/strong> Se pueden cargar archivos SVG en Elementor al activar esta opci\u00f3n, aunque WordPress no lo permite por defecto.<\/li>\n<\/ul>\n<blockquote><p><b>\u26a0\ufe0f<\/b><strong>Atenci\u00f3n:<\/strong> Los archivos SVG pueden contener c\u00f3digo malicioso, ya que son im\u00e1genes con contenido en XML, por lo que es muy recomendable asegurarse de su origen y seguridad.<\/p><\/blockquote>\n<ul>\n<li><strong>Google Fonts:<\/strong> Puedes desactivar esta opci\u00f3n si deseas evitar la carga de fuentes de Google. Esta acci\u00f3n solo es v\u00e1lida cuando se utilizan fuentes de un origen diferente.<\/li>\n<li><strong>Carga de Google Fonts:<\/strong> Se puede configurar c\u00f3mo se cargar\u00e1n las fuentes de Google Fonts en tu web.<\/li>\n<li><strong>Cargar compatibilidad con Font Awesome 4:<\/strong> Para garantizar que los iconos de Font Awesome 4 que hayas utilizado anteriormente en Elementor sean compatibles con la versi\u00f3n Font Awesome 5.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10702 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress-300x272.png\" alt=\"ajustes avanzado plugin elementor wordpress\" width=\"889\" height=\"806\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress-300x272.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress-1024x927.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress-768x695.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress-700x634.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-avanzado-plugin-elementor-wordpress.png 1100w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><\/p>\n<p><strong>Rendimiento<\/strong><\/p>\n<p>En la pesta\u00f1a \u201cRendimiento\u201d, puedes optimizar los tiempos de carga de tu sitio utilizando las diferentes alternativas que ofrece, como:<\/p>\n<ul>\n<li><strong>M\u00e9todo de impresi\u00f3n de CSS:<\/strong> Permite almacenar el c\u00f3digo CSS en un archivo externo o utilizarlo de forma &#8216;inline&#8217;.<\/li>\n<li><strong>Carga de im\u00e1genes optimizada:<\/strong> Permite optimizar el rendimiento de las im\u00e1genes.<\/li>\n<li><strong>Carga optimizada de <a href=\"https:\/\/www.lucushost.com\/blog\/gutenberg-wordpress\/\">Gutenberg<\/a>:<\/strong> Puedes eliminar las cargas innecesarias que obstaculizan la visualizaci\u00f3n desactivando los scripts y estilos no utilizados del editor de bloques de Gutenberg.<\/li>\n<li><strong>Carga diferida de im\u00e1genes de fondo:<\/strong> Puedes mejorar el rendimiento de la carga inicial de la p\u00e1gina activando esta opci\u00f3n de carga diferida para todas las im\u00e1genes de fondo.<\/li>\n<li><strong>Caducidad de la cach\u00e9 de elementos:<\/strong> Puedes establecer un per\u00edodo durante el cual los datos se mantendr\u00e1n en cach\u00e9.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10708 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-rendimiento-plugin-elementor-wordpress-300x241.png\" alt=\"ajustes rendimiento plugin elementor wordpress\" width=\"892\" height=\"717\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-rendimiento-plugin-elementor-wordpress-300x241.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/ajustes-rendimiento-plugin-elementor-wordpress-768x616.png 768w\" sizes=\"(max-width: 892px) 100vw, 892px\" \/><\/p>\n<p><strong>Caracter\u00edsticas<\/strong><\/p>\n<p>En la secci\u00f3n de \u201cCaracter\u00edsticas\u201d tendr\u00e1s la oportunidad de probar nuevas funciones y experimentos que el equipo de desarrollo del plugin est\u00e1 evaluando antes de su lanzamiento oficial en una actualizaci\u00f3n.<\/p>\n<p>Ten en cuenta que algunas de estas opciones se encuentran en versi\u00f3n Beta, por lo que es recomendable tener precauci\u00f3n al activarlas en un sitio web en funcionamiento, ya que podr\u00edan causar problemas. En el caso de que las pruebes, siempre hazlo a trav\u00e9s de un <a href=\"https:\/\/www.lucushost.com\/blog\/staging-wordpress\/\">staging en WordPress<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10776 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor-300x265.png\" alt=\"Ajustes experimentos y caracter\u00edsticas plugin Elementor\" width=\"881\" height=\"779\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor-300x265.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor-1024x905.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor-768x679.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor-700x618.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-experimentos-y-caracteristicas-plugin-Elementor.png 1107w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10777 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-300x298.png\" alt=\"Ajustes caracter\u00edsticas estables plugin Elementor\" width=\"878\" height=\"872\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-300x298.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-1024x1016.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-150x150.png 150w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-768x762.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor-700x694.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ajustes-caracteristicas-estables-plugin-Elementor.png 1107w\" sizes=\"(max-width: 878px) 100vw, 878px\" \/><\/p>\n<h3><span id=\"Paso_3_Maqueta_tu_web_con_Elementor\">Paso 3: Maqueta tu web con Elementor<\/span><\/h3>\n<p>Despu\u00e9s de instalar y configurar Elementor, puedes comenzar a editar tus p\u00e1ginas y entradas. Solo necesitas crear una nueva p\u00e1gina o entrada y empezar a editar con Elementor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10712 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-300x42.png\" alt=\"maquetar con elementor wordpress\" width=\"887\" height=\"124\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-300x42.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-1024x143.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-768x107.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-1536x215.png 1536w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress-700x98.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/maquetar-con-elementor-wordpress.png 1618w\" sizes=\"(max-width: 887px) 100vw, 887px\" \/><\/p>\n<h2><span id=\"Los_mejores_addons_para_Elementor\">Los mejores addons para Elementor<\/span><\/h2>\n<p>Muchos de los addons disponibles para Elementor incluyen widgets que ya vienen integrados en el propio Elementor o Elementor PRO, lo que puede llegar a ser confuso. Por eso, es importante elegir bien los addons que utilizamos, ya que algunos ofrecen m\u00e1s contenido innecesario que \u00fatil.<\/p>\n<p>\u00abPero, Carol&#8230; \u00bfQu\u00e9 es un addon para Elementor?\u00bb<\/p>\n<p>\u00a1Muy f\u00e1cil! Un addon para Elementor es un complemento adicional que ampl\u00eda las funcionalidades del propio plugin de Elementor. Estos addons a\u00f1aden nuevos widgets, plantillas, estilos y caracter\u00edsticas que ayudan a personalizar a\u00fan m\u00e1s el dise\u00f1o y las funcionalidades de tu web. Pero ojo, estos no est\u00e1n disponibles en la versi\u00f3n b\u00e1sica, o incluso en Elementor Pro.<\/p>\n<p>Los addons de Elementor resultan muy \u00fatiles para quienes buscan opciones m\u00e1s avanzadas o espec\u00edficas sin necesidad de c\u00f3digo adicional.<\/p>\n<p>Deja que te diga los que considero mejores addons para Elementor.<\/p>\n<h3><span id=\"Ultimate_Addons_for_Elementor\">Ultimate Addons for Elementor<\/span><\/h3>\n<p><strong><a href=\"https:\/\/ultimateelementor.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Ultimate Addons for Elementor<\/a><\/strong> es uno de los complementos m\u00e1s conocidos para el constructor de p\u00e1ginas Elementor. Creado por Brainstorm Force, este plugin destaca por su rapidez y ligereza y ofrece m\u00e1s de 50 widgets adicionales, m\u00e1s de 200 bloques de secciones predefinidos y un mont\u00f3n de opciones de dise\u00f1o y personalizaci\u00f3n.<\/p>\n<p>Ultimate Addons for Elementor es una excelente opci\u00f3n si buscas mejorar r\u00e1pidamente el dise\u00f1o de tu sitio web. Ofrece widgets altamente personalizables, funciones innovadoras como preajustes y copiado entre sitios, adem\u00e1s de elementos predise\u00f1ados para WooCommerce, SEO y otros.<\/p>\n<p>Con sus plantillas listas para usar, puedes crear p\u00e1ginas visualmente atractivas y mostrar testimonios o estad\u00edsticas de ventas de manera efectiva. Los planes comienzan desde $49 d\u00f3lares al a\u00f1o, con opciones de paquetes y precios de por vida.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10719 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor-300x144.png\" alt=\"Ultimate Addons for Elementor\" width=\"873\" height=\"419\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor-300x144.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor-1024x493.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor-768x370.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor-700x337.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Ultimate-Addons-for-Elementor.png 1273w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/p>\n<h3><span id=\"Essential_Addons_for_Elementor\">Essential Addons for Elementor<\/span><\/h3>\n<p><strong><a href=\"https:\/\/essential-addons.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Essential Addons for Elementor<\/a> <\/strong>es otro popular conjunto de addons para Elementor. Ofrece una colecci\u00f3n de m\u00e1s de 70 elementos y extensiones exclusivas para personalizar tu sitio web.<\/p>\n<p>Una de las ventajas de este plugin es que todos sus elementos son completamente personalizables. Gracias a ello, da un control total sobre el estilo. Y sobre todo, es ligero, por lo que no afecta al rendimiento de tu web.<\/p>\n<p>Otra funcionalidad \u00fatil es que permite activar y desactivar elementos individuales, lo que optimiza la velocidad de carga de tus p\u00e1ginas al eliminar las herramientas que no est\u00e1s usando.<\/p>\n<p>Su precio va desde $39,97 d\u00f3lares al a\u00f1o para una web, mientras que el plan ilimitado de por vida es de $199,98 d\u00f3lares.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10723 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor-300x138.png\" alt=\"Essential Addons for Elementor\" width=\"881\" height=\"405\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor-300x138.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor-1024x470.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor-768x352.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor-700x321.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Essential-Addons-for-Elementor.png 1411w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/p>\n<h3><span id=\"The_Plus_addons_for_Elementor\">The Plus addons for Elementor<\/span><\/h3>\n<p><strong><a href=\"https:\/\/theplusaddons.com\/\" rel=\"nofollow noopener\" target=\"_blank\">The Plus addons for Elementor<\/a><\/strong>\u00a0es un addons muy potente y vers\u00e1til que proporciona muchas funcionalidades a Elementor. Es ideal para dise\u00f1adores web y desarrolladores.<\/p>\n<p>Con ellos, podr\u00e1s mejorar el dise\u00f1o de tu sitio web con funciones mucho m\u00e1s avanzadas como widgets de contenido din\u00e1mico, mega men\u00fas y transiciones de p\u00e1gina. Adem\u00e1s, incluye herramientas para optimizar el rendimiento.<\/p>\n<p>The Plus Addons for Elementor incluye m\u00e1s de 120 widgets y extensiones, entre los que destacan herramientas como Plus Widget, Plus Listing, Plus Builder y Extras.<\/p>\n<p>Adem\u00e1s de estas funcionalidades, tambi\u00e9n ofrece una gran colecci\u00f3n de plantillas predefinidas. \u00a1Merece la pena echarle un vistazo!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10724 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor-300x175.png\" alt=\"The Plus Addons for Elementor\" width=\"881\" height=\"514\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor-300x175.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor-1024x596.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor-768x447.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor-700x408.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/The-Plus-Addons-for-Elementor.png 1492w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/p>\n<h3><span id=\"Premium_Addons_for_Elementor\">Premium Addons for Elementor<\/span><\/h3>\n<p><strong><a href=\"https:\/\/premiumaddons.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Premium Addons for Elementor<\/a>\u00a0<\/strong>te ofrece un mont\u00f3n de widgets. Adem\u00e1s, tienes la posibilidad de activarlos o desactivarlos para optimizar el rendimiento de tu sitio.<\/p>\n<p>Ver\u00e1s que cuenta con opciones de desplazamiento de im\u00e1genes, banners, carruseles, <a href=\"https:\/\/www.lucushost.com\/blog\/como-aparecer-en-google-maps-guia-completa\/\">Google Maps<\/a>, tablas de precios, contadores regresivos y doble cabecera, entre otras muchas.<\/p>\n<p>La versi\u00f3n gratuita incluye m\u00e1s de 23 widgets, mientras que la versi\u00f3n Pro est\u00e1 disponible desde $39 d\u00f3lares. Con acceso a m\u00e1s de 100 widgets adicionales.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10725 aligncenter\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-300x114.png\" alt=\"Premium Addons for Elementor\" width=\"881\" height=\"335\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-300x114.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-1024x389.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-768x292.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-1536x583.png 1536w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor-700x266.png 700w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2024\/09\/Premium-Addons-for-Elementor.png 1899w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/p>\n<h2><span id=\"Mi_opinion_personal_sobre_Elementor_como_herramienta_de_diseno\">Mi opini\u00f3n personal sobre Elementor como herramienta de dise\u00f1o<\/span><\/h2>\n<p data-start=\"61\" data-end=\"330\">En mi experiencia, Elementor es una de esas herramientas que realmente marcan la diferencia al dise\u00f1ar una web en WordPress. Tanto si est\u00e1s empezando como si ya tienes experiencia, este plugin hace que el proceso sea mucho m\u00e1s r\u00e1pido, visual e intuitivo.<\/p>\n<p data-start=\"332\" data-end=\"593\">Personalmente, lo considero imprescindible. Su facilidad de uso, combinada con la cantidad de opciones de personalizaci\u00f3n que ofrece, hacen que para m\u00ed sea la soluci\u00f3n perfecta para crear desde una web corporativa hasta una landing page optimizada para conversiones.<\/p>\n<p data-start=\"595\" data-end=\"894\">Adem\u00e1s, la versi\u00f3n gratuita ya es bastante completa y permite construir p\u00e1ginas profesionales sin necesidad de gastar nada. Y si buscas funciones m\u00e1s avanzadas, la versi\u00f3n Pro ampl\u00eda a\u00fan m\u00e1s las posibilidades con widgets adicionales, efectos din\u00e1micos y opciones avanzadas para tiendas online.<\/p>\n<p data-start=\"896\" data-end=\"1116\" data-is-last-node=\"\" data-is-only-node=\"\">Por eso, siempre que instalo WordPress, Elementor es uno de los primeros plugins que a\u00f1ado.<\/p>\n<p data-start=\"896\" data-end=\"1116\" data-is-last-node=\"\" data-is-only-node=\"\">\u00bfY t\u00fa? \u00bfLo has probado? \u00bfQu\u00e9 opinas de su funcionamiento? Si usas otro constructor visual, cu\u00e9ntame cu\u00e1l es y por qu\u00e9 lo prefieres a Elementor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfAlguna vez te has preguntado c\u00f3mo los dise\u00f1adores web consiguen crear p\u00e1ginas llamativas y profesionales sin necesidad de programar? La respuesta est\u00e1 en Elementor. Este plugin de WordPress ha revolucionado la forma de crear sitios web. Elementor ofrece herramientas intuitivas que permiten a cualquier persona, ya sea principiante o experto, dar vida a sus p\u00e1ginas.<\/p>\n","protected":false},"author":4,"featured_media":10677,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/10674"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=10674"}],"version-history":[{"count":79,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/10674\/revisions"}],"predecessor-version":[{"id":12553,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/10674\/revisions\/12553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/10677"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=10674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=10674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=10674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}