\u00bfQu\u00e9 Es Gutenberg?<\/h2>\n
Gutenberg<\/a> es el constructor de p\u00e1ginas predeterminado de WordPress. Se introdujo en 2018 y sustituy\u00f3 a lo que ahora se llama el editor \u00abCl\u00e1sico\u00bb de WordPress, que era el editor original de contenido de texto enriquecido\/HTML sin ninguna funcionalidad de arrastrar y soltar.<\/p>\n En realidad, Gutenberg fue una respuesta a una oleada de plugins constructores de p\u00e1ginas de terceros<\/a>, como Elementor<\/a>, Divi<\/a> y Visual Composer, que aparecieron para sustituir al editor cl\u00e1sico.<\/p>\n Desde el punto de vista de las funciones, Gutenberg ofrece una biblioteca de \u00abbloques\u00bb de f\u00e1cil acceso para arrastrar elementos de contenido a las p\u00e1ginas y publicaciones.<\/p>\n Gutenberg incluye cerca de 100 bloques de contenido, algunos de los cuales permiten integraciones e incrustaciones de servicios de terceros como Twitter, Reddit y Amazon Kindle. Tambi\u00e9n es posible crear bloques din\u00e1micos<\/a> para actualizar el contenido de los bloques autom\u00e1ticamente. Algunos ejemplos de bloques de Gutenberg son:<\/p>\n La mayor\u00eda de los temas de WordPress funcionan bien con Gutenberg (ahora son esencialmente obligatorios).<\/p>\n La interfaz de Gutenberg presenta el contenido de la p\u00e1gina o de la entrada en su centro, con contenido renderizado (como mostrar formularios o botones) cuando es posible. Se trata de una mejora significativa con respecto al Editor cl\u00e1sico, ya que Gutenberg permite una edici\u00f3n r\u00e1pida de Markdown junto con una experiencia de usuario visual. Y si es necesario, hay acceso directo a secciones de programaci\u00f3n personalizada para CSS<\/a> y HTML<\/a>.<\/p>\n Cada bloque tiene su propia lista de ajustes, y Gutenberg tiene paneles r\u00e1pidos para un control potente de los ajustes del documento y del bloque, como etiquetas alt, colores de fondo y moderaci\u00f3n de comentarios.<\/p>\n Elementor es un constructor de p\u00e1ginas, muy parecido a Gutenberg. Sin embargo, Elementor es anterior a Gutenberg, ya que es una de las aplicaciones de construcci\u00f3n de p\u00e1ginas de terceros que finalmente condujeron a la creaci\u00f3n de un constructor de p\u00e1ginas predeterminado para WordPress.<\/p>\n Presentado en 2016, Elementor ha sido uno de los favoritos de los dise\u00f1adores de WordPress<\/a> debido a su interfaz de dise\u00f1o web totalmente visual, sus elegantes plantillas de inicio<\/a> (listas para importar) y sus m\u00f3dulos de contenido de arrastrar y soltar.<\/p>\n Una de las diferencias m\u00e1s evidentes entre Elementor y Gutenberg es que Elementor no est\u00e1 integrado en WordPress. Est\u00e1 hecho por una empresa diferente, por lo que debes instalar su plugin gratuito (tambi\u00e9n hay disponibles versiones premium).<\/p>\n Tambi\u00e9n te dar\u00e1s cuenta de que Elementor tiene nombres \u00fanicos para sus funciones. Lo que llaman \u00abbloques\u00bb en Gutenberg se denominan \u00abwidgets\u00bb en Elementor. Hablando de eso, Elementor cuenta con m\u00e1s de 100 de esos widgets de contenido.<\/p>\n Ejemplos de widgets de contenido de Elementor:<\/p>\n Muchos de los widgets crean integraciones entre un sitio web WordPress y aplicaciones de terceros, como Stripe<\/a>, Facebook y Sound Cloud.<\/p>\n En general, Elementor es uno de los mejores creadores de p\u00e1ginas de WordPress, con una vibrante comunidad de desarrolladores y usuarios. La interfaz visual de arrastrar y soltar es dif\u00edcil de superar, recibes cientos de plantillas de dise\u00f1o y toda la edici\u00f3n se realiza en vivo.<\/p>\n Junto con los widgets\u00a0de WooCommerce<\/a>\u00a0 especializados y las herramientas de marketing para p\u00e1ginas de destino y formularios, Elementor sigue siendo un gigante en el espacio de creaci\u00f3n de sitios web, y eso se nota al comparar Gutenberg frente a Elementor.<\/p>\n Compararemos Gutenberg y Elementor en aspectos como las funciones, la interfaz de usuario, el precio y mucho m\u00e1s. Despu\u00e9s de nuestra revisi\u00f3n, tendr\u00e1s una mejor comprensi\u00f3n de qu\u00e9 constructor de p\u00e1ginas es el adecuado para tus necesidades.<\/p>\n En esta secci\u00f3n, hemos seleccionado lo que consideramos las caracter\u00edsticas \u00abclave\u00bb de un constructor de p\u00e1ginas y, a continuaci\u00f3n, compararemos Gutenberg frente a Elementor en cada categor\u00eda.<\/p>\n El problema con los constructores de p\u00e1ginas es que a menudo llenan la interfaz con herramientas de creaci\u00f3n visual y apartan de la vista la funcionalidad m\u00e1s avanzada, como la edici\u00f3n de c\u00f3digo.<\/p>\n Preferimos ver una mezcla de ambas, en la que los principiantes tengan una interfaz elegante de arrastrar y soltar f\u00e1cilmente accesible, y los usuarios avanzados puedan utilizar CSS sin tener que rebuscar en el campo adecuado.<\/p>\n La funcionalidad de arrastrar y soltar de Gutenberg es sencilla y sin retrasos. S\u00f3lo se tarda un momento en buscar bloques de contenido y arrastrarlos \u2014 o hacer clic e insertarlos \u2014 en el contenido. A continuaci\u00f3n, aparecen los ajustes del bloque para su personalizaci\u00f3n.<\/p>\n Uno de los inconvenientes es que arrastrar bloques ya colocados te obliga a seleccionar primero un bloque y, a continuaci\u00f3n, hacer clic y mantener pulsado un peque\u00f1o icono de Arrastrar<\/strong>. Esto requiere precisi\u00f3n al hacer clic, lo que no es necesario en otros constructores de p\u00e1ginas.<\/p>\n Cuando se trata de codificar, Gutenberg hace que su Editor de C\u00f3digo<\/strong> sea f\u00e1cil de encontrar.<\/p>\n Los usuarios han encontrado problemas con bloques que estropean su c\u00f3digo y dificultades con los bloques preconstruidos, lo que obliga a los desarrolladores a producir docenas de bloques personalizados.<\/p>\n A pesar de las quejas, el constructor de p\u00e1ginas ha mejorado para los programadores, y sin duda las herramientas est\u00e1n presentes, pero quiz\u00e1s con una curva de aprendizaje m\u00e1s pronunciada que la que estaba disponible en el Editor cl\u00e1sico.<\/p>\n Incluso puedes a\u00f1adir anclajes HTML y clases CSS adicionales directamente desde la pesta\u00f1a Bloque<\/strong> de Gutenberg, lo que antes requer\u00eda un tedioso recorrido por la pesta\u00f1a HTML<\/strong> del Editor cl\u00e1sico.<\/p>\n Elementor tambi\u00e9n ofrece la funcionalidad de arrastrar y soltar. Funciona con la mayor\u00eda de los temas de WordPress<\/a> y presenta una biblioteca de bloques para insertar r\u00e1pidamente en cualquier p\u00e1gina.<\/p>\n Como Elementor utiliza un sistema de cuadr\u00edcula generado semiautom\u00e1ticamente, es posible soltar widgets en la mayor\u00eda de las \u00e1reas de una p\u00e1gina.<\/p>\n Mover bloques de contenido previamente colocados es m\u00e1s f\u00e1cil con Elementor que en Gutenberg. Basta con hacer clic y mantener pulsado en cualquier lugar del bloque para moverlo.<\/p>\n Insertar o seleccionar un widget de contenido muestra el contenido, el estilo y la configuraci\u00f3n avanzada de ese widget. En cuanto a la programaci\u00f3n, est\u00e1 simplificada con muchos de los ajustes del bloque. Por ejemplo, puedes a\u00f1adir anclas HTML, atributos y CSS personalizado directamente en la configuraci\u00f3n del widget o de la p\u00e1gina<\/a>.<\/p>\n Elementor tambi\u00e9n proporciona widgets de c\u00f3digo HTML<\/strong> para insertar cualquier programaci\u00f3n personalizada que desees a trav\u00e9s de una p\u00e1gina web.<\/p>\n En general, la funcionalidad de arrastrar y soltar de Elementor es m\u00e1s potente que la de Gutenberg. Sin embargo, las opciones de programaci\u00f3n personalizada parecen igualmente accesibles en ambos constructores de p\u00e1ginas.<\/p>\n Las plantillas de los constructores de p\u00e1ginas permiten a los desarrolladores construir sitios web a una velocidad vertiginosa. Las plantillas te permiten empezar con sitios web o dise\u00f1os de p\u00e1ginas profesionales en lugar de construir desde cero.<\/p>\n Muchos constructores de p\u00e1ginas ofrecen plantillas prefabricadas para:<\/p>\n Gutenberg tiene una grave carencia de plantillas prefabricadas. La pesta\u00f1a Patrones<\/strong> proporciona \u00fatiles plantillas de secciones, pero eso es todo.<\/p>\n Sin embargo, es posible instalar plugins de terceros con plantillas de inicio para p\u00e1ginas y sitios web completos. Plugins como Gutentor<\/a>, Twentig<\/a> y Otter Blocks<\/a> se ajustan a lo que necesitas.<\/p>\n Elementor, por otro lado, cuenta con cientos de plantillas de inicio en su Constructor de temas<\/a>.<\/p>\n Las plantillas de Elementor incluyen:<\/p>\n Casi todas las plantillas de Elementor requieren una suscripci\u00f3n premium, pero es asequible y mejor que lo que obtienes de Gutenberg.<\/p>\n Las funciones de estilo de Gutenberg permiten personalizaciones r\u00e1pidas en el panel de bloques<\/strong> de la derecha, despu\u00e9s de seleccionar el bloque que quieras editar.<\/p>\n Los ajustes de estilo son bastante b\u00e1sicos en comparaci\u00f3n con lo que hay en Elementor, pero los elementos esenciales casi siempre est\u00e1n presentes, como las opciones para cambiar los bordes y las dimensiones de las im\u00e1genes, o los ajustes de color, tipograf\u00eda y margen para los bloques de p\u00e1rrafo.<\/p>\n Junto con el CSS personalizado para todos los bloques, encontrar\u00e1s una barra de herramientas que se despliega cuando se hace clic en un bloque. Esta secci\u00f3n ofrece la opci\u00f3n de dar estilo al texto, la edici\u00f3n con HTML, copiar el estilo y la opci\u00f3n de duplicar.<\/p>\n Los ajustes de estilo en Elementor est\u00e1n contenidos en tres pesta\u00f1as cuando se selecciona un widget. Ajusta la configuraci\u00f3n del contenido para el tama\u00f1o de la imagen y el texto, y luego salta a las \u00e1reas avanzadas, con todo lo necesario, desde animaciones hover a filtros y m\u00e1scaras CSS hasta efectos de transformaci\u00f3n.<\/p>\n No hay duda de que Elementor tiene una colecci\u00f3n de herramientas de estilo m\u00e1s potente que Gutenberg. Sin embargo, quienes deseen la m\u00e1xima simplicidad se sentir\u00e1n como en casa con las funciones de estilo disponibles en Gutenberg.<\/p>\n Gutenberg incluye poco m\u00e1s de 90 bloques de contenido. Elementor proporciona m\u00e1s de 100.<\/p>\n Estas son las categor\u00edas de bloques de Gutenberg:<\/p>\n Tienes todo lo esencial (bloques de p\u00e1rrafo, imagen y bot\u00f3n), junto con elementos exclusivos para cosas como Speaker Deck, Kickstarter, Query Loops, Verso, Tiempo de Lectura y mucho m\u00e1s.<\/p>\n Elementor tambi\u00e9n categoriza sus widgets de contenido:<\/p>\n No son las categor\u00edas m\u00e1s \u00fatiles, pero al menos est\u00e1n organizadas de alguna manera.<\/p>\n Se proporcionan widgets de contenido est\u00e1ndar, como separadores, secciones y encabezados. Tambi\u00e9n hay widgets exclusivos para Google Maps<\/a>, Code Highlights, WooCommerce Product Data, etc.<\/p>\n Nuestra conclusi\u00f3n es que Gutenberg organiza y explica mucho mejor sus bloques de contenido, pero Elementor proporciona una mayor cantidad de bloques (widgets) con ajustes m\u00e1s potentes.<\/p>\n WooCommerce<\/a> es un plugin de terceros para convertir cualquier sitio de WordPress en una tienda online. Cuando se combina con un constructor de p\u00e1ginas, a menudo recibes bloques de WooCommerce para una mayor personalizaci\u00f3n del carrito de la compra<\/a>, las p\u00e1ginas de productos y mucho m\u00e1s.<\/p>\n Gutenberg no es una excepci\u00f3n. Una vez que instalas WooCommerce, aparece una mir\u00edada de bloques Gutenberg para reforzar el dise\u00f1o de tu tienda WooCommerce. Hay bloques de B\u00fasqueda de productos, opciones para mostrar Filtros activos y formas de mostrar los Productos m\u00e1s vendidos. Hemos contado 26 bloques Gutenberg\/WooCommerce, y hay varios plugins de terceros para ampliar esta lista.<\/p>\n Elementor tambi\u00e9n funciona bien con WooCommerce, pero por un precio. Debes tener una suscripci\u00f3n a Elementor Pro para desbloquear cualquiera de los widgets de contenido o plantillas de p\u00e1gina de WooCommerce. Dicho esto, Elementor Pro es asequible, y los bloques proporcionan herramientas de estilo m\u00e1s potentes que lo que ofrece Gutenberg.<\/p>\n En el momento de redactar este art\u00edculo, hab\u00eda 20 bloques de WooCommerce disponibles a trav\u00e9s de Elementor. La lista incluye im\u00e1genes de productos, botones A\u00f1adir al carrito, valoraciones de productos y galer\u00edas de productos.<\/p>\n Incluso hay widgets \u00fanicos como Upsells y Product Meta Data.<\/p>\n Es importante no confundir integraciones con compatibilidad. Hablaremos de la compatibilidad de temas y plugins m\u00e1s adelante en este art\u00edculo, pero las integraciones son m\u00e1s como enlaces a otras aplicaciones, plataformas y software, donde los datos se env\u00edan hacia o desde el constructor de p\u00e1ginas.<\/p>\n Por ejemplo, una integraci\u00f3n con Facebook puede mostrar un bot\u00f3n para que la gente siga tu p\u00e1gina o una lista de tus publicaciones m\u00e1s recientes en Facebook.<\/p>\n Gutenberg tiene una breve lista de integraciones directas, principalmente mediante bloques para extraer contenido de fuentes externas.<\/p>\n Aqu\u00ed tienes una muestra de las 32 integraciones actuales de Gutenberg:<\/p>\n Elementor tiene una s\u00f3lida lista de integraciones, desde plataformas multimedia hasta sitios sociales.<\/p>\n Aqu\u00ed tienes algunas de las m\u00e1s de 40 integraciones de Elementor:<\/p>\n Ambas tienen integraciones respetables, pero las de Elementor parecen m\u00e1s fuertes y abundantes. En Elementor puedes acceder a destacados proveedores de marketing por correo electr\u00f3nico, vender a trav\u00e9s de procesadores de pagos y conectar con tu software de gesti\u00f3n de relaciones con los clientes<\/a>. Mientras que Gutenberg se centra m\u00e1s en enlazar con bibliotecas multimedia y sitios sociales.<\/p>\n Empezar a utilizar Gutenberg es tan intuitivo como el propio WordPress. Esto se debe a que Gutenberg est\u00e1 integrado autom\u00e1ticamente en el panel de control de WordPress<\/a>. No es necesario instalar ning\u00fan plugin o add-on. Simplemente abre un editor de p\u00e1ginas o entradas y Gutenberg se pondr\u00e1 a trabajar.<\/p>\n Puedes buscar e insertar bloques haciendo clic en uno de los varios botones \u00ab+\u00bb (A\u00f1adir bloque)<\/strong> repartidos por el editor. Dispone de una barra de b\u00fasqueda, junto con varias pesta\u00f1as para Bloques<\/strong>, Patrones<\/strong> y Medios<\/strong>. Incluso te dar\u00e1s cuenta de que Gutenberg se integra con populares proveedores de im\u00e1genes Creative Commons para encontrar gr\u00e1ficos adecuados de forma gratuita.<\/p>\n La rapidez en la creaci\u00f3n de contenidos convierte a Gutenberg en uno de los mejores creadores de p\u00e1ginas<\/a> para blogueros y para cualquiera que publique en Internet. Puedes escribir directamente en el editor y utilizar marcas y atajos de teclado para insertar r\u00e1pidamente elementos como titulares, enlaces e im\u00e1genes.<\/p>\n Por no mencionar que Gutenberg se integra con una amplia gama de otros editores de texto de terceros, o que puedes copiar contenido de otros programas directamente en Gutenberg (sin tener que cargar im\u00e1genes una segunda vez o hacer ajustes con el formato).<\/p>\n La pesta\u00f1a P\u00e1gina<\/strong> ofrece ajustes de publicaci\u00f3n y centrados en la p\u00e1gina, como herramientas para im\u00e1genes destacadas, extractos y comentarios.<\/p>\n Tambi\u00e9n es f\u00e1cil ajustar la configuraci\u00f3n orientada a los bloques. S\u00f3lo tienes que hacer clic en la pesta\u00f1a Bloque<\/strong>. Se abrir\u00e1n las funciones de personalizaci\u00f3n exclusivas del bloque que hayas seleccionado. Por ejemplo, un bloque de Imagen<\/strong> muestra todo, desde campos de Texto Alt<\/strong> hasta ajustes para las Dimensiones de la Imagen<\/strong>. Tambi\u00e9n es aqu\u00ed donde puedes a\u00f1adir etiquetas CSS<\/strong>, anclajes HTML<\/strong> o atributos de t\u00edtulo<\/strong>.<\/p>\n Cuando se trata de facilidad de uso, Elementor no es ajeno a hacer las cosas intuitivas. Sin embargo, hay una curva de aprendizaje, principalmente debido a la robusta colecci\u00f3n de funciones que ofrece.<\/p>\n En el editor, recibes una r\u00e9plica exacta del frontend de una p\u00e1gina como editor. Todos los widgets de contenido de Elementor est\u00e1n disponibles para arrastrar o editar desde la biblioteca.<\/p>\n Aunque las categor\u00edas carecen de nombres \u00fatiles, puedes encontrar los widgets en B\u00e1sico<\/strong>, Pro<\/strong>, General<\/strong>, Sitio<\/strong>, WooCommerce<\/strong> y WordPress<\/strong>. Tambi\u00e9n hay un panel Favoritos<\/strong> para guardar widgets personalizados para m\u00e1s tarde.<\/p>\n La verdadera facilidad de uso de Elementor proviene de su editor basado en cuadr\u00edcula, que te permite arrastrar y soltar un elemento pr\u00e1cticamente en cualquier lugar de la p\u00e1gina. No s\u00f3lo eso, sino que puedes arrastrar secciones enteras, eliminar secciones o a\u00f1adir secciones haciendo clic dentro del editor.<\/p>\n Tambi\u00e9n disfrutamos de un acceso r\u00e1pido a la biblioteca de bloques y plantillas. Guarda plantillas personalizadas<\/a> para utilizarlas m\u00e1s tarde, o aprovecha los bloques y plantillas de p\u00e1gina dise\u00f1ados por profesionales. Muchas de ellas son para situaciones espec\u00edficas, como si necesitas una p\u00e1gina 404<\/a> o un carrito de WooCommerce personalizado.<\/p>\n El principal inconveniente de la interfaz de Elementor es que es una soluci\u00f3n de terceros. Debes instalar un plugin para que se active en WordPress. Incluso entonces, siempre tienes que hacer clic en el bot\u00f3n \u00abEditar con Elementor\u00bb<\/strong>, ya que Gutenberg sigue t\u00e9cnicamente instalado en segundo plano.<\/p>\n En general, la interfaz de Gutenberg es m\u00e1s f\u00e1cil de entender, pero no hay nada como trabajar con Elementor. Es fluido, divertido de usar y capaz de mucho m\u00e1s que Gutenberg, una vez que le coges el truco.<\/p>\n Los constructores de p\u00e1ginas ofrecen muchas funciones. Eso puede dar lugar a un voluminoso conjunto de herramientas que entra en conflicto con plugins y temas, y tambi\u00e9n afecta la velocidad de la p\u00e1gina. Si nos fijamos en las opiniones de los usuarios, Elementor y Gutenberg parecen funcionar bien cuando se utilizan las herramientas de optimizaci\u00f3n adecuadas y un alojamiento r\u00e1pido.<\/p>\n En nuestra prueba, instalamos Gutenberg y Elementor en instancias separadas de lo que sabemos que es un servidor de alto rendimiento con CDN (de Kinsta)<\/a>. Tambi\u00e9n utilizamos el mismo tema con contenido de demostraci\u00f3n para que las pruebas fueran lo m\u00e1s iguales posible. Nos ce\u00f1imos a la misma ubicaci\u00f3n de servidor (Iowa) para ambas pruebas e instalamos dos plugins comunes (WooCommerce y Yoast SEO<\/a>) para ver c\u00f3mo respond\u00edan los creadores de p\u00e1ginas en un entorno real.<\/p>\n Aqu\u00ed est\u00e1n los resultados utilizando Pingdom<\/a> y Google PageSpeed Insights<\/a>:<\/p>\n Ejecutamos la misma prueba con un servidor de pruebas en Londres:<\/p>\n Y aqu\u00ed est\u00e1n los resultados de Google PageSpeed Insights:<\/p>\n Y los resultados del servidor de pruebas de Londres:<\/p>\n Resultados de Google PageSpeed Insights:<\/p>\n Gutenberg casi siempre ofrec\u00eda una puntuaci\u00f3n de rendimiento m\u00e1s alta, un tama\u00f1o de p\u00e1gina menor y un tiempo de carga m\u00e1s r\u00e1pido, junto con menos solicitudes. Sin embargo, esto podr\u00eda deberse a que Elementor tiene dise\u00f1os de bloques m\u00e1s avanzados, y Gutenberg t\u00e9cnicamente siempre se instala junto a Elementor, por lo que tienes que ejecutar dos creadores de p\u00e1ginas al mismo tiempo, lo que puede ralentizar el sitio.<\/p>\n En cualquier caso, ambos ofrecen altas velocidades. La parte m\u00e1s importante para mantener velocidades de p\u00e1gina aceptables es optar por un alojamiento gestionado con CDN como Kinsta.<\/p>\n Puedes obtener tanto Gutenberg como Elementor de forma gratuita. La principal diferencia es que Gutenberg es completamente gratuito, para siempre. Elementor ofrece una s\u00f3lida versi\u00f3n gratuita de su constructor de p\u00e1ginas y varias actualizaciones y add-ons para quienes est\u00e9n interesados en funciones m\u00e1s avanzadas.<\/p>\n Gratuito, ya que es el editor de WordPress e integrado en WordPress por defecto.<\/p>\n La marca Elementor ofrece otros productos y servicios, pero en esta comparativa nos limitaremos a los precios de su plugin constructor de p\u00e1ginas.<\/p>\n Al principio puede parecer que un plugin \u00abgratuito para siempre\u00bb (como Gutenberg) es la mejor oferta. Pero la versi\u00f3n gratuita de Elementor est\u00e1 repleta de herramientas suficientes para muchos tipos de proyectos, y mantienen los planes premium a un precio razonable.<\/p>\n Nosotros dir\u00edamos que Elementor tiene mejor relaci\u00f3n calidad-precio que Gutenberg simplemente porque es un constructor de p\u00e1ginas m\u00e1s \u00e1gil y potente que Gutenberg, y a\u00fan puedes obtener muchas de sus funciones de forma gratuita. Pero si tienes que mantener el presupuesto en 0$ para siempre, Gutenberg es la soluci\u00f3n.<\/p>\n Es dif\u00edcil determinar la compatibilidad (o falta de ella) de los creadores de p\u00e1ginas con los miles de temas y plugins de WordPress que hay en el mercado. Sin embargo, podemos echar un vistazo a los comentarios de los usuarios para averiguar si existen problemas de compatibilidad evidentes con temas o plugins populares.<\/p>\n Gutenberg parece funcionar con la mayor\u00eda de temas y plugins. Al fin y al cabo, los desarrolladores externos deben adaptarse al constructor de p\u00e1ginas, ya que Gutenberg est\u00e1 integrado en WordPress por defecto.<\/p>\n Seg\u00fan nuestras investigaciones, los problemas de compatibilidad m\u00e1s comunes con Gutenberg surgen cuando se combina con otros constructores de p\u00e1ginas en el mismo sitio web. Tambi\u00e9n hemos descubierto que los desarrolladores de plugins est\u00e1n jugando a ponerse al d\u00eda para producir bloques de Gutenberg relacionados con sus plugins. Por lo tanto, es posible que algunos plugins m\u00e1s antiguos y actualizados con menos frecuencia carezcan de bloques Gutenberg.<\/p>\n En el momento de escribir este art\u00edculo, hay unas 12 preguntas abiertas sobre compatibilidad en los foros de WordPress.org, algunas de las cuales parecen ser errores de los usuarios. Pero no es descabellado suponer que puedas encontrarte con algunos problemas.<\/p>\n Elementor es conocido por tener una s\u00f3lida compatibilidad en toda la comunidad de WordPress<\/a>. Sin embargo, es un constructor de p\u00e1ginas de terceros, por lo que conviene estar atento a las etiquetas de compatibilidad<\/a> (notas que explican cu\u00e1ndo un plugin no es compatible). Y cuando busques un tema, comprueba siempre si es compatible con Elementor (si es lo que utilizas como constructor de p\u00e1ginas).<\/p>\n Tanto para Gutenberg como para Elementor, debes estar atento a los temas de WordPress \u00abmultiuso\u00bb con plantillas de inicio. Esas plantillas de inicio est\u00e1n dise\u00f1adas para constructores de p\u00e1ginas espec\u00edficos, por lo que una para Gutenberg no funcionar\u00e1 con Elementor y viceversa. Y algunos temas carecen por completo de plantillas de inicio para estos creadores de p\u00e1ginas.<\/p>\n No hay forma de editar contenido en el frontend de un sitio web con Gutenberg. Pero de eso se trata. Gutenberg se esfuerza por combinar aspectos de la edici\u00f3n del frontend con la experiencia del backend, permiti\u00e9ndote ce\u00f1irte a una sola interfaz.<\/p>\n As\u00ed, por ejemplo, toda la edici\u00f3n tiene lugar en el backend de WordPress, pero muchos de los bloques se muestran en pantalla completa para que tengas una visi\u00f3n m\u00e1s realista de lo que puedes esperar cuando se publiquen.<\/p>\n Elementor no es muy diferente. Sol\u00eda ofrecer edici\u00f3n tanto en el backend como en el frontend, pero finalmente combin\u00f3 la experiencia de edici\u00f3n en un solo m\u00f3dulo. Por lo tanto, no es posible ir al frontend de tu sitio web y arrastrar elementos.<\/p>\n Sin embargo, Elementor lleva tus p\u00e1ginas y entradas a su propio editor de backend, que ofrece una hermosa vista previa de la p\u00e1gina de frontend. De este modo, puedes ver exactamente lo que ocurre cuando se realiza un cambio.<\/p>\n Por \u00faltimo, ambos creadores de p\u00e1ginas disponen de guardado autom\u00e1tico, adem\u00e1s de botones de guardado manual.<\/p>\n A menudo s\u00f3lo obtienes asistencia al cliente cuando pagas<\/em> por un constructor de p\u00e1ginas. Durante nuestra investigaci\u00f3n, ese supuesto se aplicaba tanto a Gutenberg como a Elementor.<\/p>\n El constructor de p\u00e1ginas independiente Gutenberg no tiene una l\u00ednea directa de atenci\u00f3n al cliente con la que contactar. Sin embargo, puedes discutir los problemas en el foro de usuarios<\/a> de Gutenberg. Los miembros de WordPress.com reciben un servicio de atenci\u00f3n al cliente dedicado, as\u00ed que puedes pedirles que te ayuden con las preguntas sobre Gutenberg. Los usuarios de WordPress.org, por desgracia, tienen que recurrir a foros y entradas de blog para completar su propia investigaci\u00f3n.<\/p>\n El plugin gratuito Elementor tiene una base de conocimientos<\/a> y un foro de usuarios<\/a>.<\/p>\n Para recibir asistencia por correo electr\u00f3nico de una persona real, debes pagar por Elementor Pro. Dicho esto, hay un m\u00f3dulo de chat en directo para preguntas sobre ventas.<\/p>\n Tras a\u00f1os de experiencia trabajando con usuarios de WordPress y una comparaci\u00f3n detallada de Gutenberg vs Elementor, hemos llegado a algunas conclusiones finales.<\/p>\n \u00c9stas son las conclusiones:<\/p>\n Cada constructor de p\u00e1ginas tiene su lugar. Elementor es para los usuarios m\u00e1s expertos o para los que necesitan una biblioteca de plantillas de p\u00e1ginas. Gutenberg es el constructor de p\u00e1ginas listo para usar en WordPress, con herramientas de estilo y ajustes simplificados y f\u00e1ciles de usar, lo que lo hace perfecto para la creaci\u00f3n r\u00e1pida de contenidos.<\/p>\n![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg.jpg\")
\n
\u00bfQu\u00e9 Es Elementor?<\/h2>\n
![\"Web](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor.png\")
\n
Comparaci\u00f3n entre Gutenberg y Elementor<\/h2>\n
Principales Caracter\u00edsticas<\/h3>\n
Funcionalidad de Arrastrar y Soltar y Programaci\u00f3n: Gutenberg vs Elementor<\/h4>\n
![\"Ejemplos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg-blocks.jpg\")
![\"Arrastrar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/drag-icon.jpg\"){kind=icon}
![\"Encontrar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/code-editor.jpg\")
![\"Anclas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/anchors-and-css.jpg\")
![\"Bloques](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/basic-blocks.jpg\")
![\"Bloque](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/drag-block.jpg\")
![\"Desplazamiento](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/Elementor-movement.gif\")
![\"A\u00f1adir](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/advanced.jpg\")
![\"Escribe](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/html-code.jpg\")
Plantillas (para sitios web, bloques, p\u00e1ginas, ventanas emergentes y m\u00e1s): Gutenberg vs Elementor<\/h4>\n
\n
![\"Usando](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/patterns.jpg\")
\n
![\"Elementos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-theme-builder.jpg\")
Estilo: Gutenberg vs Elementor<\/h4>\n
![\"Dar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/styling.jpg\")
![\"Barra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/toolbar.jpg\")
![\"Configuraciones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/style-and-more.jpg\")
Bloques de contenido\/Widgets: Gutenberg vs Elementor<\/h4>\n
\n
\n
![\"Bloque](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/product-images.jpg\")
Compatibilidad con WooCommerce: Gutenberg vs Elementor<\/h4>\n
![\"Todos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/blocks-wocommerce.jpg\")
![\"Bloques](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/additional-blocks.jpg\")
Integraciones: Gutenberg vs Elementor<\/h4>\n
\n
\n
Interfaz de Usuario: Gutenberg vs Elementor<\/h3>\n
![\"B\u00fasqueda](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/add-blocks.jpg\")
![\"Im\u00e1genes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/featured-image.jpg\")
![\"Pesta\u00f1a](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/block-tab.jpg\")
![\"Categorizaci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-elements.jpg\")
![\"Mover](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/move-block.jpg\")
![\"Bloques](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-blocks.jpg\")
Rendimiento e Impacto en la Velocidad de la P\u00e1gina: Gutenberg vs Elementor<\/h3>\n
Pruebas de Velocidad de P\u00e1gina de Gutenberg<\/h4>\n
\n
\n
\n
Pruebas de Velocidad de P\u00e1gina de Elementor<\/h4>\n
\n
\n
\n
Precios: Gutenberg vs Elementor<\/h3>\n
Precios de Gutenberg<\/h4>\n
Precios de Elementor<\/h4>\n
\n
Compatibilidad con Temas y Plugins: Gutenberg vs Elementor<\/h3>\n
Edici\u00f3n Backend vs Frontend en Gutenberg y Elementor<\/h3>\n
![\"Backend](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/gutenberg-backend.jpg\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/elementor-edit.jpg\")
Atenci\u00f3n al Cliente: Gutenberg vs Elementor<\/h3>\n
![\"\u00c1rea](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/search-for-help.jpg\")
Gutenberg vs Elementor: \u00bfCu\u00e1l Deber\u00edas Elegir?<\/h2>\n
\n
Resumen<\/h2>\n