{"id":26069,"date":"2018-04-18T15:23:02","date_gmt":"2018-04-18T09:53:02","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?p=26069"},"modified":"2023-12-28T16:11:22","modified_gmt":"2023-12-28T10:41:22","slug":"is-theme-required-if-you-have-a-theme-builder","status":"publish","type":"post","link":"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/is-theme-required-if-you-have-a-theme-builder\/","title":{"rendered":"\u00bfEs necesario un tema de WordPress si se utiliza un plugin Theme Builder?"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Plugins constructores de temas como <a href=\"https:\/\/git-staging.wpastra.com\/go\/beaver-themer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Castor Themer<\/a>, <a href=\"https:\/\/git-staging.wpastra.com\/go\/toolset\/\">Juego de herramientas<\/a>y <a href=\"https:\/\/git-staging.wpastra.com\/go\/elementor-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor Pro<\/a> 2.0 le permite crear su sitio WordPress desde cero, incluidos el encabezado y el pie de p\u00e1gina.<\/p>\n\n\n\n<p>Estos tres plugins pueden hacerle dudar...<\/p>\n\n\n\n<p><strong> Si utilizo un plugin creador de temas, \u00bfimporta siquiera el tema de WordPress que utilice? Diablos, \u00bfpor qu\u00e9 no utilizar un tema cualquiera y construir a partir de \u00e9l?<\/strong><\/p>\n\n\n\n<p>Bueno... M\u00e1s all\u00e1 del hecho b\u00e1sico de que WordPress <em>simplemente no funciona sin un tema<\/em>Sin embargo, hay otras razones fundamentales por las que a\u00fan debe <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/how-to-choose-a-wordpress-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">elegir un tema de calidad<\/a> que da un <strong>una base s\u00f3lida como una roca<\/strong> para su sitio web?<\/p>\n\n\n\n<p>Al final de este post, entender\u00e1s por qu\u00e9 el <em>tema adecuado<\/em> le ahorrar\u00e1 tiempo y le dar\u00e1 m\u00e1s control sobre su sitio web <em>incluso si utiliza un plugin de creaci\u00f3n de temas<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 necesita un tema de calidad aunque utilice un creador de temas? <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"> 1. Estilos, colores, fuentes y tipograf\u00eda globales<\/h3>\n\n\n\n<p>Los estilos globales son importantes para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Garantice la coherencia de todo el dise\u00f1o de su sitio web<\/li>\n\n\n\n<li>Permitir ajustes de estilo sencillos en el futuro (<em>porque s\u00f3lo tiene que cambiar el estilo en un lugar, en lugar de editar cada instancia en su constructor de temas.<\/em>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"295\" height=\"432\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/global-styles-from-astra.png\" alt=\"elementor theme builder\" class=\"wp-image-26090\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/global-styles-from-astra.png 295w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/global-styles-from-astra-205x300.png 205w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<p>Si quieres un control total sobre estilos globales, colores, fuentes y tipograf\u00eda en tu sitio, necesitas un tema que te d\u00e9 un control detallado sobre esas \u00e1reas.<\/p>\n\n\n\n<p>Mientras que algunos creadores de temas <em>control limitado<\/em> sobre algunos estilos globales, suele ser s\u00f3lo para unos pocos elementos, lo que no se acerca al nivel de control de un tema de calidad:<\/p>\n\n\n\n<p>Sin controles de estilo globales, tendr\u00e1s que aplicar manualmente el estilo a la mayor\u00eda de los elementos utilizando la interfaz del creador de temas. Esto no s\u00f3lo significa m\u00e1s trabajo por adelantado, sino que tambi\u00e9n significa que tienes que hacer un mont\u00f3n de ediciones si alguna vez quieres cambiar un estilo en alg\u00fan momento en el futuro. Como este comentario sobre un <a href=\"https:\/\/www.youtube.com\/watch?v=_Rv518JiXM8\" target=\"_blank\" rel=\"noreferrer noopener\">V\u00eddeo en YouTube<\/a> que trataban temas similares:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"961\" height=\"136\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/youtube-comment-global-styles.png\" alt=\"best theme to work with theme builders\" class=\"wp-image-26091\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/youtube-comment-global-styles.png 961w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/youtube-comment-global-styles-300x42.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/youtube-comment-global-styles-768x109.png 768w\" sizes=\"(max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. API y arquitectura internas <\/h3>\n\n\n\n<p>Si planeas utilizar otros plugins y extensiones en tu sitio, un tema base de WordPress bien codificado va a garantizar una integraci\u00f3n m\u00e1s fluida gracias al uso de APIs de gancho y otros elementos.<\/p>\n\n\n\n<p>Aunque no interact\u00fae directamente con estas funciones, son esenciales para su sitio web. <strong>ser compatible con el enorme ecosistema de temas y extensiones de WordPress<\/strong>.<\/p>\n\n\n\n<p>Por ejemplo, si desea utilizar un plugin que <a href=\"https:\/\/git-staging.wpastra.com\/es\/plugins\/best-google-analytics-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">inserta el c\u00f3digo de seguimiento de Google Analytics<\/a>ese plugin va a depender de ganchos para saber d\u00f3nde insertar ese contenido. Sin un tema correctamente codificado que tenga esos ganchos, el plugin no podr\u00e1 funcionar.<\/p>\n\n\n\n<p>As\u00ed que si quiere aprovechar las <em>M\u00e1s de 50.000 plugins para WordPress<\/em> que hay por ah\u00ed, vale la pena seguir utilizando un tema bien codificado para <strong>garantizar integraciones fluidas<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> 3. Integraciones directas con plugins como WooCommerce, LearnDash, Etc.<\/h3>\n\n\n\n<p>Adem\u00e1s de proporcionar el c\u00f3digo adecuado para que todos los plugins se enganchen, el tema adecuado tambi\u00e9n puede ofrecer integraciones directas para plugins populares como <a href=\"https:\/\/git-staging.wpastra.com\/go\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce<\/a>, <a href=\"https:\/\/git-staging.wpastra.com\/go\/learndash\/\" target=\"_blank\" rel=\"noreferrer noopener\">LearnDash<\/a>, <a href=\"https:\/\/git-staging.wpastra.com\/go\/lifterlms\/\">LifterLMS<\/a>etc.<\/p>\n\n\n\n<p>Estas integraciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-size: 16px\">Aseg\u00farese de que el contenido de esos plugins se ve muy bien fuera de la caja y <strong>coincide con los estilos globales<\/strong> del resto de su sitio web para que la marca sea coherente.<\/span><\/li>\n\n\n\n<li>Darle directamente<strong> control del dise\u00f1o y la funcionalidad<\/strong>. Por ejemplo, el tema Astra le ofrece controles de personalizaci\u00f3n de WordPress para ajustar la funcionalidad de pago de WooCommerce.<span style=\"font-size: 16px\"> o controlar el aspecto de un curso LifterLMS.<\/span><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"886\" height=\"451\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-lifterlms-integration.jpg\" alt=\"theme for lifterlms\" class=\"wp-image-26087\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-lifterlms-integration.jpg 886w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-lifterlms-integration-300x153.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-lifterlms-integration-768x391.jpg 768w\" sizes=\"(max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Integraci\u00f3n completa con WordPress para ahorrarle tiempo <\/h3>\n\n\n\n<p>Hay mucho que hacer en un sitio de WordPress. Tienes plantillas para <em>contenido \u00fanico, plantillas para p\u00e1ginas de archivo, p\u00e1ginas 404<\/em>...<\/p>\n\n\n\n<p>Luego, en las p\u00e1ginas individuales, hay que manejar a\u00fan m\u00e1s cosas como <strong>comentarios, biograf\u00edas de autores, metainformaci\u00f3n, etc.<\/strong>.<br>Si bien es cierto que los creadores de temas pueden permitirte dise\u00f1ar todo esto, te va a hacer falta tu <em>tiempo<\/em> y <em>esfuerzo<\/em> integrar manualmente todos esos peque\u00f1os elementos.<\/p>\n\n\n\n<p>Aunque dise\u00f1ar la cabecera y el pie de p\u00e1gina con un creador de temas est\u00e1 muy bien, \u00bftambi\u00e9n quieres dise\u00f1ar cada entrada y archivo?<\/p>\n\n\n\n<p>Para algunos sitios, es posible que desee tanto control. Pero la mayor\u00eda de las veces no es necesario reinventar la rueda.<\/p>\n\n\n\n<p>La mayor\u00eda de los creadores de temas no le obligan a sustituir todo el tema. En su lugar, puedes elegir selectivamente qu\u00e9 partes de tu tema reemplazar.<\/p>\n\n\n\n<p>Por ejemplo, si todo lo que realmente quieres es construir tu cabecera con arrastrar y soltar, puedes usar Beaver Themer o <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/design-custom-elementor-header\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor para crear su cabecera<\/a> mientras sigues usando tu tema para controlar todo lo dem\u00e1s. De este modo, no tendr\u00e1s que ponerte en modo dise\u00f1o para que tu blog tenga un buen aspecto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"891\" height=\"594\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Custom-layout-options.jpg\" alt=\"Custom layout options\" class=\"wp-image-131642\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Custom-layout-options.jpg 891w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Custom-layout-options-300x200.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Custom-layout-options-768x512.jpg 768w\" sizes=\"(max-width: 891px) 100vw, 891px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"> 5. Datos estructurados y marcado de esquemas<\/h3>\n\n\n\n<p>Un tema bien codificado a\u00f1adir\u00e1 un marcado schema adecuado y datos estructurados a su sitio. Esto ayuda a los motores de b\u00fasqueda como <em>Google entiende mejor su sitio web<\/em> y puede hacer que su sitio sea m\u00e1s visible en los resultados de b\u00fasqueda org\u00e1nica.<\/p>\n\n\n\n<p>Por ejemplo, el <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/structured-data-and-schema-markup-in-astra\/\" target=\"_blank\" rel=\"noreferrer noopener\">El tema Astra a\u00f1ade autom\u00e1ticamente el marcado schema importante<\/a>. Pero en este momento, los creadores de temas m\u00e1s populares no a\u00f1aden el marcado schema por ti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> 6. Su tema afecta al rendimiento de su sitio web<\/h3>\n\n\n\n<p>Las principales razones por las que debe elegir el tema adecuado, incluso si utiliza un constructor de p\u00e1ginas con la funcionalidad de themer...<br>Tu tema juega un papel activo en cada carga de p\u00e1gina. Y eso significa que va a tener un efecto en el rendimiento de tu sitio.<\/p>\n\n\n\n<p>Por ejemplo, he construido un sitio de prueba totalmente con Beaver Themer. No va a ganar ning\u00fan premio de dise\u00f1o (est\u00e1 utilizando todos los valores predeterminados de Beaver Themer), \u00a1pero es un ejemplo bastante bueno de lo que est\u00e1 pasando por debajo!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"950\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaver-themer-example-page.png\" alt=\"beaver themer theme\" class=\"wp-image-26089\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaver-themer-example-page.png 625w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaver-themer-example-page-197x300.png 197w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/figure>\n\n\n\n<p>Aunque tengo el tema Astra activo en este sitio, no hay ning\u00fan indicador visible de que el sitio est\u00e1 usando Astra porque Beaver Themer est\u00e1 reemplazando todo con sus propias salidas.<\/p>\n\n\n\n<p>Pero si echas un vistazo al c\u00f3digo fuente del sitio, podr\u00e1s ver que Astra forma parte del c\u00f3digo subyacente:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-source-code-1024x457.png\" alt=\"eementor 2.0 theme builder\" class=\"wp-image-26088\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-source-code-1024x457.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-source-code-300x134.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-source-code-768x343.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-source-code.png 1074w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>M\u00e1s all\u00e1 de esas menciones expl\u00edcitas, tambi\u00e9n encontrar\u00e1 resultados de su tema en la estructura real de la p\u00e1gina.<\/p>\n\n\n\n<p>Por eso, las optimizaciones de rendimiento de los temas, como la ligereza de Astra, pueden afectar a los tiempos de carga de las p\u00e1ginas de tu sitio, incluso si utilizas un dise\u00f1o creado 100% por tu creador de temas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 Astra es el tema adecuado para utilizar con un creador de temas? <\/h2>\n\n\n\n<p>Tanto si utilizas un constructor de p\u00e1ginas para dise\u00f1ar s\u00f3lo tu contenido como si utilizas un constructor de temas completo, Astra, aqu\u00ed tienes algunas funciones que te har\u00e1n la vida mucho m\u00e1s f\u00e1cil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Opciones detalladas de estilo global para colores y tipograf\u00eda <\/h3>\n\n\n\n<p>A trav\u00e9s del Personalizador de WordPress, Astra te permite acceder f\u00e1cilmente a estilos de color y tipograf\u00eda globales. Independientemente del creador de temas que utilices, estos controles te permiten gestionar f\u00e1cilmente el aspecto exacto de todo tu contenido desde una ubicaci\u00f3n central.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-global-colors-1024x524.png\" alt=\"Color background settings\" class=\"wp-image-26086\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-global-colors-1024x524.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-global-colors-300x154.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-global-colors-768x393.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/astra-global-colors.png 1655w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Integraciones directas para WooCommerce, LifterLMS y LearnDash (+ M\u00e1s en camino) <\/h3>\n\n\n\n<p>Adem\u00e1s de gestionar todas las p\u00e1ginas principales de WordPress, Astra tambi\u00e9n cuenta con integraciones espec\u00edficas para los plugins m\u00e1s populares de comercio electr\u00f3nico y gesti\u00f3n del aprendizaje.<\/p>\n\n\n\n<p>Por ejemplo, si est\u00e1s construyendo una tienda WooCommerce, <a href=\"https:\/\/git-staging.wpastra.com\/es\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">Integraci\u00f3n de Astra en WooCommerce<\/a> le ahorrar\u00e1 tiempo y le dar\u00e1 m\u00e1s flexibilidad. Puede ajustar r\u00e1pidamente las p\u00e1ginas de productos, a\u00f1adir vistas r\u00e1pidas de productos, activar el desplazamiento infinito de productos y mucho m\u00e1s.<\/p>\n\n\n\n<p>Del mismo modo, <a href=\"https:\/\/git-staging.wpastra.com\/es\/lifterlms-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">Integraci\u00f3n de Astra con LifterLMS<\/a> le ofrece un control detallado sobre c\u00f3mo se muestran sus cursos. Con solo marcar una casilla, puede activar el aprendizaje sin distracciones o simplificar la p\u00e1gina de finalizaci\u00f3n del curso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> 3. Creador integrado de encabezados, pies de p\u00e1gina y mucho m\u00e1s<\/h3>\n\n\n\n<p>Para algunos usos, puede que ni siquiera necesites un creador de temas. El m\u00f3dulo de dise\u00f1o personalizado de Astra Pro te permite crear encabezados, pies de p\u00e1gina o p\u00e1ginas 404 personalizados y a\u00f1adirlos condicionalmente a varias \u00e1reas de tu tema.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"837\" height=\"386\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Astra-custom-layout-settings.jpg\" alt=\"Astra custom layout settings\" class=\"wp-image-131809\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Astra-custom-layout-settings.jpg 837w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Astra-custom-layout-settings-300x138.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/Astra-custom-layout-settings-768x354.jpg 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><\/figure>\n\n\n\n<p>Puede utilizarlo con un constructor de p\u00e1ginas o con su propio c\u00f3digo PHP personalizado.<\/p>\n\n\n\n<p>Aunque no ofrece widgets ni conexiones din\u00e1micas como un creador de temas, es una forma sencilla de personalizar tu tema sin necesidad de recurrir a un creador de temas completo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> 4. Dise\u00f1o modular para evitar conflictos con su creador de temas<\/h3>\n\n\n\n<p>Algunas funciones, como el constructor de la secci\u00f3n anterior, cubren el mismo territorio que los constructores de temas.<\/p>\n\n\n\n<p>Cuando se produce un solapamiento, el dise\u00f1o modular de Astra hace que sea f\u00e1cil mantener las cosas ligeras. Por ejemplo, si prefieres utilizar tu constructor de temas en lugar del m\u00f3dulo de dise\u00f1o personalizado de Astra, puedes simplemente desactivar la funcionalidad en Astra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> \u00bfNecesita Astra Pro u otros paquetes premium de Astra para utilizarlo con un creador de temas?<\/h3>\n\n\n\n<p>T\u00fa no <a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/\">necesita Astra Pro<\/a> para emparejar Astra con un creador de temas. Es decir, la versi\u00f3n gratuita de Astra es compatible con la mayor\u00eda de los creadores de temas.<\/p>\n\n\n\n<p>Pero si quiere acceder a algunas de las funciones m\u00e1s \u00fatiles, Astra Pro le ofrece m\u00e1s flexibilidad con caracter\u00edsticas como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Controles de color globales m\u00e1s detallados<\/li>\n\n\n\n<li>M\u00e1s opciones de fuente\/tipograf\u00eda<\/li>\n\n\n\n<li>Integraciones directas para WooCommerce y LifterLMS<\/li>\n\n\n\n<li>M\u00e1s control sobre el dise\u00f1o del contenido del blog<\/li>\n\n\n\n<li>Etiqueta blanca<\/li>\n<\/ul>\n\n\n\n<p>Todas estas funciones est\u00e1n disponibles por s\u00f3lo \t\t\t\t\t\t\t\t\t\t<span class='pse-prices prices-usd active'>\n\t\t\t\t\t\t\t\t\t\t   <span class='pse-price' data-type='discounted' data-id=\"51171_3\" >$49<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class='pse-prices prices-eur'>\n\t\t\t\t\t\t\t\t\t\t   <span class='pse-price' data-type='discounted' data-id=\"51171_3\" >\u20ac45<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t.<\/p>\n\n\n\n<p>Y para acceder a un <em>biblioteca de sitios web premium preconstruidos<\/em>adem\u00e1s de plugins adicionales como\u00a0 <em>Ultimate Addons for Elementor o <\/em>Spectra Pro, puede adquirir el <a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Esencial de Astra o Business Toolkit<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Concluyendo: <\/h2>\n\n\n\n<p>Theme Builders \/ Themers son grandes herramientas que pueden ayudarte con el desarrollo avanzado al hacerse cargo de gran parte de la funcionalidad de tu tema. Pero no sustituyen a su tema en lugar de un buen tema, especialmente cuando se trata de <em>estilo, fiabilidad, integraciones y rendimiento<\/em>.<\/p>\n\n\n\n<p>Y es por eso que usted todav\u00eda tiene que poner un poco de pensamiento en la elecci\u00f3n del mejor tema, incluso si usted est\u00e1 utilizando en gran medida un constructor tema.<\/p>","protected":false},"excerpt":{"rendered":"<p>Los plugins creadores de temas como Beaver Themer, Toolset y Elementor Pro 2.0 te permiten crear tu sitio WordPress desde cero, incluidos el encabezado y el pie de p\u00e1gina. Estos tres plugins pueden hacerle preguntarse... Si estoy usando un plugin constructor de temas, \u00bfimporta siquiera qu\u00e9 tema de WordPress uso? Diablos, \u00bfpor qu\u00e9 no usar [...]<\/p>","protected":false},"author":9,"featured_media":26081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[860],"tags":[],"class_list":{"0":"post-26069","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guides-and-tutorials"},"spectra_custom_meta":{"inline_featured_image":["0"],"_edit_lock":["1702399272:65"],"_edit_last":["65"],"_yoast_wpseo_primary_category":["860"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"stick-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_thumbnail_id":["26081"],"_wp_old_slug":["is-theme-is-required-if-you-have-a-theme-builder"],"swp_pinterest_image_url":[""],"_fl_builder_data_back":[""],"_fl_builder_draft_back":[""],"_uabb_converted":["yes"],"_totes":["50"],"swp_cache_timestamp":["425811"],"_facebook_shares":["51"],"_total_shares":["51"],"mashsb_timestamp":["1557741627"],"mashsb_shares":["54"],"mashsb_jsonshares":["{\"StumbleUpon\":null,\"Facebook\":{\"total_count\":54,\"og_object\":null,\"comment_count\":0,\"share_count\":54},\"GooglePlusOne\":null,\"Pinterest\":0,\"LinkedIn\":null,\"Twitter\":0,\"total\":54,\"facebook_total\":54,\"facebook_likes\":54,\"facebook_comments\":0}"],"_amp_validated_url_post_id":["32157"],"_time_to_read":[""],"theme-transparent-header-meta":["default"],"wpil_sync_report3":["1"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["12"],"wpil_links_outbound_external_count_data":["a:12:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:54:\"https:\/\/www.wpbeaverbuilder.com\/beaver-themer\/?fla=713\";s:4:\"host\";s:19:\"wpbeaverbuilder.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:13:\"Beaver Themer\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:31:\"https:\/\/wpastra.com\/go\/toolset\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:7:\"Toolset\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:33:\"https:\/\/wpastra.com\/go\/elementor\/\";s:4:\"host\";s:13:\"elementor.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:17:\"Elementor Pro 2.0\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:43:\"https:\/\/www.youtube.com\/watch?v=_Rv518JiXM8\";s:4:\"host\";s:11:\"youtube.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:13:\"YouTube video\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:38:\"https:\/\/wpastra.com\/woocommerce-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"WooCommerce\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:26:\"https:\/\/www.learndash.com\/\";s:4:\"host\";s:13:\"learndash.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:9:\"LearnDash\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:36:\"https:\/\/wpastra.com\/lifterlms-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:9:\"LifterLMS\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:68:\"https:\/\/wpastra.com\/docs\/structured-data-and-schema-markup-in-astra\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:54:\"Astra theme automatically adds important schema markup\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:38:\"https:\/\/wpastra.com\/woocommerce-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:31:\"Astra's WooCommerce integration\";s:15:\"added_by_plugin\";b:0;}i:9;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:36:\"https:\/\/wpastra.com\/lifterlms-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:29:\"Astra's LifterLMS integration\";s:15:\"added_by_plugin\";b:0;}i:10;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:28:\"https:\/\/wpastra.com\/pricing\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:14:\"need Astra Pro\";s:15:\"added_by_plugin\";b:0;}i:11;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:28:\"https:\/\/wpastra.com\/pricing\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:20:\"Astra Agency Package\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_inbound_internal_count":["5"],"wpil_links_inbound_internal_count_data":["a:5:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"26250\";s:5:\"title\";s:59:\"Elementor vs SiteOrigin Page Builder: A Detailed Comparison\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:36012:\"<!-- wp:paragraph -->\n<p>Trying to decide between Elementor vs SiteOrigin Page Builder to build your WordPress site? By the active install counts, these are the <strong>two most popular page builders at WordPress.org.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And because choosing a page builder for your site is a long-term decision, you want to make sure that you've got the right tool before you start building your site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To help you make your decision, we've written a detailed comparison of Elementor vs SiteOrigin Page Builder comparing both the free and premium functionality in each plugin.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For this comparison, we're not so much interested in injecting our own opinions. Instead, <strong>we just want to lay out the cold hard facts so that you can make your decision based on all the information.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We'll start off with a comparison of each plugin's free core functionality. Then, we'll compare some of the features that you can get with the official premium add-ons from each developer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs SiteOrigin Page Builder: The Free Core Plugins<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Both Elementor and SiteOrigin Page Builder offer free core versions* that you can optionally extend with a premium add-on for more functionality.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll compare each plugin's core functionality and how they let you create your designs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><em>*We will include the official SiteOrigin Widgets Bundle and SiteOrigin CSS extensions because they're free and from the same developer.<\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Here's a quick summary of each free plugin. And keep reading for a lot more detail:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:table {\"className\":\"tablepress tablepress-id-1 elementor-site-origin-table-first elementor-site-origin-table\"} -->\n<table class=\"wp-block-table tablepress tablepress-id-1 elementor-site-origin-table-first elementor-site-origin-table\"><thead><tr><th>&nbsp;<\/th><th>Elementor<\/th><th>SiteOrigin<\/th><\/tr><\/thead><tbody><tr><td>Editing Modes<\/td><td>Front-end visual editor<\/td><td>Back-end editor and lightweight live editor<\/td><\/tr><tr><td>Inline Editing<\/td><td>Yes<\/td><td>No<\/td><\/tr><tr><td>Free Widgets<\/td><td>28<\/td><td>26<\/td><\/tr><tr><td>Responsive Previews<\/td><td>Yes<\/td><td>Yes<\/td><\/tr><tr><td>Show\/hide by device<\/td><td>Yes<\/td><td>Kind of, with CSS<\/td><\/tr><tr><td>Free Page Templates<\/td><td>38+<\/td><td>26+<\/td><\/tr><tr><td>Save own templates?<\/td><td>Yes<\/td><td>No, but can easily clone<\/td><\/tr><tr><td>Code lock-in?<\/td><td>No, leaves behind clean HTML<\/td><td>Some widgets leave behind shortcodes<\/td><\/tr><\/tbody><\/table>\n<!-- \/wp:table -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3> 1. Interface: How You Create Your Designs <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll give you a basic look at how the interface of each page builder functions. This is just a high-level look to start - in the latter sections, we'll go deeper into specific interface functionality.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Elementor <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor is exclusively a front-end visual page builder. That means you'll see the actual end product of your designs as you build them. And you'll manipulate your designs using this same live view.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Here's how the interface works:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-1.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul><li><strong>1 -<\/strong> the widgets that you can use to build your page.<\/li><li><strong>2 -<\/strong> a live preview of your design, including all the widgets that you add. This is where you'll actually build your layout and it looks exactly like it will look to your visitors.<\/li><li><strong>3 -<\/strong> these are helpful settings and controls.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><strong>To add a new widget to your page, you just drag it over from the sidebar:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-2.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you want to edit any of the text on your page, you can just click on the live preview and type. This is called \"inline editing\" and is unique to Elementor in this comparison (that is, SiteOrigin Page Builder doesn't offer inline editing):<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-3.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In contrast to Elementor, SiteOrigin Page Builder gives you both a back-end editor, as well as a lightweight front-end live editor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you use the back-end editor, you'll design your page using abstract boxes that you can drag and drop as needed:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-4.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you open the live editor, you'll get a lightweight visual editor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This visual editor isn't the same as Elementor, though. You'll still need to manipulate your page design by dragging and dropping the abstract boxes on the left side. But you will see a real-time preview of how that abstract design will render on the right-side. And SiteOrigin Page Builder will also highlight the box that corresponds to each element on the live preview.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can also click on an element in the live preview to edit it. But you <strong>cannot<\/strong> drag and drop elements on the live preview:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-5.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul><li><strong>1 -<\/strong> you perform your work here.<\/li><li><strong>2 -<\/strong> this is a live visual preview, but you cannot drag and drop elements here.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3> 2. Layout Options <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Beyond the individual widgets that we'll cover in the next section, a big part of making your page look right is the underlying structural elements that \"hold\" your individual widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll look at how each page builder lets you set up the basic structure of your page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> Elementor<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor gives you two basic structural elements to work with:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Sections<\/strong> - this is the lowest-level element.<\/li><li><strong>Columns<\/strong> - columns go inside sections. Each section can have one or more columns.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>For example, if you wanted to divide your page into three vertical areas, you'd create:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1 -<\/strong> One section, marked by blue<\/li><li><strong>2 -<\/strong> Three columns, marked by black<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-6.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>To adjust the widths of your columns, Elementor lets you use simple drag and drop:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-7.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>For each section or column, Elementor also lets you access additional options that let you do things like:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Adjust the margin\/padding for a column or section<\/li><li>Add a background to a column or section<\/li><li>Choose a column gap<\/li><li>Stretch the section to full-width (sections only)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, SiteOrigin Page Builder also gives you two structural elements to build your pages:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Rows <\/strong>- the equivalent of Elementor's sections.<\/li><li><strong>Columns <\/strong>- each row can have one or more columns.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Page Builder lets you choose column widths from a bunch of presets or use drag and drop to create your own division:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-8.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Unlike Elementor, SiteOrigin doesn't give you customization options for individual columns. But you can customize individual rows with things like:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Custom margins\/padding<\/li><li>Custom column gutter<\/li><li>Row background<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>3. Included Widgets <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll cover the widgets that are included with each plugin. Then, we'll cover how to style those widgets in the next section.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Elementor <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor lets you use all of the core WordPress widgets in your designs. Beyond that, it also adds <strong>28 of its own widgets.<\/strong> You can view them below:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-9.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, SiteOrigin Page Builder also lets you use any of the core WordPress widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To get access to additional widgets, you can install the free SiteOrigin Widgets Bundle. In total, it adds <strong>26 of its own widgets.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>By default, it activates widgets for:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Text<\/li><li>Features<\/li><li>Buttons<\/li><li>Google Maps<\/li><li>Images<\/li><li>Post carousel<\/li><li>Slider<\/li><li>Layout builder<\/li><li>Post content<\/li><li>Post loop<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can also access additional widgets that are deactivated by default:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Accordion<\/li><li>Call-to-action<\/li><li>Contact form<\/li><li>Features<\/li><li>Headline<\/li><li>Hero image<\/li><li>Icon<\/li><li>Image grid<\/li><li>Layout slider<\/li><li>Price table<\/li><li>Simple masonry layout<\/li><li>Social media buttons<\/li><li>Tabs<\/li><li>Taxonomy<\/li><li>Testimonials<\/li><li>Video player<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>4. Styling Widgets <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll compare how each page builder lets you style the individual widgets that you use in your designs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Elementor <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor gives you three different tabs to edit individual widgets. While the specific options that you'll see in each tab depend on the exact widget that you're editing, the general division of options is the same no matter what:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Content <\/strong>- lets you configure the basic content for that element, as well as simple things like size and alignment.<\/li><li><strong>Style <\/strong>- lets you apply custom colors, typography, and other basic style options.<\/li><li><strong>Advanced <\/strong>- lets you apply custom margins\/padding, Z-Index, background, and some other advanced settings that we'll cover in the next two sections.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-10.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Page Builder gives you two areas to customize each widget:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-11.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul><li><strong>1 -<\/strong> in the main editor, you get accordion options that apply to the widget's core functionality.<\/li><li><strong>2 -<\/strong> in the right-hand sidebar, you get more advanced Widget Styles that let you add custom margins\/padding, a custom background, and custom CSS classes\/IDs.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>For most widgets, Elementor has a larger number of configuration options<em> just in terms of raw numbers.<\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>5. Responsive Options <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Both page builders create responsive layouts by default. But in this section, we'll compare what options you get for previewing those responsive layouts and customizing how they work.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> Elementor<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor lets you quickly access a preview of your design on different devices from the bottom left-hand side:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-12.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>For more control over how your design looks, Elementor also lets you hide specific sections, columns, or widgets from certain devices with the click of a toggle in the <strong>Advanced tab:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-13.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you use SiteOrigin Page Builder's Live Editor, you can quickly access previews for different devices:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-14.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>To control whether or not individual widgets display on different devices, SiteOrigin Page Builder does <strong>not <\/strong>give you a simple toggle like Elementor. But it does give you a special <strong>Mobile CSS Styles<\/strong> box that only applies styles when in mobile view.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You could conceivably add a simple \"display: none;\" rule here to hide individual rows or widgets on mobile devices:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-15.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>6. Adding Custom CSS <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you're a casual user, you might not ever need to use custom CSS in your page builder designs. But for more advanced users, the ability to add custom CSS is a great way to get more control over your page builder layouts.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Elementor <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In the free core plugin, Elementor lets you add custom CSS classes or IDs to any:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Section<\/li><li>Column<\/li><li>Widget<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-16.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In its free version, SiteOrigin Page Builder is a little bit more flexible when it comes to adding CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, you can add custom CSS classes or IDs to various elements. But SiteOrigin Page Builder also takes things a step further by letting you directly add CSS style attributes to rows or widgets, including the aforementioned <strong>Mobile CSS Styles<\/strong> option:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-17.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You can get similar functionality for Elementor, but it requires the Elementor Pro add-on.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>7. Included Templates\/Saving Your Own Templates <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Templates help you speed up your design process by:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Importing pre-made templates from the developer (or third-party)<\/li><li>Saving your own designs as templates to reuse later<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll compare how each plugin lets you handle templates.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> Elementor<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor includes a built-in template library that offers two different types of templates:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Pages <\/strong>- these are designs for entire pages<\/li><li><strong>Blocks<\/strong> - these are designs for specific page sections. E.g. a contact block, a hero block, etc.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>While Elementor offers 100s of page templates, only ~38 of them are available in the free version. There are are a larger number of blocks available in the free version:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-18.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You can also save your own designs as templates to reuse later.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Page Builder includes 26 pre-built templates that you can import with a couple clicks.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>While the design is subjective, we think it's fair to say that most of these templates are a little more basic than Elementor's templates:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-19.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Page Builder doesn't specifically let you save pages as templates, but it does include a feature that lets you easily clone an existing page that you've built with SiteOrigin Page Builder.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>8. Lock-in\/Code Quality If You Ever Deactivate <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lock-in refers to what happens if you ever want to deactivate the page builder that you choose. That is - how will your content look once the page builder is out of the picture?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Whenever you deactivate pretty much any page builder, you're going to lose the extra styling you added with the page builder. But some page builders leave the rest of your content untouched, while others can leave behind nasty artifacts.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> Elementor<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>When you deactivate Elementor, it leaves behind 100% clean code. That is, if you had an H2 heading with Elementor, you'll still see an H2 heading in the regular WordPress editor...it will just be using your theme's default styles.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, here's the content left behind from one of Elementor's templates after deactivating Elementor:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-deactivate-1.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Yes, it's ugly. But it's still all of your content with the same basic HTML formatting.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>SiteOrigin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Page Builder leaves behind mixed code depending on which widgets you use. Some widgets - like the SiteOrigin Editor widget, will leave behind the clean code. But many of the more specialized widgets leave behind shortcodes. You can see this is the example below:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-deactivate-2.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>For that reason, there is a degree of lock-in with SiteOrigin Page Builder if you use the more advanced shortcode-based widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs SiteOrigin : The Premium Add-on(s) <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>At this point, you should have a pretty good idea of each page builder's core functionality. Now, we're going to get into the features that are available in each plugin's premium add-on package.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Unlike the previous section, we won't do this on a 1:1 basis as each premium version has different core functionality.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:table {\"className\":\"tablepress tablepress-id-1 elementor-site-origin-table-first elementor-site-origin-table\"} -->\n<table class=\"wp-block-table tablepress tablepress-id-1 elementor-site-origin-table-first elementor-site-origin-table\"><thead><tr><th>&nbsp;<\/th><th>Elementor Pro<\/th><th>SiteOrigin Premium<\/th><\/tr><\/thead><tbody><tr><td>Most Unique Feature<\/td><td>Theme Builder<\/td><td>Custom Post Type Builder<\/td><\/tr><tr><td>Starting Price<\/td><td>$49<\/td><td>$29<\/td><\/tr><\/tbody><\/table>\n<!-- \/wp:table -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Pro <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>1. Theme Builder <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In Elementor Pro 2.0, the Elementor team introduced true theme building functionality. This feature lets you build your entire WordPress theme using the same Elementor interface outlined above.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, you can use drag and drop to build your theme's:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Header<\/li><li>Footer<\/li><li>Single post template<\/li><li>Blog post archive template<\/li><li>Custom post type template<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You get theme elements that you can use in your designs:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-20.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>And you can choose exactly where to apply your custom templates:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-21.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>While you <a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">still should pick a quality theme<\/a> for other reasons, this theme building functionality essentially lets you design 100% of your WordPress site using Elementor's interface, which isn't something that you can do with SiteOrigin Page Builder.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>2. More Widgets And Templates <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro gets you access to <strong>30+ new widgets<\/strong>, including dedicated WooCommerce widgets and widgets to help you display WordPress posts and custom post types:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-22.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Additionally, you unlock every single page template and block, which amounts to well over 100 pre-built templates.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> 3. Global Widgets<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Global widgets are a helpful feature if you need to reuse an identical element across multiple pages. It's kind of like saving and reusing a template - but with a twist.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you ever want to edit the global widget in the future, any changes that you make will automatically apply to every single page where you used that global widget:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-23.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>One helpful example would be to display a testimonial in various areas of your site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>4. Embed Anywhere <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In addition to Elementor Pro's theme building functionality, its <strong>Embed Anywhere <\/strong> feature gives you another way to use the Elementor interface outside of your normal content area.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With embed anywhere, you can take any of your saved Elementor templates and use shortcodes or widgets to embed them in your:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Sidebar<\/li><li>Footer<\/li><li>Anywhere else<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>For example, this lets you design a call-to-action section using the Elementor interface, then embed that section in your site's sidebar:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-24.gif\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> 5. Direct Custom CSS<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>With Elementor Pro, you can add CSS code directly to individual sections, columns, or widgets <em>(rather than just a CSS class or ID like in the free version)<\/em>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-25.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>It's worth pointing out, though, that SiteOrigin Page Builder gives you this same functionality for free.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>SiteOrigin Premium <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Premium is a modular set of add-ons that you can enable and disable as needed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> 1. Custom Post Type Builder<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin's Custom Post Type Builder is probably the most high-powered add-on.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The Custom Post Type Builder lets you:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Create custom post types and configure basic settings<\/li><li>Build reusable custom post type layouts using SiteOrigin Page Builder<\/li><li>Display your custom post types on the front-end<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":25893} -->\n<figure class=\"wp-block-image\"><img src=\"\/wp-content\/uploads\/2018\/05\/elementor-vs-siteorigin-page-builder-26.png\" alt=\"\" class=\"wp-image-25893\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>While you can do something similar with Elementor Pro's theme builder, the way that SiteOrigin Page Builder and Elementor Pro approach custom post types are different:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Elementor lets you design the template for custom post types you've already created. Your template will dynamically pull in the custom post type's information that you enter in the regular WordPress Editor and\/or custom fields.<\/li><li>SiteOrigin Premium lets you enter your custom post type information in the reusable layout that's built with SiteOrigin Page Builder.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4> 2. New Widgets And Widget Options<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Most of the other SiteOrigin Premium additions involve:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Adding new widgets<\/li><li>Extending free widgets with existing styling options<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Completely new functionality includes:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Row and widget animation options<\/li><li>Lightbox add-on for various widgets<\/li><li>AJAX comments<\/li><li>New social widgets<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>And the specific widgets that get new settings and styles are:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Accordion<\/li><li>Contact form<\/li><li>Call-to-action<\/li><li>Hero<\/li><li>Sliders (parallax effect)<\/li><li>Tabs<\/li><li>Testimonials<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>Elementor Pro vs SiteOrigin Premium: Pricing Comparison <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro offers three different pricing plans. All are full-featured, the only difference is the number of supported sites:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1 site<\/strong> - $49<\/li><li><strong>3 sites<\/strong> - $99<\/li><li><strong>Unlimited sites<\/strong> - $199<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Elementor also offers a <strong>30-day money-back guarantee.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There is <strong>no lifetime license<\/strong>, but you get a <strong>50% renewal discount<\/strong> if you renew <em>while your license is still active (you don't get the discount if you wait until your license has already expired).<\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Premium also offers three different pricing plans. Likewise, all the plans are full-featured, the only difference is the number of supported sites:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1 site<\/strong> - $29<\/li><li><strong>5 sites<\/strong> - $49<\/li><li><strong>Unlimited sites<\/strong> - $99<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>SiteOrigin Premium also offers a <strong>60-day money-back guarantee.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There is <strong>no lifetime license.<\/strong> SiteOrigin Premium utilizes <strong>automatic renewals<\/strong> and <strong>doesn't offer a renewal discount<\/strong>, though you can cancel at any time.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can also purchase a one-off one-year license for a slightly higher price. But given that you can cancel your billing at any time, there's really no reason you need to pay that higher price.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs SiteOrigin: Which Should You Choose? <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>As we told you at the beginning, we're not out to recommend a single product here. Instead, we're just going to summarize some of the key differences again so that you can make the best decision for your situation.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor offers: <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><li>More widgets, especially if you have Elementor Pro<\/li><li>True visual editing, including inline text editing<\/li><li>More built-in style\/layout options<\/li><li>More, and often better-looking, templates<\/li><li>Full theme building functionality (in Elementor Pro)<\/li><li>Helpful Pro features like global widgets and embed anywhere<\/li><li>Dedicated WooCommerce widgets in Elementor Pro<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><a class=\"astBlogButton\" href=\"https:\/\/wpastra.com\/go\/elementor\/\">Elementor<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>SiteOrigin offers:<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><li>Both back-end editing and a lightweight live editor, though the live editor isn't true visual editing.<\/li><li>A bit more control over CSS, especially in the free version (the Pro versions are <em>fairly<\/em> equal, but SiteOrigin still gives you easier access to mobile-only CSS)<\/li><li>The option to build custom post types on a one-off basis with reusable layouts <em>(rather than an actual template)<\/em><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><a class=\"astBlogButton\" href=\"https:\/\/siteorigin.com\/?ref=24\">SiteOrigin<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Both page builders <a href=\"https:\/\/wpastra.com\/theme-for-elementor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a> and SiteOrigin work great with <a href=\"https:\/\/wpastra.com\/\">our Astra theme<\/a> which you can see in the many example screenshots above<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong><em>Now over to you - have you used both of these page builders? Which do you prefer and why?<\/em><\/strong><\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:44:\"https:\/\/wpastra.com\/elementor-vs-siteorigin\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=26250\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=26250\";}}s:6:\"anchor\";s:33:\"still should pick a quality theme\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"27993\";s:5:\"title\";s:63:\"Elementor vs Beaver Builder: A Detailed Page Builder Comparison\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:31109:\"<!-- wp:paragraph -->\n<p>Trying to decide between Elementor vs Beaver Builder to design your WordPress site?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Choosing a WordPress page builder is a little bit like getting married. While you <em>can<\/em> always change your mind later, it's messy and something you're better off avoiding whenever possible!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To help you avoid changing your mind down the road, we're going to compare these two page builder heavyweights and help you make your decision.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We're <em>not<\/em> going to recommend a single tool - but we are going to dig in and give you the information you need to make your own decision. To help do that, we'll give you a hands-on look at the interfaces, widgets, templates, styling options, and lots more.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And to make things as standardized as possible, we've imported the <em>exact same&nbsp;<\/em><a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra Starter Sites<\/a> design for each respective page builder. So even though our test sites are running two different page builders, they'll look 100% identical, which gives you a great look at how each page builder handles things.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><em>Both example installs are running <\/em><a href=\"https:\/\/wpastra.com\/\"><em>the Astra theme<\/em><\/a><em> using <\/em><a href=\"https:\/\/wpastra.com\/ready-websites\/?website=agency-02\"><em>the free Astra Agency starter site<\/em><\/a><em>, if you're interested in where the design comes from.<\/em><br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: The Interface<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This section has to come first because you're going to spend most of your time in the page builder's editing interface.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you don't find it speedy and intuitive, your productivity will drop like a rock - and that's the opposite of what a page builder should do!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Both of these page builders offer rock-solid, glitch-free interfaces that are pretty speedy, so you're unlikely to notice any difference on that front.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But while both are visual, front end page builders, they approach the interface a little differently, and that might affect your decision. <em>There's no right or wrong here - it's really just preference<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Let's take a look\u2026<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Interface<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor divides your screen into two core sections:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1 <\/strong>- a live preview of your design on the right.<\/li><li><strong>2 <\/strong>- a sidebar where you can add elements, style them, and make use of other functionality (like responsive previews).<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28078,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-1-2-1024x542.png\" alt=\"elementor interface\" class=\"wp-image-28078\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you want to get a full look at your site, you can also manually hide the side panel when needed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To add a new element, you just drag it over from the side panel:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28079,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-2-1.gif\" alt=\"add element\" class=\"wp-image-28079\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>And Elementor supports inline text editing so that you can edit any text element just by clicking and typing:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28080,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-3-1.gif\" alt=\"inline editing\" class=\"wp-image-28080\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Finally, with some of the smaller buttons in the sidebar, you're able to access:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Responsive previews<\/li><li>Undo\/redo buttons<\/li><li>A full history of both individual actions (<em>for the current session<\/em>) and saved revisions<\/li><li>Various other settings<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Beaver Builder Interface<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder gives you a full-width preview of your design, opting to tuck the control areas into a top bar and a popup that appears when you want to edit a module or row:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1<\/strong> - your live preview takes up the full page<\/li><li><strong>2 <\/strong>- you can add modules or rows by clicking on the <strong>+<\/strong> icon to open the menu<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28081,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-4-1.png\" alt=\"elementor vs beaver builder interface\" class=\"wp-image-28081\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Here's what the interface looks like when you hit the <strong>+ <\/strong>icon:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28082,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-5-1.png\" alt=\"adding a module\" class=\"wp-image-28082\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, you simply drag these modules over from the sidebar to add them to your design:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28083,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-6-1.gif\" alt=\"styling options\" class=\"wp-image-28083\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You edit modules in a popup. But you can easily pin this popup to the sidebar if you prefer that approach.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder also recently added inline text editing, which puts it on par with Elementor in that respect, as well*:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28084,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-7-1.gif\" alt=\"inline editing\" class=\"wp-image-28084\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><em>*We recommend you pin the popup to the sidebar if you use inline editing because it offers an easier inline editing experience<\/em><br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Modules And Sections<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Whether you call them widgets or modules, or sections or rows, these elements are the building blocks of your designs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You use sections\/rows and columns to create the basic layout for your page, and then widgets\/modules to actually add content to that layout.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In this section, we'll compare how each page builder handles these elements.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Widgets<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor gives you three elements, each with a hierarchy:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Sections <\/strong>- these are the largest \"container\". A section groups columns and widgets and lets you, say, apply a background to everything inside.<\/li><li><strong>Columns<\/strong> - columns go inside sections and divide your design vertically.<\/li><li><strong>Widgets <\/strong>- these are the actual content of your site. Widgets can be text, images, a pricing table...you name it.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>In the free version, Elementor lets you build your designs with <strong>28 widgets<\/strong>. And with Elementor Pro, you get access to <strong>30 new widgets<\/strong>, giving you <strong>58 total widgets<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Elementor also lets you add additional widgets via third-party plugins. For example, the <a href=\"https:\/\/uaelementor.com\/\">Ultimate Addons For Elementor plugin<\/a> adds <strong>23+ new widgets <\/strong>that you can use in your designs.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Beaver Builder Modules<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder operates using a similar approach, though with different terminology:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Rows<\/strong> - these are the largest \"container\". You can use them to apply cohesive spacing\/backgrounds to the content inside.<\/li><li><strong>Columns<\/strong> - columns go inside rows and help you divide your page vertically.<\/li><li><strong>Modules <\/strong>- these are the actual content of your site. E.g. text, images, buttons, etc.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>In the free version, Beaver Builder gives you <strong>6 modules<\/strong>. But with the premium version, you get access to <strong>30 modules<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, you can also extend this further with third-party plugins. For example, the <a href=\"https:\/\/www.ultimatebeaver.com\/\">Ultimate Addons for Beaver Builder plugin<\/a> adds <strong>more than 45 new modules<\/strong>.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Styling Options<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Once you have your modules and sections, you'll want to style everything to make it look <em>just right<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>That's where a page builder's styling options come in...<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>But don't fall into the trap that you have to use your page builder to style <\/strong><strong><em>everything<\/em><\/strong>. For basic stuff like colors and typography, it's often easier to use your theme to set up global styles.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Then, you only need to edit styles with your page builder <em>if you want to create content that breaks from your global styles<\/em>.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Styling Options<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>By default, Elementor applies its own global styles to your content, which you can configure as needed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>However, by accessing the plugin's settings, you can turn off this functionality and use your WordPress theme's styles instead:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28085,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-8-1.png\" alt=\"global styles\" class=\"wp-image-28085\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you're using the <a href=\"https:\/\/wpastra.com\/\">Astra theme<\/a>, this is helpful because it means that you can use <a href=\"https:\/\/wpastra.com\/docs-category\/astra-customizer-settings\/\">Astra's detailed Customizer controls<\/a> to set the styles for your <strong>entire site<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Once you do that, your Elementor content will use the exact same styling as your regular WordPress content, which ensures consistency across your entire site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Of course, if you want to override these global styles, or style your design in other ways, Elementor gives you plenty of control.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For each section, column, or widget, you get three tabs to control how it looks and functions:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28086,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-9-1.png\" alt=\"styling options\" class=\"wp-image-28086\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:list -->\n<ul><li><strong>Content<\/strong> - basic things like alignment and size.<\/li><li><strong>Style <\/strong>- colors, typography, etc.<\/li><li><strong>Advanced <\/strong>- custom margin\/padding, animation, responsive controls, Z-index, and more.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Elementor has one of the deepest set of styling options you'll find in a page builder, so it's impossible to cover every option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But beyond the custom margins\/padding, two especially handy features are:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Responsive controls<\/strong> - these let you hide content on specific devices.<\/li><li><strong>Custom CSS <\/strong>- with Elementor Pro, you can add custom CSS styles <em>directly to individual widgets or sections<\/em> (the free version lets you add a CSS class or ID, but not actual styles)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28087,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-10-1.png\" alt=\"responsive and css\" class=\"wp-image-28087\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Finally, for many of the style settings, it's possible to use the device icon to apply different styles to different types of devices:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28088,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-11-1.png\" alt=\"responsive controls\" class=\"wp-image-28088\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Beaver Builder Styling Options<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>By default, Beaver Builder adopts your theme's global styles, rather than applying its own styles like Elementor does <em>by default<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Again, this means that you can use <a href=\"https:\/\/wpastra.com\/docs-category\/astra-customizer-settings\/\">the Astra theme's Customizer controls<\/a> to set up a cohesive style scheme and then just override your global styles with Beaver Builder as needed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you click on any row or module, you can style it using the various tabs that appear in the popup.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>These tabs depend on the specific module, but generally, you'll <em>at least <\/em>have options for:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Style<\/li><li>Typography<\/li><li>Advanced - things like custom margins, responsive controls, etc.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28089,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-12-1.png\" alt=\"beaver styling options\" class=\"wp-image-28089\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, you can use the device icons to apply different styles to different devices.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And while you can only add CSS classes and IDs to individual elements, Beaver Builder makes it easy to add actual CSS styles at a page-level (<em>just not an element level<\/em>):<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28090,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-13-1.png\" alt=\"edit CSS\" class=\"wp-image-28090\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Additionally, one unique feature that Beaver Builder has is the option to set custom responsive breakpoints in the global settings (<em>these breakpoints apply to all your Beaver Builder content<\/em>):<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28091,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-14-1.png\" alt=\"breakpoints\" class=\"wp-image-28091\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Template Functionality<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Both Elementor and Beaver Builder give you the power to build a beautiful page from a 100% blank canvas\u2026<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But sometimes you don't want to start from scratch!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And with so many beautiful templates for both Elementor and Beaver Builder, you don't have to.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Instead, you can just import a template, tweak as needed, and enjoy your great-looking site.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Templates<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>As of Elementor 2.0, Elementor divides its templates into two categories:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Pages<\/strong> - these are full-page designs that are fully-functional from the moment you import them (<em>you just need to customize the content<\/em>)<\/li><li><strong>Blocks <\/strong>- blocks are designs for specific <em>sections<\/em> of a page. For example, you could use a block to just add a pre-built \"contact\" section to an otherwise custom page.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>In its free version, Elementor gives you ~<strong>40 page templates<\/strong>, as well as a larger number of blocks.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And with Elementor Pro, you get access to <strong>hundreds of premium page and block templates<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Once you create your own designs, you can also save them as templates to reuse them later on.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Like widgets, it's also possible to use third-party templates, as well. That's actually what we've done for the example screenshots - we imported a fully-built demo site based on Elementor templates using <a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra's Starter Sites<\/a>.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Beaver Builder Templates <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder doesn't include any pre-built templates in the free version. But in the paid version, Beaver Builder gives you a variety of page templates divided into two sections:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Landing Pages<\/strong> - ~31 templates<\/li><li><strong>Content Pages <\/strong>- ~25 templates<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder doesn't offer the equivalent of Elementor's blocks <em>in the free version<\/em>. But you can find third-party plugins that give you that same type of functionality (<em>these are called <\/em><strong><em>row sections<\/em><\/strong>).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Like Elementor, you can also save your own templates to reuse them later.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And if you want access to additional templates, Beaver Builder makes it very easy for you to access new templates via third-party developers.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, the <a href=\"https:\/\/www.ultimatebeaver.com\/\">Ultimate Addons for Beaver Builder<\/a> plugin adds <strong>200+ row sections<\/strong> and <strong>100+ page templates<\/strong>. And you can also use the same <a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra Starter Sites<\/a> feature for Beaver Builder.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Theme Building<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Theme building is a powerful feature that lets you design <strong>your entire WordPress site<\/strong> using the same user-friendly page builder interface you've seen above.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Both Elementor and Beaver Builder now offer full theme building, but they go about including it in two different ways.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Elementor <strong>includes it in the regular Elementor Pro add-on<\/strong>, while Beaver Builder requires you to purchase the <strong>separate Beaver Themer extension<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Both plugins' theme building tools are also fully compatible with the <a href=\"https:\/\/wpastra.com\/\">Astra theme<\/a>. Yes - even if you're using a theme builder to design your entire site, it's still important to choose a quality theme (<a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">here's why!<\/a>).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, <a href=\"https:\/\/wpastra.com\/\">the Astra theme<\/a> provides a quick-loading foundation that lets you control the global styles for your theme builder, which saves you a ton of time.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Theme Building Functionality<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>With Elementor's theme builder, you can create and manage the various parts of your theme from the <strong>My Templates<\/strong> area.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you create a new template, you can choose what part of your theme you want it to replace, as well as give it a name:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28092,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-1-1.png\" alt=\"elementor theme builder\" class=\"wp-image-28092\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Then, you can either choose from one of Elementor's pre-built blocks to start your design, or you can build it from scratch.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The theme building interface is identical to the regular Elementor interface. <strong>Only now you get a new set of Theme Elements to build your design<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>These Theme Elements let you insert dynamic information pulled from your WordPress site's main functionality. For example, if you add the <strong>Post Title<\/strong> and <strong>Post Info<\/strong> elements (<em>example below<\/em>), Elementor will insert the <em>actual<\/em> content for the specific post that a user is visiting:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28093,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-2-1.png\" alt=\"elementor theme elements\" class=\"wp-image-28093\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>The available Theme Elements depend on what type of content you're building.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Once you've built your design, you can choose exactly where you want to use it. You can use it <strong>everywhere<\/strong>. Or, you could opt to just use it on, say, a specific:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Category of blog posts<\/li><li>Custom post type<\/li><li>Post format<\/li><li>Etc.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28094,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-3-1.png\" alt=\"elementor template display options\" class=\"wp-image-28094\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Beaver Builder Theme Building Functionality<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you have the Beaver Themer extension for Beaver Builder, you can create and manage the various parts of your theme by going to <strong>Beaver Builder \u2192 Themer Layouts<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you create a new Themer layout, you'll give it a name and choose what part of your theme you want to replace:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28095,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-4-1.png\" alt=\"beaver themer interface\" class=\"wp-image-28095\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Then, you have two drop-downs to control where your design displays:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Location<\/strong> - lets you apply your template to all content, or just specific categories, tags, post types, etc.<\/li><li><strong>Users <\/strong>- this is a unique feature that lets you apply your design based on the individual user. For example, you could only display your design when a user is logged in, or for specific user roles.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":28096,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-5-1.png\" alt=\"location rules\" class=\"wp-image-28096\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Then, you can click the <strong>Launch Beaver Builder<\/strong> button to actually design your theme part.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you're building your design, you'll get a new group of <strong>Themer Modules<\/strong> that let you dynamically insert your site's content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28097,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-beaver-builder-theme-building-6-1.png\" alt=\"theme modules\" class=\"wp-image-28097\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Other Considerations<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>There are some features that don't fit neatly into this comparison format\u2026<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>That's what this section is for<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Here are some unique features that Elementor offers:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Global widgets<\/strong> - you can use global widgets in multiple spots and then update every instance at the same time.<\/li><li><strong>Embed anywhere <\/strong>- you can embed Elementor templates with shortcodes or widgets. This lets you, say, use Elementor to design a CTA in your sidebar.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>And here's something that only Beaver Builder offers:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>White-labeling<\/strong> - if you're building sites for clients, this helps you create a custom, white-labeled end product. <a href=\"https:\/\/wpastra.com\/introducing-white-label\/\">The Astra theme also supports white-labeling<\/a>, so if you combine Beaver Builder with Astra you can create a <strong>100% white-labeled solution<\/strong>.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Beaver Builder: Pricing<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Both Elementor and Beaver Builder offer free versions at WordPress.org that you can test out, though Elementor's free version gives you more flexibility because of its larger widget library.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you want the premium versions of either plugin, here's how the pricing stacks up\u2026<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There are three Elementor Pro plans:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>1 site<\/strong> - $49<\/li><li><strong>3 sites <\/strong>- $99<\/li><li><strong>Unlimited sites <\/strong>- $199<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>There is no lifetime option, and each plan comes with a 30-day money back guarantee.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For Beaver Builder, there are also three plans. Each plan allows unlimited sites, it just comes with different bundles:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Standard<\/strong> - $99 - use Beaver Builder on unlimited sites (<em>but no multisite support or white-labeling<\/em>)<\/li><li><strong>Pro <\/strong>- $199 - everything in standard, plus the Beaver Builder theme and multisite support<\/li><li><strong>Agency <\/strong>- $399 - everything in standard, plus support for white-labeling<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>There is no lifetime plan, and Beaver Builder offers refunds if requested within the first 30 days.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Additionally, if you want access to theme building, Beaver Themer is an additional $147 for use on unlimited sites.<br>\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Final Thoughts On Elementor vs Beaver Builder<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor and Beaver Builder are two page builders that are both at the top of their game. That's a big part of why we've built <a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra Starter Sites<\/a> on <strong>both<\/strong> Elementor and Beaver Builder. And we've also gone out of our way to ensure that <a href=\"https:\/\/wpastra.com\/\">the Astra theme<\/a> integrates perfectly with both page builders when it comes to page-level controls and theme building.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If we <em>had<\/em> to draw a difference between the two page builders, most people say that Beaver Builder is a little bit more suited for <em>developers<\/em>, while Elementor is a little bit more suited for <em>designers<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But honestly? You won't go wrong picking either of these page builders.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:48:\"https:\/\/wpastra.com\/elementor-vs-beaver-builder\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=27993\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=27993\";}}s:6:\"anchor\";s:11:\"here's why!\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"28020\";s:5:\"title\";s:49:\"Elementor Free vs Pro: Which One Should You Pick?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:12614:\"<!-- wp:paragraph -->\n<p>Need help deciding between <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" rel=\"noopener\">Elementor<\/a> vs <a href=\"https:\/\/wpastra.com\/go\/elementor\/\" rel=\"noopener\">Elementor Pro<\/a> for your website? Should you break out your wallet and pay for Elementor Pro, or will you be just fine using the free version of Elementor that's available at WordPress.org?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In this post, we want to help answer those questions so that you can create an awesome website with the right tool for <em>you<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We'll start by discussing the <a href=\"https:\/\/docs.elementor.com\/article\/146-benefits-elementor-pro?ref=1352\" rel=\"noopener\">differences between Elementor and Elementor Pro<\/a>. Then, we'll try to help you pick between the two with some quick bullet points in each tool's favor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Elementor Pro: The Main Differences<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro is technically an <em>add-on<\/em> for the free Elementor plugin. That is, if you purchase Elementor Pro, you'll have both the free Elementor plugin <strong>and<\/strong> the Elementor Pro plugin active on your site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>That technicality is important because it sets up how things work:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro is everything you get in Elementor<strong>...plus more added on<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>So what's \"more\"? And do you actually need \"more\"?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Let's discuss...<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Pro Adds 30 New Widgets <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>First off, Elementor Pro just plain gives you more widgets to build your pages with - <strong>30 of them to be exact<\/strong>. Here's the full list:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28104,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-elementor-pro-1-1024x617.png\" alt=\"elementor vs elementor pro elements\" class=\"wp-image-28104\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>While you don't <em>need <\/em>these widgets to build pages that look great, they will make your designs more functional. And a secondary benefit is that they can actually eliminate the need for some third-party plugins.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, the <strong>Form<\/strong> widget lets you build customized forms right from the Elementor interface, the <strong>Slider<\/strong> widget lets you include performance-optimized sliders, and&nbsp;the <strong>Posts<\/strong> widget lets you display your latest blog posts in a grid.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Those are all things you'd otherwise need a separate plugin for.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Additionally, if you're running a WooCommerce store, you'll love the addition of a variety of WooCommerce-specific widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Learn how Astra can <a href=\"https:\/\/wpastra.com\/woocommerce-theme\/\">help you build your WooCommerce store<\/a> with Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro isn't the only way to add more widgets, though. A plugin like <a href=\"https:\/\/uaelementor.com\/\" rel=\"noopener\">Ultimate Addons for Elementor<\/a> also adds new widgets to the free version of Elementor (<em>as well as Elementor Pro, if you have both<\/em>).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Pro Unlocks The Full Template Library<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor comes with a large template library, but most of the templates are locked in the free version. <strong>Elementor Pro unlocks them<\/strong>. With Elementor Pro, you can use every single page template and block in the library:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28105,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-elementor-pro-2.png\" alt=\"elementor pro templates\" class=\"wp-image-28105\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>While this is a benefit, you can actually find plenty of additional templates for the regular version of Elementor <em>without<\/em> purchasing Elementor Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, all of the <a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra Starter Sites<\/a> are built with the free version of Elementor. So if you <a href=\"https:\/\/wpastra.com\/\">use the Astra theme<\/a>, you can still access all those templates without paying for Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Elementor Pro Adds Powerful New Functionality<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Beyond those new widgets and templates, this section houses <strong>the most valuable Elementor Pro additions<\/strong>, <em>especially since the release of Elementor Pro 2.0<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Here are the new features that you get with Elementor Pro:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Full Theme Building Functionality <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor Pro lets you use the same drag-and-drop interface to build your <em>entire theme<\/em>, including your header, footer, and post templates:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28106,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-elementor-pro-3.png\" alt=\"elementor pro theme building\" class=\"wp-image-28106\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you want to build <em>everything<\/em> with Elementor, that's a powerful reason to choose Elementor Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But if you just want to, say, create a custom header or footer for your site, you don't actually need full theme building - <a href=\"https:\/\/wpastra.com\/docs\/custom-header\/\">Astra Pro's Custom Layout module<\/a>&nbsp;lets you design your own custom header or footer without the need for Elementor Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3> Live Custom CSS<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>While the free version of Elementor lets you add custom CSS classes and IDs, Elementor Pro lets you <strong><em>directly add CSS styles to individual widgets or sections<\/em><\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28107,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/06\/elementor-vs-elementor-pro-4.png\" alt=\"elementor pro custom css\" class=\"wp-image-28107\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you like to use your own custom CSS, this is a big productivity boost.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Global Widgets <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Global widgets will save you a lot of time if you're planning to reuse the same widget on multiple pages.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Similar to saving a widget as a template, they let you quickly reuse the same design...<strong>but with a twist<\/strong>:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you ever want to update a global widget in the future, any changes you make will automatically get pushed out to every instance of that global widget.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Embed Anywhere <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Embed Anywhere lets you insert Elementor templates anywhere on your site using shortcodes or widgets.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>For example, you could use this feature to design a CTA that goes in your site's sidebar via a widget.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Combined with theme building, this gives you yet another way to apply the Elementor interface to your entire website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>So do all of those new features mean you absolutely need Elementor Pro? <\/strong>Well, it depends...<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>You'll Probably Be Fine With Elementor If\u2026 <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If these apply to you, you'll likely be happy with just <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" rel=\"noopener\">the free version<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Just want to design some \"basic\" but good-looking content. <\/strong>That is, you don't need advanced widgets like pricing tables or forms.<\/li><li><strong>Don't work with custom CSS very often.<\/strong> You'll still be able to add custom CSS classes and IDs, you just miss out on the live code editor for individual widgets and sections.<\/li><li><strong>Are already using a flexible theme.<\/strong> For example, <a href=\"https:\/\/wpastra.com\/\">Astra Pro<\/a> can help give you some of the functionality you'd get in Elementor Pro, like the ability to create custom headers and footers.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>You Should Definitely Get Elementor Pro If\u2026 <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If these apply to you, you'll probably want to <a href=\"https:\/\/wpastra.com\/go\/elementor\/\" rel=\"noopener\">pay for Elementor Pro<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Plan to build more complex content and landing pages.<\/strong> The extra widgets really come in handy when you start getting outside basic pages.<\/li><li><strong>Are using WooCommerce.<\/strong> The WooCommerce widgets give you a ton of flexibility.<\/li><li><strong>Like using your own CSS.<\/strong> Being able to add CSS directly to widgets and sections can really speed up your workflow.<\/li><li><strong>Want to build your entire theme using the Elementor interface.<\/strong> Just remember to still <a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">pick a quality theme <em>even if you're using Elementor's theme builder<\/em><\/a>.<\/li><li><strong>Like having access to all the templates<\/strong>, though you can still use <a href=\"https:\/\/wpastra.com\/ready-websites\/\">Astra Starter Sites<\/a> with the free version of Elementor.<\/li><li><strong>Plan to reuse the same widget across multiple pages.<\/strong> Global widgets will be your best friend!<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>Elementor vs Elementor Pro: It Shouldn't Be A Hard Question<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Because Elementor Pro is an add-on for Elementor, you shouldn't stress about making this decision <em>right now<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Just start with the free version of <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" rel=\"noopener\">Elementor<\/a> and see if it can meet your needs. If you ever feel limited, you'll be able to seamlessly <a href=\"https:\/\/wpastra.com\/go\/elementor\/\" rel=\"noopener\">upgrade to Elementor Pro<\/a> just by uploading the Elementor Pro plugin - there's no configuration process and you won't lose any of your work.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>And no matter which version of Elementor you choose, the <a href=\"https:\/\/wpastra.com\/\">Astra theme<\/a> is built to be both Elementor and Elementor Pro's best friend. With Astra, you'll get:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>A performance-oriented foundation to make your Elementor designs load crazy fast.<\/li><li>Flexible page controls that let you disable certain page\/post elements so they don't get in the way of your Elementor design.<\/li><li>Easy global style controls via the WordPress Customizer to more easily control how your Elementor designs look.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Learn more about <a href=\"https:\/\/wpastra.com\/theme-for-elementor\/\">why Astra is the best theme for Elementor users<\/a>. Then, go create something awesome with Elementor and Astra!<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:39:\"https:\/\/wpastra.com\/elementor-free-pro\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28020\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28020\";}}s:6:\"anchor\";s:21:\"pick a quality theme \";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"29677\";s:5:\"title\";s:44:\"18 Best WordPress Black Friday Deals in 2018\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:26674:\"<!-- wp:paragraph -->\n<p>If you want to enhance your WordPress site, there's no better time than Black Friday. These <strong>once a year deals <\/strong>give you a chance to save big on some of the best plugins and tools out there.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But a lot of these posts about the best WordPress Black Friday and Cyber Monday deals are just a mish-mash of random sales. And while that approach has value for some people, it's not especially helpful for regular WordPress users or are just looking to make their sites...<em>better<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>We're going to take a different approach.<\/strong> Instead of trying to share every deal in existence, we've curated a list of Black Friday deals for just the <a href=\"https:\/\/wpastra.com\/must-have-plugins-for-wordpress\/\">most essential WordPress plugins and tools<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We're talking about core functionality like...\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li>Page builders<\/li><li>Hosting<\/li><li>Backups<\/li><li>Security<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>...these are all <strong>deals that will make a real difference on your website <\/strong><strong><em>every single day<\/em><\/strong><strong>. <\/strong>And if you grab them during Black Friday, you're going to save an absolute bundle.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Speaking of bundles - we're also running our own huge Black Friday deals! This Black Friday and Cyber Monday, you can <a href=\"https:\/\/wpastra.com\/black-friday-2018\/\">get 30% off our Mini Agency Bundle and Agency Bundle<\/a> (<em>or you can also snag individual discounts on many of our products<\/em>).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>These bundles contain a multitude of helpful tools and give you a great foundation to stack the rest of these Black Friday and Cyber Monday WordPress sales on.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>WordPress Black Friday And Cyber Monday Deals 2018<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Because we're building a curated list of only deals on the most essential plugins and tools, we'll break our deals up into 8 sections. You can either click to jump straight to a specific section or read through all the deals:\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true,\"className\":\"definitive-checklist\"} -->\n<ol class=\"definitive-checklist\"><li><a href=\"#pagebuilder\">Page builder plugins<\/a><\/li><li><a href=\"#hosting\">Hosting<\/a><\/li><li><a href=\"#backup\">Backup plugins<\/a><\/li><li><a href=\"#security\">Security plugins<\/a><\/li><li><a href=\"#seo\">SEO plugins<\/a><\/li><li><a href=\"#form\">Contact Form plugins<\/a><\/li><li><a href=\"#caching\">Caching plugins<\/a><\/li><li><a href=\"#courses\">WordPress courses<\/a><\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Page Builder Plugins<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Our Astra theme pairs perfectly with most page builders. Additionally, all the premade Astra starter sites are built with either <a href=\"https:\/\/wpastra.com\/elementor-vs-beaver-builder\/\">Elementor or Beaver Builder<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>1. Elementor<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29682,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Elementor1.jpg\" alt=\"\" class=\"wp-image-29682\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Elementor had a big year in 2018, expanding with powerful new features like true <a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">theme building<\/a>. Despite adding a lot of value to the product, the price hasn't changed. And on Black Friday, the deal gets even sweeter with <strong>25% off all Elementor plans<\/strong>. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 25% off all plans<\/li><li><strong>Valid<\/strong>: Nov 22 - Nov 26<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/wpastra.com\/go\/elementor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>2. Beaver Builder<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29683,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Beaver-Builder1.jpg\" alt=\"\" class=\"wp-image-29683\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Beaver Builder has been around for a while now and rightfully built a reputation for quality and stability. They've also expanded into theme building with their separate Beaver Themer extension.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 25% off all products, including Beaver Themer<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 26<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/www.wpbeaverbuilder.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Hosting<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The foundation of your site is its hosting. You <em>need<\/em> a quality host...but a quality host can be expensive. That changes on Black Friday! For best results, purchase multiple years at a time to lock in Black Friday pricing for as long as possible.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>3. Liquid Web<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29730,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/11\/liquid-web.jpg\" alt=\"\" class=\"wp-image-29730\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Liquid Web is known for their reliable hosting services. They offer an 100% uptime guarantee and this Black Friday they have a great deal in which they are offering 50% OFF on six months of hosting!\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 50% OFF on services for 6 months<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 26<\/li><li><strong>Coupon<\/strong>: CYBERSPECIAL18<\/li><li><a href=\"https:\/\/www.liquidweb.com\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Get The Deal<\/strong><\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>4. SiteGround<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29684,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Site-Ground1.jpg\" alt=\"\" class=\"wp-image-29684\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>SiteGround offers basic managed WordPress features like built-in caching and automatic updates for a fraction of the price. Beyond that, you'll also get stellar performance and great support.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 75% on all hosting solutions<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 27<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/www.siteground.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>5. InMotion Hosting<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29685,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/inmotion-Hosting1.jpg\" alt=\"\" class=\"wp-image-29685\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>InMotion Hosting offers both cheap shared hosting plans as well as affordable managed WordPress hosting plans. This Black Friday and Cyber Monday, you can save on both.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: ~50% off shared hosting and ~37% off managed WordPress hosting<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 27<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/www.inmotionhosting.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>6. Cloudways<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29686,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Cloudways1.jpg\" alt=\"\" class=\"wp-image-29686\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Cloudways lets you take advantage of the power of cloud hosting by giving you a user-friendly dashboard (<em>rather than forcing you to be a server admin!<\/em>). You can choose from cloud hosting providers like Google, DigitalOcean, and Vultr. Then, you'll manage your site through Cloudways' interface.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 30% off your first 3 months on all plans<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 26<\/li><li><strong>Coupon<\/strong>: BFCM18<\/li><li><strong><a href=\"https:\/\/wpastra.com\/go\/cloudways\/\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Backup Plugins<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Unless your host already runs backups for you, you <em>must<\/em> have a backup plugin to keep your site's data safe. <a href=\"https:\/\/www.brainstormforce.com\/go\/updraftplus\/\">UpdraftPlus<\/a> is always a solid free option, but you can also save on some great premium options this Black Friday.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>7. BackupBuddy<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29687,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/BackupBuddy1.jpg\" alt=\"\" class=\"wp-image-29687\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>BackupBuddy is a premium backup plugin from iThemes. It gives you an easy-to-use interface that lets you automatically or manually backup your entire site (or just specific parts of your site).<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can also store your backups in off-site locations and easily restore your site if needed.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 50% off all iThemes products<\/li><li><strong>Valid<\/strong>: Now until Nov 26<\/li><li><strong>Coupon<\/strong>: BOOM50<\/li><li><strong><a href=\"https:\/\/ithemes.com\/black-friday-cyber-monday-sale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>8. BlogVault<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29688,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/BlogVault1.jpg\" alt=\"\" class=\"wp-image-29688\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>BlogVault is a popular service that automatically backs your site up to an off-site location every day. It's very hands-off - you set it up and then it does everything for you like clockwork.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>One unique thing about BlogVault is that it also offers a built-in staging site that you can use to safely test changes to your site, which is valuable all by itself.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 40% off annual plans<\/li><li><strong>Valid<\/strong>: Now until Nov 24<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Security Plugins<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Backups keep your data safe, but security plugins help stop you from ever needing to use your backups in the first place! This Black Friday, you can keep your site safe <em>without<\/em> feeling like your bank account has been robbed.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>9. MalCare<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29689,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Malcare1.jpg\" alt=\"\" class=\"wp-image-29689\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>MalCare is a WordPress malware scanning and security hardening plugin that won't slow down your site. From the same developer as the BlogVault service, MalCare uses off-site scanning to find malware and, <em>if needed<\/em>, fix it with a click.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:core-embed\/youtube {\"url\":\"https:\/\/www.youtube.com\/watch?v=2yNIb4Pc_ig\",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=2yNIb4Pc_ig\n<\/div><\/figure>\n<!-- \/wp:core-embed\/youtube -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 40% off annual plans<\/li><li><strong>Valid<\/strong>: Now until Nov 24<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/www.malcare.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>10. iThemes Security<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29690,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/iThemes-Security1.jpg\" alt=\"\" class=\"wp-image-29690\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>iThemes Security is one of the most popular security plugins at WordPress.org, where it has a <strong>4.7-star rating<\/strong> on over 3,800 reviews.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The Pro version helps you with everything from:\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li>Login protection<\/li><li>File change detection<\/li><li>Database backups<\/li><li>Malware scanning<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Plus a whole lot more!\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 50% off all iThemes products<\/li><li><strong>Valid<\/strong>: Now until Nov 26<\/li><li><strong>Coupon<\/strong>: BOOM50<\/li><li><strong><a href=\"https:\/\/ithemes.com\/security\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><div id=\"seo\">Best WordPress Black Friday Deals For SEO Plugins<\/div><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Every single WordPress site needs a quality SEO plugin. Here are two great options that you can grab for a discount.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>11. Yoast SEO Premium<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29691,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Yoast-SEO1.jpg\" alt=\"\" class=\"wp-image-29691\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Most people know about the free version of Yoast SEO. The premium version is also plenty valuable, though, with the addition of features like:\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li>Internal link suggestions<\/li><li>In-dashboard redirect manager<\/li><li>Content insights<\/li><li>Optimization for multiple keywords (<em>free version only lets you target one keyword<\/em>)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>By itself, the internal link suggestions feature is super valuable!\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 30% Discount<\/li><li><strong>Valid<\/strong>: Ongoing<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/yoast.com\/shop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>12. SEOPress<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29692,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/SEOPress1.jpg\" alt=\"\" class=\"wp-image-29692\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>SEOPress hasn't been around for as long as Yoast SEO, but it's quickly growing in popularity and has a <strong>4.9-star rating<\/strong> on over 170 reviews at WordPress.org.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The free version handles most basic functionality and the Pro version adds features for:\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li>Redirect management<\/li><li>Local SEO<\/li><li>XML Video Sitemap<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:core-embed\/youtube {\"url\":\"https:\/\/www.youtube.com\/watch?v=19sA0-PhR4E\",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=19sA0-PhR4E\n<\/div><\/figure>\n<!-- \/wp:core-embed\/youtube -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: $99 for lifetime use and updates on unlimited sites<\/li><li><strong>Valid<\/strong>: Nov 20 - Nov 26<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong>Get The Deal<\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Form Plugins<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Every website needs a basic contact form. But premium form plugins can also go further and help you handle payments, user registration, front-end content submission, and lots more.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>13. WPForms <\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29694,\"align\":\"center\",\"width\":660,\"height\":214} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img src=\"\/wp-content\/uploads\/2018\/11\/WPForms1.jpg\" alt=\"\" class=\"wp-image-29694\" width=\"660\" height=\"214\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>WPForms is another flexible form plugin that you can use for everything from basic contact forms to payments and more. It doesn't have quite as vibrant of a third-party add-on marketplace, but it does have one of the best interfaces of any form plugin.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 60% off all WPForms plans<\/li><li><strong>Valid<\/strong>: Nov 20 - Nov 30<\/li><li><strong>Coupon<\/strong>: BF2018<\/li><li><strong><a href=\"https:\/\/wpforms.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>14. Gravity Forms<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29693,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Gravity-Forms1.jpg\" alt=\"\" class=\"wp-image-29693\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Gravity Forms is especially popular with developers because it can do...well, pretty much anything. And if the core Gravity Forms plugin can't do it, you can probably find a third-party extension that can!\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 30-50% off all new licenses (discount depends on which license)<\/li><li><strong>Valid<\/strong>: Black Friday ONLY. November 23 12 am PST - 11:59 pm PST<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/wpastra.com\/go\/gravityforms\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Caching\/Performance Plugins<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>While the <a href=\"https:\/\/wpastra.com\/\">Astra theme<\/a> is built to give your site a high-performing foundation, the right caching plugin can speed things up even more.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>15. WP Rocket<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29695,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/WP-Rocket1.jpg\" alt=\"\" class=\"wp-image-29695\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>While there are a lot of free caching plugins, WP Rocket stands out because of its simplicity and comprehensiveness. You pretty much just activate it and your site starts loading faster. It also does more than just caching, with plenty of other performance boosts like lazy loading, GZIP compression, minification, and more.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 35% off all plans<\/li><li><strong>Valid<\/strong>: Nov 20 - Nov 27<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:html -->\n<h4>16. Swift Performance Pro<\/h4>\n<!-- \/wp:html -->\n\n<!-- wp:image {\"id\":29696,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Swift-Performance1.jpg\" alt=\"\" class=\"wp-image-29696\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Swift Performance Pro is another all-in-one performance solution. It hasn't been around for as long as WP Rocket, but it's been getting a ton of quality mentions in WordPress Facebook communities.\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 60-80% off depending on the plan you choose<\/li><li><strong>Valid<\/strong>: Nov 23 - Nov 30<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><strong>Get The Deal<\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Best WordPress Black Friday Deals For Courses<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Finally, to help you successfully use all of these tools, we've found some great Black Friday deals on WordPress learning courses.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>17. WP101<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29697,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/WP1011.jpg\" alt=\"\" class=\"wp-image-29697\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>As the name suggests, WP101 will have you up and running with all the WordPress basics, as well as specific series for tools like:\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li>Gutenberg<\/li><li>WooCommerce<\/li><li>Yoast SEO<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Plus plenty more!\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 50% off all-access pass<\/li><li><strong>Valid<\/strong>: Now - Nov 30<\/li><li><strong>Coupon<\/strong>: SAVE50<\/li><li><strong><a href=\"https:\/\/www.wp101.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Get The Deal<\/a><\/strong><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>18. WP Elevation \u2013 Video User Manuals plugin<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":29701,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"\/wp-content\/uploads\/2018\/11\/Video-User-Manuals1.jpg\" alt=\"\" class=\"wp-image-29701\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Having a handy tutorial for WordPress is always a good idea. It surely helps when you want to give adequate training for clients. WP Elevation in their Video User Manual plugin has focussed on everything you see within your WordPress dashboard and much deeper with commonly used plugins covered too! This Black Friday season, you can grab this amazing tutorial plugin at 66% OFF that is just around $97 per year!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"className\":\"bf-list-section\"} -->\n<ul class=\"bf-list-section\"><li><strong>Deal<\/strong>: 66% OFF on Video User Manual plugin with FREE Bonus Content (worth $591)<\/li><li><strong>Valid<\/strong>: Now until Nov 27<\/li><li><strong>Coupon<\/strong>: Not Required<\/li><li><a href=\"https:\/\/get.videousermanuals.co\/black-friday-sale\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Get The Deal<\/strong><\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Build Your WordPress Toolkit Without Breaking The Bank!<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>By combining these plugins with all the value that you get with our <strong>Mini Agency Bundle<\/strong> or <strong>Agency Bundle<\/strong>, you'll be able to build powerful, successful WordPress sites <em>without breaking the bank<\/em>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You won't find better prices on these products until next year, so don't wait around. <a href=\"https:\/\/wpastra.com\/black-friday-2018\/\">Grab your discounted copy of our Agency Bundle or Mini Agency Bundle<\/a>&nbsp;today and then take advantage of these deals and save big on building your WordPress success toolkit.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:54:\"https:\/\/wpastra.com\/best-wordpress-black-friday-deals\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=29677\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=29677\";}}s:6:\"anchor\";s:14:\"theme building\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"38027\";s:5:\"title\";s:58:\"Astra vs Elementor Hello Theme: Which One is Best for You?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:20340:\"<!-- wp:paragraph -->\n<p>In May 2019, the Elementor team officially got their Hello theme listed at WordPress.org. If you're not familiar, Hello is a barebones theme framework specifically designed to pair with the Elementor page builder.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Thanks to page builder plugins like Elementor, you can now build entire themes - including headers, footers, archive pages, etc. - using a page builder. So now, rather than needing a mega theme like in years past, all you need is <a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">a lightweight theme to provide a foundation<\/a> for the content that you build with your chosen page builder.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Themes Work Best with Elementor?<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Elementor works with any WordPress theme you want, but the Astra theme has taken special efforts so the theme works seamlessly with Elementor and saves you many unnecessary clicks and time!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a rel=\"noreferrer noopener\" aria-label=\"The Hello theme (opens in a new tab)\" href=\"https:\/\/wordpress.org\/themes\/hello-elementor\/\" target=\"_blank\">The Hello theme<\/a> takes that approach to its extreme, offering just about the most lightweight, stripped-down foundation possible. It has no features or integrations - it's basically just a blank canvas on which you can build your Elementor site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/wpastra.com\/\">The Astra theme<\/a> has a similar focus on performance and also has<a href=\"https:\/\/wpastra.com\/theme-for-elementor\/\"> a deep integration with the Elementor page builder<\/a>, which might have you wondering whether you should use Astra or the Hello theme for your next WordPress\/Elementor project.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In the end, both themes are great options, but they're suited to different use cases. To help you choose the theme that's right for you, we're going to go hands-on and compare the Hello theme vs Astra so that you understand exactly what each one offers.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: Default Designs<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Let's start with the default design of these two themes because you'll see some big differences in how they look out of the box.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With Astra, your site will have styling for all the important elements as soon as you activate it. Your site looks like a \"real\" website as soon as you activate it and Astra lets you customize everything via the Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, the Hello theme does not add any styling for any of the core WordPress elements, and your site doesn't look like a \"real\" website immediately after activating the theme. Again, that's because you're expected to use Elementor to design all those elements.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Let's look at some of the core pages\/content so that you understand the difference:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Header\/Footer<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>With the Hello theme, there's no real header. You can put either a logo or site title with a navigation menu. Along with header title of the page will keep appearing. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can see it below:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42293,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/header-hello-theme.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/header-hello-theme.png\" alt=\"\" class=\"wp-image-42293\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you want advance header than this you'll need to build your header entirely with Elementor Pro or custom CSS. Additionally, Hello does not add its own footer, so that's another thing that you'll need to design in Elementor Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, the Astra theme gives you a fully-functioning header right out of the box, which you can further customize using the native WordPress Customizer. Free Astra theme gives a transparent header. You can even add custom last menu item as a button, widget, text\/HTML and much more. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Logo, Site Title and Site Tagline can be added and managed nicely to add attractive design and small information about the website. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Astra also lets you customize your footer via the WordPress Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42292,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/header-astra-theme.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/header-astra-theme.png\" alt=\"\" class=\"wp-image-42292\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Blog Archive Page<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Blog archive page is the page that lists all of your most recent blog posts.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Again, you can see that Hello doesn't add any of its own stylings - it just uses an H2 for the blog title and regular paragraph text for the content:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Additionally, there's no metadata for the posts - it's just the post title and content.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42289,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/blog-archive-hello.jpg\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/blog-archive-hello.jpg\" alt=\"\" class=\"wp-image-42289\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Astra, on the other hand, provides a completely styled blog archive page, along with post metadata for:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Publish Date<\/li><li><span style=\"font-size: 1rem;\">Category<\/span><\/li><li>Author<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42298,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/blog-archive-astra.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/blog-archive-astra.png\" alt=\"\" class=\"wp-image-42298\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>In Astra, you can also control your blog archive layout and metadata via the WordPress Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Blog Single and Comments Section<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You'll see a similar story on the single blog page - Elementor Hello uses an H1 for the post title and regular paragraph text.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It adds some barebones styling for the comments and comment form, but you'll again need to do a lot of work in Elementor Pro to make things look good:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42295,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/single-post-hello.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/single-post-hello.png\" alt=\"\" class=\"wp-image-42295\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Notice how, as with the blog archive page, Hello does not add featured image or any post metadata for author, category, etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Astra, on the other hand, adds this metadata by default and also includes a fully-styled comments section:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42294,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/single-post-astra.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/single-post-astra.png\" alt=\"\" class=\"wp-image-42294\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>WooCommerce<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you try to use Hello with WooCommerce, you'll kind of get a styled product page via WooCommerce's built-in settings. However, in real life, you'll probably need to build out all your WooCommerce content using Elementor Pro:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42297,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/woo-single-hello.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/woo-single-hello.png\" alt=\"\" class=\"wp-image-42297\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Astra, however, includes its own built-in styling for WooCommerce, and your WooCommerce content will automatically adapt the rest of your site's styling when it comes to colors and typography. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Notice how the WooCommerce Add to Cart button adopts the same blue as the rest of the Astra them. You can even put cart button in the header that allows shopper quickly navigate to checkout page from anywhere on the website. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42296,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/woo-single-astra.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/woo-single-astra.png\" alt=\"\" class=\"wp-image-42296\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>So the Default Design Comparisons Say\u2026<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Basically, these design comparisons should drive home the point that you must use Elementor Pro to design important theme elements if you use the Hello theme. What's more, you have to use Elementor for everything - you won't be able to rely on your theme to do any of the heavy liftings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, Astra already styles these things for you - you just need to tweak them to match your needs using the WordPress Customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Now, this difference is not inherently a bad thing - if you were already planning to design every single page with Elementor, that's no sweat off your back. But it's important to remember that, if you use Hello, you'll be responsible for designing everything from 404 pages to archives, single layouts, WooCommerce product pages, and more.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: Performance Comparison<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Because of its barebones approach, you'd expect Hello theme to be more performance-optimized than Astra. However - remember that Hello is not \"finished\" in it's out of the box form. That is, you'll still need to build your header, footer, and other content using Elementor Pro to have a working website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>So to accurately compare the performance of Astra vs Hello, we'll test three scenarios:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li> Astra<\/li><li> Hello theme without Elementor (not a realistic scenario for a live site)<\/li><li> Hello theme with a basic header\/footer from Elementor Pro (a more realistic scenario)<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:table -->\n<table class=\"wp-block-table\"><tbody><tr><td><br><\/td><td><strong>Page Size<\/strong><\/td><td><strong>HTTP Requests<\/strong><\/td><\/tr><tr><td><strong>Astra<\/strong><\/td><td>38.7 KB<\/td><td>9<\/td><\/tr><tr><td><strong>Hello <\/strong><strong>no<\/strong><strong> Elementor<\/strong><\/td><td>16.5 KB<\/td><td>6<\/td><\/tr><tr><td><strong>Hello <\/strong><strong>with<\/strong><strong> Elementor<\/strong><\/td><td>239 KB<\/td><td>28<\/td><\/tr><\/tbody><\/table>\n<!-- \/wp:table -->\n\n<!-- wp:paragraph -->\n<p>So as you can see, the barebones Hello theme is indeed a little more lightweight than Astra. However, you can't run Hello without a page builder like Elementor, so that situation isn't realistic for a live site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you use Elementor to add a basic header and footer, the difference actually tips back in Astra's favor. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To sum it up, both of these themes give you a performance-optimized foundation to create a quick-loading site. And in real-world use, the difference of just a few KBs isn't going to make a big difference.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Basically, performance shouldn't be a big factor in choosing between Astra vs the Hello theme because both are optimized and the difference isn't meaningful.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: Built-in Features<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The Hello theme does not give you any features, so this is an easy comparison. Again, that's kind of its selling point - it's literally just the bare minimum and nothing else.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In fact, if you open the WordPress Customizer, you won't see a single option from the Hello them - it's just the generic options that come with every WordPress site:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42291,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/customizer-hello.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/customizer-hello.png\" alt=\"\" class=\"wp-image-42291\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Again, this is because you're supposed to use Elementor to handle everything.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, Astra gives you detailed WordPress Customizer controls for:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Headers, including an option to set up sticky headers, transparent headers, and other helpful settings<\/li><li>Global - Typography, Colors, Container Layout, Button<\/li><li>Header - Primary Header, Primary Menu, Transparent Header <\/li><li>Blog\/Archive and Single Post <\/li><li> \u2026a lot more<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":42290,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/customizer-astra.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/customizer-astra.png\" alt=\"\" class=\"wp-image-42290\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Even if you're still planning to use Elementor to design most\/all of your sites, having these Customizer controls can still be helpful. For example, being able to set up global colors and typography from your theme makes it easier to control your Elementor designs and change things up in the future.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To learn more about why you should still care about your theme even if you're using Elementor Pro's Theme Builder, <a href=\"https:\/\/wpastra.com\/is-theme-required-if-you-have-a-theme-builder\/\">check out our post here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: Plugin Integrations<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>As you saw with the WooCommerce section of the design comparison above, the Hello theme doesn't have any integrations with popular plugins. Instead, to control how those plugins look and function, you'll need to use the plugin's settings, custom CSS, or Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, Astra comes with built-in integrations for popular e-Learning LMS and ecommerce plugins like:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/wpastra.com\/woocommerce-theme\/\">WooCommerce<\/a><\/li><li>Easy Digital Downloads<\/li><li><a href=\"https:\/\/wpastra.com\/learndash-theme\/\">LearnDash<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/lifterlms-theme\/\">LifterLMS<\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>So, right out of the box, Astra will look great with those plugins. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Plus, you'll get dedicated options in the WordPress Customizer to control how Astra interacts with those plugins. For example, Astra lets you implement a distraction-free checkout with the click of a box, rather than needing to design it yourself.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: Importable Free Templates<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you use the Elementor Hello theme, you'll need to essentially build your site from scratch.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>While Elementor does offer a variety of page and block templates, you can't import an entire pre-made website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On the other hand, Astra offers a big library of <a href=\"https:\/\/wpastra.com\/elementor-templates-free-downloads\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"free Elementor templates (opens in a new tab)\">free Elementor templates<\/a> (starter sites ) that you can import with a few clicks. Many of these starter sites are built with Elementor, along with all the necessary configuration options for Astra's many WordPress Customizer settings:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":38071,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/astra-starter-sites-1.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/06\/astra-starter-sites-1-946x1024.png\" alt=\"\" class=\"wp-image-38071\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>Astra vs Hello: WordPress Block Editor Compatibility (Gutenberg)<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>For the new WordPress block editor (AKA Gutenberg), Astra offers special Gutenberg compatibility features, while Hello theme does not.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Some of the Gutenberg compatibility features in Astra are:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>You can see the frontend styles while working in the block editor, which creates a more visual editing experience in Astra. This includes colors, typography, and even backgrounds.<\/li><li> Astra automatically matches your frontend content width with the width of the block editor.<\/li><li> You can use the block editor's Full-Width alignment option.<\/li><li> Astra offers built-in style support for all the native blocks.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can also pair Astra with<a href=\"https:\/\/www.ultimategutenberg.com\/\"> Ultimate Addons for Gutenberg <\/a>for an even more flexible experience with the new block editor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2> Final Thoughts<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Hello is a great theme, but that doesn't mean it's automatically the best theme for every site you build with Elementor.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you've time to use Elementor Pro to design literally every part of your site, and you're fine with using custom CSS to fill in the gaps, Hello might be a good choice.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>However, if you're looking for a more complete theme that doesn't require you to build everything from scratch, Astra is a better option for you. It's super lightweight and built to integrate with Elementor. It further will offer you:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Lots of customization options in the real-time WordPress Customizer.<\/li><li>A solid foundation to fall back on. For example, you won't have to worry about creating your own 404 page from scratch!<\/li><li>Built-in support for popular plugins like WooCommerce, Easy Digital Downloads, LifterLMS, and LearnDash.<\/li><li>Tons of importable demo sites.<\/li><li>Detailed support for the new WordPress block editor.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Get started with <a href=\"https:\/\/wpastra.com\/\">Astra <\/a>for free!<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:58:\"https:\/\/wpastra.com\/elementor-hello-theme-vs-astra-review\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=38027\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=38027\";}}s:6:\"anchor\";s:43:\"a lightweight theme to provide a foundation\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-17T13:41:21+00:00"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:16:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";}"],"_yoast_wpseo_title":["Is Theme Required If You Have a Theme Builder?"],"_yoast_wpseo_metadesc":["Why is a theme needed when you have theme builder plugins like Beaver Themer, Toolset, and Elementor Pro 2.0 that let you essentially build your entire WordPress site."],"essb_c_facebook":["56"],"essb_c_twitter":["0"],"essb_c_pinterest":["0"],"essb_c_linkedin":["0"],"essb_c_digg":["0"],"essb_c_del":["0"],"essb_c_stumbleupon":["0"],"essb_c_tumblr":["0"],"essb_c_vk":["0"],"essb_c_print":["0"],"essb_c_mail":["0"],"essb_c_flattr":["0"],"essb_c_reddit":["0"],"essb_c_buffer":["0"],"essb_c_love":["0"],"essb_c_weibo":["0"],"essb_c_pocket":["0"],"essb_c_xing":["0"],"essb_c_ok":["0"],"essb_c_mwp":["0"],"essb_c_more":["0"],"essb_c_whatsapp":["0"],"essb_c_meneame":["0"],"essb_c_blogger":["0"],"essb_c_amazon":["0"],"essb_c_yahoomail":["0"],"essb_c_gmail":["0"],"essb_c_aol":["0"],"essb_c_newsvine":["0"],"essb_c_hackernews":["0"],"essb_c_evernote":["0"],"essb_c_myspace":["0"],"essb_c_mailru":["0"],"essb_c_viadeo":["0"],"essb_c_line":["0"],"essb_c_flipboard":["0"],"essb_c_comments":["13"],"essb_c_yummly":["0"],"essb_c_sms":["0"],"essb_c_viber":["0"],"essb_c_telegram":["0"],"essb_c_subscribe":["0"],"essb_c_skype":["0"],"essb_c_messenger":["0"],"essb_c_kakaotalk":["0"],"essb_c_share":["0"],"essb_c_livejournal":["0"],"essb_c_yammer":["0"],"essb_c_meetedgar":["0"],"essb_c_fintel":["0"],"essb_c_mix":["0"],"essb_c_instapaper":["0"],"essb_c_total":["71"],"essb_cached_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer.jpg"],"_essb_love":["0"],"essb_cache_expire":["1588220011"],"essb_c_facebook_like":["0"],"essb_c_copy":["0"],"essb_pc_reddit":["1"],"essb_pc_google":["2"],"essb_c_google":["2"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2023-09-20 14:49:50"],"astra_display_author":["9"],"_lmt_disable":["no"],"wp_last_modified_info":["September 20, 2023 @ 2:49 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["9"],"rank_math_primary_category":["860"],"rank_math_title":["Is a Theme Required if You Use a Theme Builder? (WordPress)"],"rank_math_description":["Page builders are incredibly popular but even if you have a theme builder plugin, you still need a WordPress theme. Here's why."],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1121"],"_wp_page_template":["default"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["23"],"rank_math_facebook_title":["Is a Theme Required if You Use a Theme Builder? (WordPress)"],"rank_math_twitter_use_facebook":["off"],"uael-social-share-count":["a:1:{s:8:\"1b71105e\";i:528;}"],"_wpml_media_featured":["1"],"_wpml_media_duplicate":["0"],"_wpml_word_count":["{\"total\":1667,\"to_translate\":{\"es\":1667}}"],"rank_math_facebook_description":["Page builders are incredibly popular but even if you have a theme builder plugin, you still need a WordPress theme. Here's why."],"rank_math_twitter_title":["Is a Theme Required if You Use a Theme Builder? (WordPress)"],"rank_math_twitter_description":["Page builders are incredibly popular but even if you have a theme builder plugin, you still need a WordPress theme. Here's why."],"_trp_automatically_translated_slug_es_ES":["es-tema-requerido-si-usted-tiene-un-constructor-de-tema"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"astra-migrate-meta-layouts":["set"],"footnotes":[""]},"uagb_featured_image_src":{"full":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer.jpg",1200,628,false],"thumbnail":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer-150x150.jpg",150,150,true],"medium":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer-300x157.jpg",300,157,true],"medium_large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer-768x402.jpg",768,402,true],"large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer-1024x536.jpg",1024,536,true],"1536x1536":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer.jpg",1200,628,false],"2048x2048":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer.jpg",1200,628,false],"trp-custom-language-flag":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2018\/04\/beaverthemer.jpg",18,9,false]},"uagb_author_info":{"display_name":"Pratik Chaskar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/pratikc\/"},"uagb_comment_info":13,"uagb_excerpt":"Theme builder plugins like Beaver Themer, Toolset, and Elementor Pro 2.0 now let you essentially build your entire WordPress site from scratch &#8211; header and footer included. These three plugins might leave you wondering\u2026 If I&#8217;m using a theme builder plugin, does it even matter which WordPress theme I use? Heck, why not just use&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/26069"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=26069"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/26069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media\/26081"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=26069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/categories?post=26069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/tags?post=26069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}