{"id":237031,"date":"2021-12-15T13:26:00","date_gmt":"2021-12-15T10:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237031"},"modified":"2022-05-16T14:39:00","modified_gmt":"2022-05-16T11:39:00","slug":"como-utilizar-el-complemento-elementor-page-builder","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-utilizar-el-complemento-elementor-page-builder\/","title":{"rendered":"C\u00f3mo utilizar el complemento Elementor Page Builder"},"content":{"rendered":"<p>\u00bfQu\u00e9 pasar\u00eda si pudieras controlar cada p\u00edxel del dise\u00f1o de tu sitio sin escribir c\u00f3digo?<\/p>\n<p>Bueno, esa es la misi\u00f3n en la que se embarc\u00f3 Elementor, \u00bfy sabes qu\u00e9?<\/p>\n<p>\u00a1Ellos lo hicieron!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> es una herramienta de creaci\u00f3n de p\u00e1ginas extremadamente robusta que le permite crear p\u00e1ginas personalizadas e incluso sitios web completos. Y ni siquiera necesita mirar una l\u00ednea de c\u00f3digo y mucho menos escribir uno propio.<\/p>\n<p>En este tutorial de Elementor, aprender\u00e1 a usar el creador de p\u00e1ginas para crear dise\u00f1os de p\u00e1gina completamente personalizados.<\/p>\n<h2>C\u00f3mo usar Elementor<\/h2>\n<p>Si prefiere ver un video, este tutorial paso a paso lo cubre todo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Up58uOqFiL8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Suscr\u00edbete para competir temas en Youtube<\/a><\/p>\n<p>El primer paso para comenzar es instalar el complemento Elementor.<\/p>\n<h2>Instalar Elementor<\/h2>\n<p>Elementor es un complemento gratuito y se puede instalar como cualquier otro complemento que haya agregado a su sitio.<\/p>\n<p>Visite el men\u00fa Complementos&gt; Agregar nuevo y use la barra de b\u00fasqueda en la parte superior derecha para buscar &quot;elementor&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Haga clic en el bot\u00f3n Instalar ahora y luego haga clic en Activar despu\u00e9s de que se complete la instalaci\u00f3n.<\/p>\n<p>Con Elementor instalado, ver\u00e1 dos nuevos men\u00fas agregados a su sitio web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>El men\u00fa principal de Elementor tiene algunas configuraciones globales, pero honestamente no las usar\u00e1 mucho. Aparte de eso, se trata principalmente de enlaces a recursos de soporte y funciones de Elementor Pro.<\/p>\n<p>El men\u00fa Plantillas es muy \u00fatil y lo veremos m\u00e1s adelante en el tutorial.<\/p>\n<h2>C\u00f3mo editar una p\u00e1gina con Elementor<\/h2>\n<p>La mayor parte del trabajo que haga con Elementor se realizar\u00e1 en el editor de Elementor.<\/p>\n<p>Para comunicarse con el editor, puede visitar el men\u00fa Publicaciones o P\u00e1ginas y luego hacer clic en la p\u00e1gina que desea editar. Dentro del editor, ver\u00e1 un nuevo bot\u00f3n &quot;Editar con Elementor&quot; que lo llevar\u00e1 al editor de Elementor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Si bien puede usar el editor de Elementor y el contenido de la p\u00e1gina normal juntos, tiende a volverse confuso y desordenado. Por esta raz\u00f3n, recomendar\u00eda poner todo su contenido en Elementor para cualquier p\u00e1gina en la que lo use.<\/p>\n<p>Una vez que haga clic en el bot\u00f3n de edici\u00f3n azul, ser\u00e1 llevado al editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Como puede ver, est\u00e1 configurado como Live Customizer. Hay una vista previa a la derecha y, a la izquierda, puede ver los widgets.<\/p>\n<p>Los widgets son los bloques de construcci\u00f3n b\u00e1sicos de las p\u00e1ginas de Elementor, por lo que aprender a usarlos es imperativo.<\/p>\n<p>Dentro del men\u00fa de widgets, encontrar\u00e1 algunas secciones diferentes.<\/p>\n<p>La secci\u00f3n b\u00e1sica en la parte superior incluye elementos pr\u00e1cticos como el editor de texto, el encabezado y los widgets de iconos.<\/p>\n<p>Si contin\u00faa desplaz\u00e1ndose, encontrar\u00e1 que hay algunas secciones m\u00e1s:<\/p>\n<ul>\n<li><strong>Pro:<\/strong> widgets m\u00e1s avanzados como cuadr\u00edculas de publicaciones (solo Elementor Pro)<\/li>\n<li><strong>General:<\/strong> widgets m\u00e1s utilizados (gratis)<\/li>\n<li><strong>Sitio:<\/strong> para crear sitios completos con Elementor (solo Elementor Pro)<\/li>\n<li><strong>WooCommerce:<\/strong> para crear una tienda WC con Elementor (solo Elementor Pro)<\/li>\n<li><strong>WordPress:<\/strong> todos tus widgets WP normales<\/li>\n<\/ul>\n<p>La secci\u00f3n de WordPress es ordenada porque le permite usar los 17 widgets predeterminados incluidos en WordPress, adem\u00e1s de los widgets agregados por complementos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Para agregar un widget a la p\u00e1gina, simplemente arr\u00e1strelo y su\u00e9ltelo en el cuadro delineado en la vista previa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Una vez que agregue el widget, encontrar\u00e1 todo tipo de opciones de personalizaci\u00f3n disponibles en la barra lateral.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Cada widget tiene una secci\u00f3n de Contenido, Estilo y Avanzado. Aqu\u00ed hay un vistazo r\u00e1pido a algunas de las opciones de estilo disponibles para un t\u00edtulo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Si bien puede editar el contenido de cualquier widget desde la pesta\u00f1a Contenido en la barra lateral, tambi\u00e9n puede editarlo directamente en la vista previa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Eso deber\u00eda darle una buena idea de los conceptos b\u00e1sicos de los widgets. Como has visto, hay una gran variedad de widgets. Adem\u00e1s, incluso hay <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complementos disponibles<\/a> que incluyen widgets que normalmente no est\u00e1n disponibles en Elementor.<\/p>\n<p>A estas alturas, probablemente se est\u00e9 entusiasmando con lo que puede hacer con Elementor, pero cr\u00e9ame, hay mucho m\u00e1s.<\/p>\n<h2>Crea dise\u00f1os de p\u00e1gina personalizados<\/h2>\n<p>Hasta ahora, solo ha visto c\u00f3mo arrastrar y soltar widgets en la p\u00e1gina, lo que da como resultado un dise\u00f1o simple de una sola columna.<\/p>\n<p>Tambi\u00e9n puede hacer clic en el bot\u00f3n m\u00e1s en la vista previa para crear una nueva estructura de p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Una vez que haga clic en \u00e9l, ver\u00e1 12 estructuras diferentes para elegir.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Una vez que elija uno, se crear\u00e1 la secci\u00f3n de la p\u00e1gina y podr\u00e1 arrastrar y soltar widgets en cualquiera de las columnas. Esto le permite agrupar widgets en secciones l\u00f3gicas e incluso puede dise\u00f1ar la secci\u00f3n tambi\u00e9n.<\/p>\n<p>Si hace clic en el controlador en la parte superior de la secci\u00f3n de la p\u00e1gina, ver\u00e1 las actualizaciones de la barra lateral con nuevas opciones.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Dentro de la pesta\u00f1a Estilo, encontrar\u00e1 muchas opciones excelentes, incluida la opci\u00f3n de fondo, que es especialmente pr\u00e1ctica.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Puede usar un color, degradado, imagen, video o presentaci\u00f3n de diapositivas como fondo de cualquier secci\u00f3n de la p\u00e1gina.<\/p>\n<p>Y como si eso no fuera suficiente, incluso puede cambiar los fondos y el estilo de columnas individuales dentro de la secci\u00f3n de la p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>La capacidad de dise\u00f1ar widgets, columnas y secciones por separado proporciona una inmensa cantidad de control.<\/p>\n<p>Solo hay un problema.<\/p>\n<p>Notar\u00e1 r\u00e1pidamente (si a\u00fan no lo ha hecho) que los fondos en las secciones de la p\u00e1gina se ven raros porque est\u00e1n restringidos al centro de la p\u00e1gina. He aqu\u00ed c\u00f3mo solucionarlo.<\/p>\n<h2>Arreglando el espacio de dise\u00f1o<\/h2>\n<p>Estoy usando el <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema Elegido<\/a> en mi ejemplo y, como puede ver, el fondo de la secci\u00f3n de la p\u00e1gina que hice se detiene abruptamente en el medio de la p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Esto se debe a que el contenido de Elementor ocupa el mismo espacio en el tema que el contenido de la publicaci\u00f3n. As\u00ed es como se ve una p\u00e1gina normal en el tema Elegido:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Para publicaciones y p\u00e1ginas est\u00e1ndar, se ve muy bien, pero con Elementor, puede hacer que el dise\u00f1o sea inc\u00f3modo. La soluci\u00f3n es utilizar una plantilla de p\u00e1gina.<\/p>\n<p>Para cambiar la plantilla de p\u00e1gina, puede visitar el editor, abrir la secci\u00f3n Atributos de p\u00e1gina y luego usar este men\u00fa desplegable de Plantilla:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Si bien muchos temas, como Chosen, incluyen sus propias plantillas de p\u00e1gina, Elementor siempre agregar\u00e1 dos plantillas a su sitio:<\/p>\n<ul>\n<li>Elementor Canvas: ancho completo sin encabezado ni pie de p\u00e1gina<\/li>\n<li>Elementor Full Width: ancho completo con encabezado y pie de p\u00e1gina<\/li>\n<\/ul>\n<p>Tambi\u00e9n puede cambiar la plantilla de p\u00e1gina desde el editor de Elementor haciendo clic en el icono Configuraci\u00f3n de p\u00e1gina en la parte inferior y luego usando esta opci\u00f3n de Dise\u00f1o de p\u00e1gina:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Con eso fuera del camino, volvamos a sumergirnos en la creaci\u00f3n de hermosas p\u00e1ginas con Elementor.<\/p>\n<h2>Agregar bloques prefabricados<\/h2>\n<p>Lo que has visto hasta ahora de Elementor es impresionante. Puede crear cualquier cosa que pueda imaginar utilizando las herramientas que ha visto.<\/p>\n<p>Dicho esto, el desaf\u00edo es abrumador. \u00bfRealmente desea crear una p\u00e1gina web completa desde cero? Si no tiene experiencia con el dise\u00f1o web, es probable que cree una p\u00e1gina que parezca amateur.<\/p>\n<p>\u00a1Crear hermosas p\u00e1ginas es un trabajo duro!<\/p>\n<p>Afortunadamente, Elementor tambi\u00e9n se ha preparado para esta situaci\u00f3n.<\/p>\n<p>Anteriormente, aprendi\u00f3 que puede hacer clic en el bot\u00f3n m\u00e1s para agregar una estructura de p\u00e1gina, pero si hace clic en el icono de carpeta, puede agregar un nuevo bloque.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Ver\u00e1 esta ventana emergente con cientos de secciones de p\u00e1gina predise\u00f1adas:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Simplemente puede hacer clic en cualquiera de estos bloques para insertarlos en su p\u00e1gina. Aqu\u00ed es donde Elementor realmente comienza a brillar.<\/p>\n<p>En lugar de construir una p\u00e1gina completa desde cero, simplemente puede insertar bloques prefabricados hasta que tenga el dise\u00f1o y la disposici\u00f3n correctos. Esto se hace a\u00fan m\u00e1s f\u00e1cil con las opciones de clasificaci\u00f3n.<\/p>\n<p>Con el men\u00fa desplegable Categor\u00eda, puede filtrar bloques seg\u00fan su uso espec\u00edfico.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>As\u00ed es como se ve uno de los bloques una vez que se inserta en mi p\u00e1gina:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Como puede ver, est\u00e1 compuesto por widgets para que pueda editar cada aspecto del bloque desde la estructura de la columna hasta el texto.<\/p>\n<p>Los bloques son incre\u00edbles y hacen que la creaci\u00f3n de p\u00e1ginas web sea mucho m\u00e1s f\u00e1cil, pero la siguiente caracter\u00edstica los deja boquiabiertos.<\/p>\n<h2>Agregar p\u00e1ginas prefabricadas<\/h2>\n<p>Dentro de la ventana emergente, tambi\u00e9n hay una pesta\u00f1a P\u00e1ginas. Haga clic en \u00e9l y encontrar\u00e1 esta pantalla:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Lo que est\u00e1 viendo son cientos de p\u00e1ginas predise\u00f1adas creadas con Elementor. Puede hacer clic en cualquiera de ellos para insertarlos inmediatamente en su p\u00e1gina.<\/p>\n<p>\u00bfQu\u00e9 tan asombroso es eso?<\/p>\n<p>Claro, puedes crear tus propios dise\u00f1os desde cero, pero honestamente, \u00bfpor qu\u00e9 lo har\u00edas? El enfoque m\u00e1s r\u00e1pido y f\u00e1cil es encontrar una plantilla existente que le guste y luego simplemente insertarla en su p\u00e1gina.<\/p>\n<p>Este proceso hace que la creaci\u00f3n de p\u00e1ginas web con Elementor sea incre\u00edblemente r\u00e1pida, f\u00e1cil y agradable.<\/p>\n<p>Si bien la versi\u00f3n gratuita de Elementor solo incluye un pu\u00f1ado de plantillas, puede desbloquear las m\u00e1s de 200 con <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Pro<\/a>.<\/p>\n<p>Themeforest lanz\u00f3 recientemente <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Template Kits<\/a> en su sitio, y puede encontrar muchas m\u00e1s plantillas y bloques predise\u00f1ados all\u00ed.<\/p>\n<p>Tambi\u00e9n he reunido una colecci\u00f3n de los <a href=\"https:\/\/themewp.inform.click\/es\/los-mejores-kits-de-plantillas-de-elementor-para-2021\/\" title=\"mejores kits de plantillas de Elementor\">mejores kits de plantillas de Elementor<\/a> que te pueden gustar.<\/p>\n<h2>Reutiliza tus bloques y p\u00e1ginas<\/h2>\n<p>Ahora ha visto la mayor parte de lo que Elementor puede hacer, pero hay una caracter\u00edstica m\u00e1s que cubrir.<\/p>\n<p>Puede crear p\u00e1ginas personalizadas utilizando lo que ha aprendido hasta ahora. Sin embargo, si desea crear un sitio completo con Elementor o usarlo para sitios web de clientes, necesitar\u00e1 un mejor flujo de trabajo. Ah\u00ed es donde entra el men\u00fa Plantillas.<\/p>\n<p>En la parte inferior del editor, ver\u00e1 el bot\u00f3n verde Actualizar que puede usar para guardar sus cambios.<\/p>\n<p>Si hace clic en la flecha al lado, ver\u00e1 la opci\u00f3n para guardar la p\u00e1gina como una nueva plantilla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Todo lo que tienes que hacer es darle un nombre y presionar &quot;Guardar&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Luego, de vuelta dentro del panel de WordPress, encontrar\u00e1 su plantilla en el men\u00fa Plantillas:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Puede crear y editar plantillas aqu\u00ed sin editar las p\u00e1ginas en las que est\u00e1n insertadas. Incluso puede visitar la pesta\u00f1a Secciones y crear sus propias secciones de p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" alt=\"C\u00f3mo utilizar el complemento Elementor Page Builder\"><\/a><\/p>\n<p>Luego, cuando est\u00e9 trabajando en una p\u00e1gina, puede insertar cualquiera de sus p\u00e1ginas o bloques predise\u00f1ados desde la pesta\u00f1a Mis plantillas en la ventana emergente.<\/p>\n<p>Si bien no necesitar\u00e1 esta funcionalidad si solo est\u00e1 creando una o dos <a href=\"https:\/\/themewp.inform.click\/es\/los-8-mejores-temas-de-pagina-de-destino-de-wordpress-para-altas-conversiones\/\" title=\"p\u00e1ginas de destino\">p\u00e1ginas de destino<\/a>, se vuelve indispensable al crear sitios para clientes.<\/p>\n<h2>Comience a usar Elementor<\/h2>\n<p>\u00a1Uf!<\/p>\n<p>Ese fue un tutorial largo e incluy\u00f3 un mont\u00f3n de informaci\u00f3n nueva, pero espero que lo hayan disfrutado.<\/p>\n<p>Con Elementor, puede:<\/p>\n<ul>\n<li>Hacer p\u00e1ginas de ventas<\/li>\n<li>Crea hermosas plantillas para p\u00e1ginas regulares<\/li>\n<li>Cree sitios web completamente personalizados<\/li>\n<\/ul>\n<p>Si bien es una herramienta complicada, los desarrolladores la han hecho intuitiva y creo que han logrado este objetivo de &quot;dise\u00f1o web sin c\u00f3digo&quot; de manera m\u00e1s efectiva que cualquier otro producto creado antes.<\/p>\n<p>Si desea ir m\u00e1s all\u00e1, eche un vistazo a Elementor Pro y algunas de las caracter\u00edsticas adicionales que incluye:<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Echa un vistazo a Elementor Pro \u2192<\/a><\/p>\n<p>Hay ventanas emergentes, m\u00e1s widgets e incluso una funci\u00f3n de &quot;generador de temas&quot; que ni siquiera he cubierto aqu\u00ed.<\/p>\n<p>Si ha aprendido mucho, por favor comparta este art\u00edculo con alguien m\u00e1s antes de ir, \u00a1y muchas gracias por leer!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Agregue widgets, estructuras de p\u00e1gina personalizadas, plantillas predise\u00f1adas y m\u00e1s a su sitio con el incre\u00edble complemento de creaci\u00f3n de p\u00e1ginas Elementor.<\/p>\n","protected":false},"author":1,"featured_media":218485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-237031","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/237031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=237031"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/237031\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=237031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=237031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=237031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}