Una introducci\u00f3n a WordPress Elementor<\/h2>\n
En los primeros d\u00edas de Internet, la creaci\u00f3n de un sitio web requer\u00eda conocimientos avanzados de desarrollo y dise\u00f1o web<\/a>, o el acceso a un equipo de especialistas. Esto significaba que la creaci\u00f3n de un sitio web requer\u00eda mucho tiempo, a menudo era frustrante y potencialmente caro.<\/p>\n Gracias a los modernos creadores de p\u00e1ginas<\/a>, ahora puedes crear un sitio web de dise\u00f1o profesional<\/a> y alto rendimiento<\/a> sin necesidad de conocimientos especializados. Una vez que tu sitio est\u00e1 en marcha, puedes a\u00f1adir contenido o cambiar el dise\u00f1o en cualquier momento de forma r\u00e1pida y sencilla, incluso si no eres un programador<\/a>.<\/p>\n Hay varios constructores de p\u00e1ginas de WordPress, pero con m\u00e1s de cinco millones de instalaciones activas<\/a>, el plugin Element<\/a> or es uno de los m\u00e1s populares. Elementor<\/a> te permite crear desde sitios web completos hasta p\u00e1ginas de destino<\/a> individuales mediante un intuitivo editor de arrastrar y soltar.<\/p>\n Con Elementor, puedes controlar todos los aspectos del dise\u00f1o de tu sitio web mediante una \u00fanica plataforma. As\u00ed, tu sitio web puede reflejar perfectamente tu marca<\/a>.<\/p>\n El editor intuitivo y sin c\u00f3digo de Elementor es especialmente popular entre los propietarios de sitios web que no tienen experiencia en dise\u00f1o y desarrollo. Tambi\u00e9n es ideal para los emprendedores y las peque\u00f1as empresas<\/a> que tienen una idea para una empresa en l\u00ednea, pero que no tienen necesariamente los fondos para contratar a un equipo de dise\u00f1o o desarrollo dedicado.<\/p>\n Incluso si eres un profesional con experiencia, hay muchas razones para usar Elementor. El hecho de que tengas conocimientos de codificaci\u00f3n no significa que sea conveniente crear siempre todo desde cero.<\/p>\n Elementor tiene un mont\u00f3n de funciones que te ayudar\u00e1n a crear sitios web galardonados en menos tiempo. Esto incluye m\u00e1s de 90 widgets listos para usar<\/a> y plantillas web dise\u00f1adas por profesionales<\/a>.<\/p>\n De este modo, Elementor puede aumentar tu productividad y tus beneficios. Estas funciones de ahorro de tiempo pueden resultar especialmente lucrativas si construyes regularmente sitios web de WordPress (es decir, para desarrolladores aut\u00f3nomos<\/a> y agencias de WordPress<\/a>).<\/p>\n\n Elementor es un software \u00abfreemium\u00bb. Puedes descargar el n\u00facleo del plugin de Elementor<\/a> de forma gratuita o comprar una licencia de Elementor Pro<\/a>.<\/p>\n El plugin gratuito de WordPress viene con todo lo que necesitas para crear p\u00e1ginas de ventas visualmente atractivas, listados de productos<\/a>, sitios web de empresas<\/a> y mucho m\u00e1s. Incluye m\u00e1s de 40 widgets, 100 plantillas y m\u00e1s de 300 bloques. Los bloques son plantillas de secciones predise\u00f1adas que puedes mezclar y combinar para crear dise\u00f1os \u00fanicos.<\/p>\n Si quieres una funcionalidad m\u00e1s avanzada, puedes comprar Elementor Pro. Esto desbloquea algunos widgets adicionales, junto con el Constructor de Temas<\/a> de Elementor.<\/p>\n Utilizando el Constructor de Temas, puedes editar casi todos los elementos del sitio, incluyendo la cabecera y el pie de p\u00e1gina. Tambi\u00e9n puedes crear dise\u00f1os personalizados de posts y p\u00e1ginas de archivo.<\/p>\n Si est\u00e1s desarrollando una tienda online, Elementor Pro tambi\u00e9n incluye un WooCommerce Builder<\/a>. Puedes utilizarlo para personalizar el contenido de WooCommerce de tu sitio, incluyendo la p\u00e1gina de productos, el archivo de productos y la p\u00e1gina de pago. Tambi\u00e9n obtendr\u00e1s acceso a widgets dise\u00f1ados expl\u00edcitamente para impulsar las conversiones, como los de A\u00f1adir al carrito personalizado<\/a>, las subventas<\/a> y los productos relacionados<\/a>.<\/p>\n Elementor Pro tambi\u00e9n viene con un Constructor de Popups<\/a> y un Constructor de Formularios<\/a>. Aunque hay plugins independientes que pueden ayudarte a crear formularios<\/a> y ventanas emergentes, si optas por Elementor, podr\u00e1s minimizar el n\u00famero de plugins que tendr\u00e1s que instalar y mantener.<\/p>\n Utilizar demasiados plugins puede hacer que tu sitio sea m\u00e1s vulnerable a los hackers<\/a>. Incluso puede afectar al rendimiento de tu sitio web<\/a>. As\u00ed que es una buena pr\u00e1ctica minimizar el n\u00famero que tienes instalado. Adem\u00e1s, dado que est\u00e1s dise\u00f1ando todos los elementos de tu sitio utilizando la misma plataforma, deber\u00eda resultarte m\u00e1s f\u00e1cil conseguir un aspecto y una sensaci\u00f3n coherentes.<\/p>\n Las licencias de Elementor Pro incluyen el acceso a m\u00e1s de 60 kits de sitios web profesionales. Se trata de paquetes de plantillas, p\u00e1ginas, ventanas emergentes y otros componentes que pueden ayudarte a crear un sitio web completo. Si adquieres una licencia Experto o superior, tambi\u00e9n tendr\u00e1s acceso a 20 kits de sitios web expertos.<\/p>\n Adem\u00e1s, todas las licencias Pro incluyen soporte t\u00e9cnico premium. Normalmente, recibir\u00e1s respuestas del equipo de soporte especializado de Elementor en un d\u00eda. Sin embargo, si optas por Elementor Pro Studio o superior, pasar\u00e1s a tener soporte VIP. Esto te permite participar en chats en directo con el equipo de soporte VIP de Elementor. Tambi\u00e9n recibir\u00e1s respuestas prioritarias a tus tickets, que suelen llegar en menos de 30 minutos.<\/p>\n Si eres una agencia, un desarrollador o un dise\u00f1ador, puede que te interese tener un perfil en la Red de Expertos<\/a>. All\u00ed podr\u00e1s mostrar tu trabajo y llamar la atenci\u00f3n de clientes potenciales.<\/p>\n Si est\u00e1s interesado en anunciarte a trav\u00e9s de la Red de Expertos, tambi\u00e9n te pueden interesar las licencias de Experto, Estudio o Agencia de Elementor Pro. Estas licencias te permiten crear un perfil en este popular mercado.<\/p>\n Los planes de Elementor Pro oscilan entre 49 y 999 d\u00f3lares al a\u00f1o<\/a>. La empresa tambi\u00e9n ofrece una garant\u00eda de devoluci\u00f3n del dinero de 30 d\u00edas, para que puedas probarlo antes de comprarlo.<\/p>\n Como es un plugin de WordPress, instalar Elementor<\/a> es r\u00e1pido y f\u00e1cil. Puedes descargar el plugin gratuito<\/a> directamente desde tu panel de control de WordPress.<\/p>\n Para descargar la versi\u00f3n gratuita, ve a Plugins > A\u00f1adir nuevo<\/strong>. En el campo de b\u00fasqueda, escribe Elementor<\/strong>. Cuando aparezca el plugin, haz clic en Instalar ahora<\/strong>.<\/p>\n Cuando se te pida, haz clic en Activar<\/strong>. El plugin a\u00f1adir\u00e1 una opci\u00f3n de Elementor <\/strong>a tu barra lateral de WordPress.<\/p>\n \u00a1Ya est\u00e1s listo para empezar a usar Elementor! Para empezar, simplemente haz clic en la opci\u00f3n de Elementor en la barra lateral.<\/p>\n Tambi\u00e9n puedes descargar el plugin de Elementor directamente desde el repositorio de WordPress. A continuaci\u00f3n, entra en tu panel de control de WordPress y ve a Plugins > A\u00f1adir nuevo > Subir plugin<\/strong>. A continuaci\u00f3n, haz clic en Elegir archivo<\/strong> y selecciona el archivo .zip<\/em> de Elementor que acabas de descargar.<\/p>\n Hay dos formas de conectar Elementor Pro a WordPress. Si a\u00fan no has comprado una licencia de Elementor Pro, tendr\u00e1s que dirigirte al sitio web oficial y seleccionar Empezar<\/strong>.<\/p>\n A continuaci\u00f3n, puedes seguir las instrucciones que aparecen en pantalla para crear una cuenta de Elementor. Cuando se te pida, introduce alguna informaci\u00f3n sobre el tipo de sitio web que quieres hacer.<\/p>\n A continuaci\u00f3n, elige el plan que quieres comprar. Como Elementor requiere un sitio web de WordPress activo, tendr\u00e1s que introducir el dominio de tu sitio. A continuaci\u00f3n, Elementor realizar\u00e1 una comprobaci\u00f3n para verificar que tu sitio utiliza la plataforma WordPress.<\/p>\n Suponiendo que tienes un sitio web de WordPress activo, el siguiente paso es hacer clic en Instalar Elementor<\/strong>. Se te redirigir\u00e1 autom\u00e1ticamente a la p\u00e1gina del plugin de Elementor si has iniciado sesi\u00f3n en tu sitio.<\/p>\n Cuando se te pida, haz clic en Instalar ahora > Activar<\/strong>. Elementor a\u00f1adir\u00e1 el plugin de construcci\u00f3n de p\u00e1ginas a tu sitio.<\/p>\n Como alternativa, si ya has comprado una licencia de Elementor Pro, dir\u00edgete al sitio web oficial e inicia sesi\u00f3n con los datos que has recibido en tu correo electr\u00f3nico de confirmaci\u00f3n.<\/p>\n En tu cuenta de Elementor, selecciona Suscripciones <\/strong>en el men\u00fa de la izquierda. A continuaci\u00f3n, puedes hacer clic en Descargar Zip<\/strong>.<\/p>\n A continuaci\u00f3n, entra en tu panel de control de WordPress y ve a Plugins > A\u00f1adir nuevo<\/strong>. Entonces podr\u00e1s subir el archivo .<\/em> zip de Elementor Pro que acabas de descargar.<\/p>\n Tras instalar y activar Elementor Pro, WordPress deber\u00eda pedirte que introduzcas tu clave de licencia. Tambi\u00e9n puedes ir a Elementor > Licencia > Conectar y activar<\/strong>.<\/p>\n WordPress deber\u00eda verificar tu licencia autom\u00e1ticamente si has iniciado sesi\u00f3n en tu cuenta de Elementor. Si no lo est\u00e1s, introduce tu nombre de usuario y contrase\u00f1a de Elementor cuando se te pida que actives tu licencia.<\/p>\n Con Elementor, puedes dise\u00f1ar sitios web \u00fanicos sin necesidad de tener conocimientos especiales de dise\u00f1o o desarrollo. Sin embargo, ayuda a familiarizarse con los fundamentos antes de construir un sitio web completo. Aqu\u00ed tienes una r\u00e1pida introducci\u00f3n al flujo de trabajo de Elementor con eso en mente.<\/p>\n Para dise\u00f1ar una nueva p\u00e1gina o post en el constructor de p\u00e1ginas de Elementor, navega a P\u00e1ginas\/Posts > A\u00f1adir nuevo<\/strong>. Puedes lanzar el editor de Elementor haciendo clic en Editar con Elementor<\/strong>.<\/p>\n Tambi\u00e9n es posible que tengas una p\u00e1gina existente a la que le vendr\u00eda bien un cambio de imagen. Simplemente navega hasta la p\u00e1gina en cuesti\u00f3n y \u00e1brela para editarla en este escenario. A continuaci\u00f3n, puedes hacer clic en el bot\u00f3n Editar con Elementor<\/strong>.<\/p>\n En la parte izquierda de la pantalla, ver\u00e1s la barra lateral de Elementor. Aqu\u00ed es donde encontrar\u00e1s todos los elementos que puedes a\u00f1adir a tus dise\u00f1os, como botones y encabezados.<\/p>\n La barra lateral de Elementor tambi\u00e9n contiene una secci\u00f3n de Widgets Globales<\/strong>. Si piensas reutilizar el mismo widget en varios dise\u00f1os, puedes guardarlo como Widget Global. Esto hace que tu elemento personalizado sea f\u00e1cilmente accesible en cualquier momento. Tambi\u00e9n proporciona una ubicaci\u00f3n central donde puedes editar tu widget una vez para hacer cambios universales. Elementor replicar\u00e1 entonces estos cambios en todo tu sitio web.<\/p>\n A la derecha est\u00e1 el lienzo de vista previa en vivo, donde puedes crear tu dise\u00f1o. Elementor se actualizar\u00e1 autom\u00e1ticamente para mostrar tus cambios en tiempo real mientras realizas tus ediciones.<\/p>\n El editor de Elementor proporciona acceso a tres bloques de construcci\u00f3n principales: Secciones, Columnas y Widgets. Ya hemos hablado de los widgets de Elementor, as\u00ed que vamos a ver c\u00f3mo puedes a\u00f1adirlos a tus dise\u00f1os.<\/p>\n Normalmente, empezar\u00e1s creando una Secci\u00f3n, haciendo clic en el icono +<\/strong> dentro del lienzo principal. Elementor te pedir\u00e1 entonces que selecciones tu estructura.<\/strong><\/p>\n Las opciones de estructura consisten en una o m\u00e1s columnas. Eventualmente, colocar\u00e1s tu widget dentro de estas Columnas. Estas juegan un papel importante en la creaci\u00f3n de dise\u00f1os m\u00e1s organizados.<\/p>\n Despu\u00e9s de tomar tu decisi\u00f3n, Elementor a\u00f1adir\u00e1 esta Secci\u00f3n a tu dise\u00f1o. Para mover esta Secci\u00f3n a una nueva ubicaci\u00f3n, dale un clic y luego agarra el asa azul punteada que aparece.<\/p>\n Para editar una Secci\u00f3n, simplemente haz Control-clic en este asa azul punteada. Se abrir\u00e1 un men\u00fa contextual en el que podr\u00e1s realizar cambios sencillos, como copiar o eliminar la Secci\u00f3n seleccionada.<\/p>\n Supongamos que quieres hacer ediciones m\u00e1s complejas, haz Control-clic en el asa azul y selecciona Editar Secci\u00f3n<\/strong>. La barra lateral de Elementor se actualizar\u00e1 para mostrar todos los cambios adicionales que puedes hacer en esta Secci\u00f3n.<\/p>\n Tambi\u00e9n puedes a\u00f1adir widgets a esta Secci\u00f3n. En la barra lateral de Elementor, busca el widget que quieras utilizar y arr\u00e1stralo al lienzo principal.<\/p>\n Mientras arrastras el widget, Elementor resaltar\u00e1 todas las diferentes Secciones y Columnas donde puedes soltar este elemento. Cuando est\u00e9s listo, simplemente suelta el rat\u00f3n. Elementor a\u00f1adir\u00e1 ahora este widget a la Secci\u00f3n que hayas elegido.<\/p>\n Puedes utilizar Elementor para editar la configuraci\u00f3n de todo tu sitio. Esto incluye cambiar la fuente<\/a> y los colores HTML por defecto<\/a>. Tambi\u00e9n puedes modificar los bordes y las sombras que WordPress a\u00f1ade a elementos como las im\u00e1genes de tu sitio.<\/p>\n Ajustando estas configuraciones a nivel de sitio, puedes asegurar un aspecto y sensaci\u00f3n consistentes en todo tu sitio web de WordPress. Este proceso tambi\u00e9n es mucho m\u00e1s r\u00e1pido y sencillo que aplicar estos cambios p\u00e1gina por p\u00e1gina. Para ver los ajustes disponibles del sitio, haz clic en el men\u00fa hamburguesa de la barra lateral de Elementor.<\/p>\n Ahora puedes explorar tus opciones y hacer los cambios necesarios. Cuando est\u00e9s listo para publicar la nueva configuraci\u00f3n de tu sitio, haz clic en el bot\u00f3n Actualizar<\/strong> situado en la parte inferior de la barra lateral de Elementor.<\/p>\n Mientras editas tus dise\u00f1os, Elementor est\u00e1 registrando silenciosamente tus cambios. Puedes volver a revisar f\u00e1cilmente tus ediciones, lo que puede ser un salvavidas si te das cuenta de que has cometido un error.<\/p>\n El registro del historial de Elementor tambi\u00e9n te da la libertad de experimentar. Puedes probar varios cambios y luego eliminarlos r\u00e1pidamente. Al animarte a experimentar, Elementor puede mejorar la calidad de tus dise\u00f1os acabados<\/a>.<\/p>\n Para ver el registro de Elementor, haz clic en el icono de Historial<\/strong> en la parte inferior de la barra lateral. La pesta\u00f1a Acciones<\/strong> registra cada uno de los cambios que realizas en Elementor. Puede ser cualquier cosa, desde la creaci\u00f3n de una nueva Secci\u00f3n hasta la edici\u00f3n de un texto existente:<\/p>\n Cada vez que pulsas Guardar<\/strong>, Elementor registra la versi\u00f3n actual de tu p\u00e1gina como una nueva revisi\u00f3n. Puedes ver todas estas instant\u00e1neas en la pesta\u00f1a Revisiones<\/strong>. Si quieres volver a un guardado anterior, simplemente b\u00fascalo en la lista de Revisiones<\/strong> y haz clic en \u00e9l.<\/p>\n Ahora que est\u00e1s familiarizado con el flujo de trabajo esencial de Elementor, vamos a ver c\u00f3mo puedes utilizar estos conocimientos para dise\u00f1ar algunas p\u00e1ginas nuevas. En primer lugar, cubriremos la creaci\u00f3n de una p\u00e1gina est\u00e1ndar de WordPress utilizando el plugin gratuito de Elementor. Luego veremos c\u00f3mo puedes desarrollar una p\u00e1gina de producto de alta conversi\u00f3n utilizando WooCommerce y Elementor Pro.<\/p>\n Cada p\u00e1gina web es diferente. Sin embargo, hay algunos elementos comunes que encontrar\u00e1s en varios sitios. Esto incluye los encabezados, el cuerpo del texto y los medios como las im\u00e1genes<\/a>. Veamos c\u00f3mo puedes crear una p\u00e1gina con estos componentes fundamentales.<\/p>\n Para empezar, crea una nueva p\u00e1gina accediendo a P\u00e1ginas > A\u00f1adir nueva > Editar con Elementor<\/strong>. A continuaci\u00f3n, a\u00f1ade una Secci\u00f3n a tu dise\u00f1o haciendo clic en el icono +<\/strong>. Vamos a empezar con nuestra cabecera, por lo que querremos optar por un dise\u00f1o de una sola columna.<\/p>\n En la barra lateral de Elementor, busca el widget Encabezado. Ahora, arrastra y suelta este widget en tu nueva Secci\u00f3n. A continuaci\u00f3n, puedes escribir el texto de tu encabezado en la barra lateral de Elementor y utilizar varios ajustes para dar estilo a tu t\u00edtulo.<\/p>\n A continuaci\u00f3n, haz clic en el icono +<\/strong> para a\u00f1adir una segunda Secci\u00f3n. Vamos a incrustar una imagen y luego proporcionar un texto de apoyo, as\u00ed que ahora optaremos por un dise\u00f1o de varias columnas.<\/p>\n A continuaci\u00f3n, arrastra el widget Editor de texto de la barra lateral de Elementor y su\u00e9ltalo en esta nueva Secci\u00f3n. A continuaci\u00f3n, puedes a\u00f1adir y dar estilo a tu texto utilizando la configuraci\u00f3n de la barra lateral.<\/p>\n Cuando est\u00e9s satisfecho con tu texto, busca el widget de Imagen. Una vez m\u00e1s, utiliza la funci\u00f3n de arrastrar y soltar para a\u00f1adir este widget a tu Secci\u00f3n.<\/p>\n En la barra lateral, haz clic en la miniatura de la vista previa. Ahora puedes utilizar la biblioteca multimedia de WordPress para subir una nueva imagen o elegir un gr\u00e1fico previamente subido.<\/p>\n Para ver tu dise\u00f1o en acci\u00f3n, haz clic en el icono del ojo en la parte inferior de la barra lateral de Elementor. Esto muestra una vista previa del dise\u00f1o de tu p\u00e1gina en una nueva pesta\u00f1a.<\/p>\n Cuando est\u00e9s satisfecho con tu dise\u00f1o, haz clic en el bot\u00f3n Publicar<\/strong>. Ten en cuenta que si tu p\u00e1gina ya est\u00e1 activa, este bot\u00f3n te pedir\u00e1 que la actualices<\/strong>.<\/p>\n Si tienes una tienda de WooCommerce<\/a>, puedes utilizar Elementor Pro para crear una p\u00e1gina de producto personalizada. Esto puede implicar la modificaci\u00f3n de la p\u00e1gina de WooCommerce est\u00e1ndar para reflejar mejor la marca de tu sitio. Tambi\u00e9n puedes intentar optimizar tu p\u00e1gina para conseguir m\u00e1s conversiones.<\/p>\n Para dise\u00f1ar una p\u00e1gina de producto de WooCommerce personalizada, selecciona Plantillas<\/strong> en el panel de control de WordPress. A continuaci\u00f3n, haz clic en el bot\u00f3n A\u00f1adir nuevo<\/strong>. En la siguiente ventana, abre el primer men\u00fa desplegable y selecciona Producto \u00fanico<\/strong>.<\/p>\n Dale a tu nueva plantilla un nombre descriptivo y haz clic en Crear Plantilla<\/strong>. Esto lanzar\u00e1 la biblioteca de Elementor con todos los dise\u00f1os disponibles de Producto \u00danico.<\/p>\n Para ver de cerca una plantilla, pasa el rat\u00f3n por encima de ella y haz clic en el icono de la lupa cuando aparezca. Si quieres aplicar este dise\u00f1o a tu tienda, haz clic en Insertar<\/strong>.<\/p>\n Las plantillas de Elementor cuentan con una serie de componentes ya preparados. Para editar cualquiera de estos elementos, simplemente haz clic sobre ellos. La barra lateral de Elementor se actualizar\u00e1 para mostrar todos los ajustes de ese elemento en particular.<\/p>\n Elementor Pro ofrece una serie de widgets de WooCommerce<\/a> que puedes a\u00f1adir a tus dise\u00f1os. Para ver lo que hay disponible, despl\u00e1zate a las secciones WooCommerce<\/strong> o Producto<\/strong> en la barra lateral de Elementor.<\/p>\n Estas secciones incluyen widgets con funcionalidades avanzadas incorporadas, como las migas de pan de WooCommerce<\/a>, el carrito y el pago. Para a\u00f1adir estos elementos a tu dise\u00f1o, simplemente arr\u00e1stralos al lienzo de Elementor y su\u00e9ltalos. A continuaci\u00f3n, puedes soltar el widget en la secci\u00f3n en la que quieras mostrar este contenido.<\/p>\n Cuando est\u00e9s contento con tu dise\u00f1o, haz clic en Publicar<\/strong>. A continuaci\u00f3n, puedes seleccionar A\u00f1adir condici\u00f3n<\/strong> y especificar las \u00e1reas en las que quieres utilizar este dise\u00f1o. Por ejemplo, puedes aplicar esta plantilla a una categor\u00eda de productos espec\u00edfica o utilizarla en toda tu tienda.<\/p>\n Las plantillas de Elementor son p\u00e1ginas y bloques predise\u00f1ados que simplifican el proceso de creaci\u00f3n del sitio web. Las p\u00e1ginas son dise\u00f1os de contenido completo, mientras que los bloques son secciones que contienen widgets preconstruidos. Algunos ejemplos populares de Bloques incluyen cabeceras, pies de p\u00e1gina, rese\u00f1as y testimonios<\/a>, y preguntas frecuentes (FAQs)<\/a>.<\/p>\n El plugin gratuito de Elementor viene con m\u00e1s de 100 plantillas de p\u00e1gina completa y m\u00e1s de 300 bloques. Si te actualizas a Elementor Pro, tendr\u00e1s acceso a algunas opciones adicionales.<\/p>\n Haz clic en el icono A\u00f1adir plantilla para aplicar una plantilla a tu dise\u00f1o actual. Este bot\u00f3n deber\u00eda aparecer como parte de cada bloque de Secci\u00f3n y est\u00e1 representado por una carpeta blanca. Esto iniciar\u00e1 la Biblioteca de Elementor.<\/p>\n Aqu\u00ed encontrar\u00e1s todas las plantillas de bloques y p\u00e1ginas que puedes aplicar a tu p\u00e1gina. Puedes previsualizar cualquier plantilla pasando por encima de ella y haciendo clic en su icono de lupa.<\/p>\n Cuando encuentres una plantilla que quieras utilizar, haz clic en Insertar<\/strong>. Si no te has conectado previamente a la biblioteca de plantillas de Elementor, la ventana emergente te pedir\u00e1 que completes ese paso.<\/p>\n Tras realizar esta conexi\u00f3n, Elementor insertar\u00e1 la plantilla que hayas elegido. Ahora puedes personalizarla. Por ejemplo, puedes a\u00f1adir m\u00e1s widgets o eliminar cualquier contenido del marcador de posici\u00f3n.<\/p>\n Elementor viene con una amplia selecci\u00f3n de plantillas ya hechas. Sin embargo, a veces puedes tener un aspecto particular en mente. En ese caso, puede que prefieras dise\u00f1ar tus plantillas.<\/p>\n La creaci\u00f3n de tus dise\u00f1os puede garantizar la coherencia en todo tu sitio. Incluso puedes utilizar las plantillas para acelerar el dise\u00f1o y el desarrollo si eres una agencia de WordPress. Por ejemplo, puedes crear una biblioteca de plantillas que incluya todo el contenido y la configuraci\u00f3n que sueles aplicar a los sitios de tus clientes. Luego puedes utilizar estas plantillas como punto de partida para todos los proyectos futuros.<\/p>\n Para empezar, selecciona Plantillas<\/strong> en el panel de control de WordPress. A continuaci\u00f3n, haz clic en A\u00f1adir nueva<\/strong>.<\/p>\n En la siguiente ventana emergente, abre el primer men\u00fa desplegable y elige el tipo de plantilla que quieres crear. Tus opciones son P\u00e1gina<\/strong>, Secci\u00f3n<\/strong> o P\u00e1gina de Aterrizaje<\/strong>.<\/p>\n A continuaci\u00f3n, dale a este dise\u00f1o un nombre descriptivo y haz clic en Crear plantilla<\/strong>. Esto lanzar\u00e1 el constructor de p\u00e1ginas est\u00e1ndar de Elementor. Ahora puedes construir tu plantilla de la misma manera que crear\u00edas una p\u00e1gina normal. Simplemente a\u00f1ade Secciones, Columnas y widgets hasta que est\u00e9s contento con tu dise\u00f1o.<\/p>\n Para guardar este dise\u00f1o como plantilla, haz clic en la flecha que aparece junto al bot\u00f3n Actualizar\/Publicar<\/strong>. A continuaci\u00f3n, puedes seleccionar Guardar como plantilla<\/strong>.<\/p>\n![\"Constructor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-wordpress-plugin.png\")
![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-web-templates.png\")
Elementor Free vs Elementor Pro<\/h2>\n
![\"Opciones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-pro-homepage.png\")
![\"Biblioteca](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-block-templates.png\")
![\"Constructor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-theme-builder.png\")
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-builder-homepage.png\")
![\"Red](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-experts-network.png\")
C\u00f3mo instalar Elementor<\/h2>\n
![\"Elementor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-wordpress-sidebar.png\")
C\u00f3mo conectar Elementor Pro a WordPress<\/h3>\n
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-pro-setup.png\")
![\"Descargar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-download-zip.png\")
Uso de Elementor: 4 tareas esenciales que debes dominar<\/h2>\n
1. Iniciar el constructor de p\u00e1ginas de Elementor<\/h3>\n
![\"Opci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/edit-with-elementor-1.png\")
![\"Editor](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-page-builder.png\")
2. A\u00f1adir secciones, columnas y widgets<\/h3>\n
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-section-structure.png\")
![\"Selecciona](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-column-structure.png\")
![\"A\u00f1ade](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/edit-elementor-section.png\")
![\"Hay](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-edit-section.png\")
3. Editar la configuraci\u00f3n de tu sitio<\/h3>\n
![\"Configurar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-site-settings.png\")
4. Comprueba tu historial de revisiones<\/h3>\n
![\"Registro](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-revision-history.png\")
C\u00f3mo construir una p\u00e1gina en Elementor (2 m\u00e9todos)<\/h2>\n
1. C\u00f3mo crear una p\u00e1gina est\u00e1ndar de WordPress<\/h3>\n
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-single-column.png\")
![\"Estiliza](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-heading-widget.png\")
![\"A\u00f1ade](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-two-column.png\")
![\"Arrastrar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-image-widget-.png\")
![\"Vista](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-design-preview.png\")
2. C\u00f3mo crear una p\u00e1gina de producto de WooCommerce<\/h3>\n
![\"WooCommerce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-single-product-.png\")
![\"Dise\u00f1os](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/single-product-templates.png\")
![\"Pasa](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/insert-page-template.png\")
![\"Componentes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-edit-woocommerce.png\")
![\"Widgets](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-elementor-widgets.png\")
![\"Arrastrar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/woocommerce-cart-widget.png\")
C\u00f3mo encontrar e instalar plantillas de Elementor predise\u00f1adas<\/h2>\n
![\"Biblioteca](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/faq-elementor-blocks.png\")
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-template-library.png\")
![\"Pasa](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-404-block.png\")
![\"Conectarse](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/connect-template-library-.png\")
C\u00f3mo crear plantillas con Elementor<\/h2>\n
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-templates-new.png\")
![\"Elige](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/landing-page-template.png\")
![\"Guardar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/save-as-template.png\")
![\"Encuentra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/my-templates-library.png\")
![\"Convirtiendo](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/block-template-save-.png\")
![\"Mostrar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/elementor-navigator-menu.png\")
![\"Atajos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/keyboard-shortcuts-hotkeys.png\")