Astra Pro Review: Plantilla WordPress hecha para Page Builders

En este posts voy hacer la review de la plantilla Astra Pro(beta). Es una plantilla que me ha llamado bastante la atención porque está hecha para ser usada con Page Builders.

Estamos acostumbrados a ver plantillas enfocadas a una temática en concreto como las que te puedes encontrar en ThemeForest. Pero la tendencia va cambiado, y están surgiendo plantillas que no están enfocadas a ninguna temática sino que te ofrecen un diseño simple pero fácil de personalizar y flexibilidad para adaptar la estructura de la web a tus necesidades.

Un claro ejemplo de ello es la plantilla GeneratePress, la cual me encanta y que se la recomendaría a cualquiera.

Bueno, pues la plantilla Astra sigue el patrón de GeneratePress pero con ciertas diferencias que la convierten en una opción muy interesante.

WP Astra es un tema para WordPress pensado para ser usado junto con Page Builders o Maquetadores visuales como puede ser Elementor, el cual actualmente es mi favorito y es el que utilizo en todos los proyectos.

Vídeo análisis de Astra Pro

Aquí tienes mi vídeo review de Astra en el cual explico los puntos más interesantes de plantilla.

¿Has visto en el vídeo lo fácil que es crear una web completa con Astra?

Addons de Astra Pro

Desde que probé la beta han mejorado bastantes cosas de la plantilla y han añadido nuevos addons con más funcionalidades.

Vamos a ver cuáles son qué ofrece cada uno de ello.

Widgets pie de pagina

Ajustes extras para cambiar la distribución de los widgets del footer.

Astra pro footer widget addon

Tienes 8 combinaciones diferentes para elegir.

Colores & Fondos

El título lo explica todo: ajustes para cambiar color y fondo de varios elementos de la web más allá de lo que te ofrece la versión gratuita.

Volver arriba

Añade un botón para volver arriba, una cosa bastante básica, nada especial.

Sticky Header

También conocido como menú pegajoso o como lo quieras llamar. Es un menú que se mantiene “pegado” arriba cuando haces scroll hacia abajo.

Tipografía

Este addon permite cambiar la tipografía de prácticamente cada elemento de la web, menú, submenú, titulo del blog, título de los widgets, etiquetas h1, h2, h3, etc.

Cabeceras Personalizadas

Este addon sí es más interesante, lo te permite hacer es crear cabeceras personalizadas para la web. Con el podrías crear por ejemplo una cabecera con menú transparente y especificar en qué paginas quieres que se muestre.

Este addon se le puede sacar bastante provecho así que te quiero explicar en detallo las opciones de configuración que tiene.

Desde los ajustes de Astra tienes acceso a la pestaña Advanced Headers desde la cual puedes crear cabeceras personalizadas.

Al crear una nueva verás tres pestañas, la primera es Page Header:

Como verás en la imagen puedes cambiar la estructura de la cebecera además de cambiar ajustes de color, fondo y tamaño.

En la pestaña de Site Header tenemos las siguientes opciones

Aquí es donde tienes que jugar con los colores del menú para que se vean bien si usas alguna imagen de fondo.

Por último tenemos la pestaña de Display Rules que te permite especificar dónde quieres mostrar la cabecera.

Hay dos opciones, una es para especificar en qué partes de la web se va mostrar y la otra es para especificar qué usuarios verán esa cabecera.

Para Display On tienes bastantes opciones:

Y para los usuarios tienes las siguientes opciones.

Como ves es un addon bastante completo que te permite tener el control total sobre la cabecera de tu web.

En el vídeo explico su funcionamiento por si te interesa ver su configuración en vivo.

Hooks Condicionales

Otro addon muy interesante al que se le puede sacar bastante provecho. Si eres de los que le gusta tocar código o hacer desarrollos a medida este addon te va encantar.

Aquí tengo un vídeo explicando cómo funciona.

Te explico rápidamente los que son los hooks en caso de que no sepas de qué va la cosa.

Los hooks, para que me entiendas son básicamente zonas de la plantilla donde puedes insertar código HTML, PHP y JS ya sea para añadir funcionalidades o mostrar algún tipo de contenido en diferentes partes de la web, dependiendo del hook que utilices.

Para insertar un hook lo primero que tienes que hacer es irte a la pestaña de Advanced Hooks y añadir uno nuevo:

Una vez hecho eso se te abrirá una nueva pantalla en la cual puedes introducir el contenido que quieras.

Wp astra advanced hooks

Lo interesante y lo que me ha sorprendido es que incluye el editor por defecto de WordPress y un botón para activar el editor de código.

Que incluya el editor de WordPress me ha sorprendido porque es una cosa que otras plantillas no tienen, normalmente solo tienes una caja para insertar código directamente, nada de editores.

Para los usuarios más novatos es una gran ventaja, porque parar hacer cosas sencillas con el editor visual de WordPress les sobra.

En caso de que quieras meter código no hay problema, tienes un botón para cambiar al editor de código y ahí ya meterías todo el código que quieras.

Y si bajamos un poco más hay otro apartado de ajustes avanzados, y ahí es donde está la parte divertida de Advanced Hooks.

astra pro advanced hooks settings
Ajustes avanzados de hooks

Con los ajustes avanzados puedes crear hooks condicionales.

Accion: Es para seleccionar que hook que vas a utilizar, y hay muchos para elegir:

  • Head
    • html_before
    • head_top
    • head_bottom
    • wp_head
  • Header
    •  body_top
    • header_before
    • header_before
    • main_header_bar_top
    • masthead_content
    • masthead_toggle_buttons_before
    • masthead_toggle_buttons_after
    • main_header_bar_bottom
    • masthead_bottom
    • header_after
  • Content
    •  content_top
    • primary_content_top
    • content_while_before
    • entry_before
    • entry_top
    • single_header_before
    • single_header_top
    • single_header_bottom
    • single_header_after
    • entry_content_before
    • entry_content_after
    • entry_bottom
    • entry_after
    • primary_content_bottom
    • content_while_after
    • content_bottom
    • content_after
  • Comments
    • comments_before
    • comments_after
  • Sidebar
    • sidebars_before
    • sidebars_after
  • Footer
    • footer_before
    • footer_content_top
    • footer_content_bottom
    • footer_after
    • body_bottom
    • wp_footer

No había manera de hacer una captura de pantalla de esto ejej. Pedazo de lista.

Priority: para establecer la prioridad del hook.

Spacing: para añadir un padding arriba o abajo para que no quede tan pegado a otros elementos de la web.

Display on: al igual que con el addon de cabecera puedes especificar en qué partes de la web activar el hook. Puede que solo te interese que aparezca en las entradas del blog o solo en las paginas.

User role: sirve para seleccionar el tipo de usuario que podrá ver el hook, igual que con la cabecera.

Marca Blanca

astra pro marca blanca

Te permite mostrar la información de tu marca en vez de la de Astra.

Te permite cambiar el nombre de la plantilla, la descripción, el logo, el autor…

Addons en desarrollo

De momento solo están los addons que he mencionado pero tiene planeado añadir más obviamente.

En su web indican que van a sacar o tiene planeado sacar los siguientes addons:

  • Spacing
  • Blog Layouts
  • Header Designs
  • Mega Menu
  • Blog Layout
  • Site Layout
  • WooCommerce Designer

Velocidad de carga WP Astra vs GeneratePress

No es la típica plantilla multipropose cargada de opciones de configuración y funcionalidades innecesarias(en muchos casos). Está muy enfocada a la velocidad de carga y las pruebas que he hecho me ha dado muy buenos resultados.

He hecho las pruebas en una instalación limpia de WordPress sin ningún plugin con la versión gratuita de Astra (sin el plugin de Astra Pro).

Las pruebas se han hecho en el hosting Pilvia, es un hosting que te permite crear instalaciones de WordPress de forma gratuita. Ideal para pruebas, te recomiendo probarlo.

Tiempo de carga de Astra theme

wp astra volocidad de carga
Tiempo de carga de WP Astra sin los addons premium.

Aquí más que fijarse en el tiempo de carga, que por cierto está bastante bien.  Hay que fijarse en las pocas peticiones que hace, solo 6. Y al peso de la pagina que no llega ni a los 41kB.

Ten en cuenta que las pruebas se han hecho en un hosting gratuito y que la velocidad de carga en este caso dependía más de la respuesta del servidor que de la propia plantilla.

En cualquier caso considero que los resultados son bastante buenos. En su web anuncian que carga en 0,5 segundos y por lo que se ve es verdad, al menos la versión gratuita.

Pero también hay que probar la versión premium Astra que realmente es donde está todo el pontencial de la plantilla y en caso de comprarla seguramente los tendremos todos o casi todos activos.

Con todos los addons activos de Astra Pro estos son los resultados de velocidad de carga:

test velocidad Astra Pro theme
Teimpos de carga de Astra Pro con los addons activados.

Peso de página ha subido a 90kB y las peticiones han pasado de 6 a 10. Así como era de esperar los tiempos de carga han empeorado un poco, unos 150 ms más. Aunque este último valor varía con cada prueba dependiendo de la respuesta del servidor.

Como un dato adicional para los más frikis voy a poner también el tipo y número de peticiones que hace en total:

  • Peso de pagina: 90.4 kb
  • Peticiones: 10
    • Java Script: 6
    • CSS: 2
    • HTML: 1
    • Otros: 1

Ya con esto sacáis vuestras propias conclusiones. Yo opino que son unos resultados bastante buenos.

Velocidad de carga GeneratePress

Las pruebas se han hecho en las mismas condiciones obviamente y lo único que he cambiado ha sido la plantilla. En este caso he usado la versión gratuita de GeneratePress, sin el plugin GP Premium.

generatepress velocidad de carga
Velocidad de carga de GeneratePress sin addons premium.

Como podrás observar el número de peticiones y el peso de página es bastante mayor que los que nos da Astra.

  • Peso de pagina: 210.7 kb
  • nº peticiones: 16

Y en cuanto a velocidad de carga también es superior pero hay que tener en cuenta que en eso influía bastante la respuesta del servidor. Con cada prueba salían resultados diferentes.

Por último vamos a probar la versión premium de GeneratePress. He instalado el plugin GP Premium y activado todos los addons, incluso el de WooCommerce que realmente no tiene sentido tenerlo activo si no tienes instalado WooCommerce.

volocidad de carga generatepress premium
Test de velocidad de GeneratePress Premium

Viendo estos resultados la GP premium hace que suban las peticiones a 19 y aumenta el peso de página unos míseros 5 kB.

Resumen del test:

  • Peso de pagina: 215.7 kB
  • Peticiones: 19
    • Java Script: 7
    • CSS: 7
    • HTML: 1
    • Otros: 4

Como dato curioso el tiempo de carga ha bajado pero como decía antes ese valor depende bastante del servidor.


En general ambas plantillas ofrecen buenos resultados en cuanto a tiempos de carga pero si hay que elegir un ganador sería Astra. Hace menos peticiones, pesa menos y eso por fuerza se tiene que traducir en una mayor velocidad de carga.

Astra Pro + Page Builders

Es lo que he mencionado al principio. En vez de cargar la plantilla con un montón de estilos y funcionalidades han creado una plantilla flexible y ligera que funcione perfectamente con los Page Builders más populares como:

  • Elementor
  • Beaver Builder
  • Visual Composer (espero que no lo estés usando todavía…)
  • SiteOrigin
  • Divi

Aunque es compatible con todos esos plugins con los que mejor funciona es con Beaver Builder y Elementor. Lo digo porque las demos que han creado solo funcionan con esos dos page buildes.

Cosa que tiene lógica tenido en cuenta que los de Brainstorm ya tiene desarrollado un addon para Beaver Builder que amplia sus funcionalidades y también van a sacar uno para Elementor más adelante.

¿Pero realmente qué quiere decir que esté hecha para page builders

Te pongo un ejemplo:

Uno de los problemas más típicos que suelen dar las plantillas es que no te permiten crear páginas de ancho completo. Algunas te permiten quitar los sidebar pero aun así no son páginas de ancho completo porque el contenido sigue estando delimitado por un contenedor principal.

Esto provoca en muchos casos conflicto con page builders al intentar crear secciones de contenido que ocupen todo el ancho de la pantalla. Esto con Astra no pasa, porque tiene una opción para crear páginas de ancho completo de verdad para que las puedas maquetar con tu editor visual sin problemas.

A parte de eso hay más cosas… en el vídeo explico algunas más.

Importa paginas web completas con Astra Sites

Astra Pro Theme

Esta funcionalidad me ha dejado flipado la verdad, porque puedes importar una plantilla de una web completa usando el plugin Astra Sites.

Astra Sites es un plugin gratuito que al instalarlo te da acceso a una serie de plantillas de páginas web de diferentes temáticas que puedes importar con un par de clics prácticamente.

Cada plantilla te indica los plugin necesarios para poder importarla,  pero todas utilizan Elementor(free) o Beaver Builder y algunas requieren también el Ccontact Form 7 o Widgets By SiteOrigin.

Una vez que tengas esos plugin instalados y activados podrás importar la plantilla completa de forma gratuita. Aunque más adelante probablemente saquen plantillas premium que puede que necesiten la versión de pago de algún editor visual.

Te recomiendo que le eches un vistazo al vídeo ya en él explico todo el proceso de importación.

Ver demo

Planes de precios de Astra Pro

Ha llegado el momento de hablar de precios, un factor decisivo en cualquier compra.

Actualmente tiene dos planes de precio.

Astra pro precios

Licencia anual: 49$(42€) de momento, después 69$ (59€)

  • Todos los Addons Pro.
  • Soporte 1 año.
  • Actualizaciones 1 año.
  • Uso en sitios web ilimitado.
  • 20% de descuento al renovar.

Licencia de por vida: 199$ de momento, después 299$

Ofrece lo mismo que la anual salvo que no tendrás que renovar la plantillas en tu vida. Evidentemente también tendrás soporte y actualizaciones de por vida.

¿Merece la pena comprar Astra Pro?

49$ (que son unos 42€) por la plantilla me parece un precio justo para las funcionalidades que tiene y más que va tener con el tiempo.

Cualquier plantilla de ThemeForest te sale más cara y ni te dan soporte durante un año ni las puedes usar en varias webs…

Aquí sin duda optaría por la licencia de un año porque no soy muy fan de las licencias de por vida. Teniendo en cuenta lo rápido que van cambiado las cosas igual dentro de un año sale otra plantilla mejor.

Astra Agency el plan para profesionales

Tienen otro plan de precios orientado a agencias y profesionales freelance. Este plan además de la plantilla premium te da acceso a otros plugins desarrollados por Brainstrom.

Uno de ellos es Convert Pro, un plugin muy bueno para captar suscriptores. De hecho lo utilizo en mi web. Para más información puedes leer mi review sobre Convert Pro.

Además de Convert Pro, también tienen un addon para Beaver Builder y van a sacar otro para Elementor que va ampliar sus funcionalidades. Estoy impaciente 🙂

Igual que antes tienen dos planes de precios disponibles: el anual y el de por vida.

Astra Agency

Lo que te ofrece el plan para agencias:

  • Astra Pro Sites: acceso a plantillas premium.
  • Astra Pro Addon: la versión premium de Astra.
  • Convert Pro: plugin para captación de leads.
  • Ultimate Addons: es un plugin para Beaver Builder.
  • Plugins futuros: van a sacar un plugin para ampliar las funcionalidades de Elementor.
  • Uso ilimitado: podrás usar todas esas herramientas en las webs que quieras.
  • Soporte y actualizaciones durante un año: lo normal que se suele ofrecer.

Al igual que antes la diferencia está en que uno lo tienes que renovar cada año (con un 20% de descuento) y el otro lo tienes de por vida sin tener que renovarlo cada año.

¿Vale la pena comprar Astra Agency?

Para empezar este plan está orientado a empresas o freelancers. Así que, si eres un usuario “normal” no tiene mucho sentido que compres este tipo de licencia. Te sale más rentable comprar sus herramientas por separado salvo que necesites licencias multiuso.

De todos modos por 199$(170€) lo veo bien para todo lo que te llevas, pero 300$ ya me parece un poco caro, me lo tendría que pensar.

Ahora, si eres un profesional que se dedica al diseño web o tienes una empresa/agencia pues me parece una buena inversión. Porque te da acceso a Astra Pro Sites por lo cual podrás usar las plantillas premium para webs de clientes.

A parte de que te llevas una buena plantilla y un pedazo de plugin para captación de suscriptores. Y eso que todavía no han sacado el plugin para Elementor.

Es la licencia que tego yo, al principio compré Convert Pro pero luego viendo como ha evolucionado la plantilla opté por hacer un upgrade a Agency.

Más info sobre Atra Agency

Resumen final sobre Astra Pro

Considero que es una plantilla más que viable para usarla en casi cualquier proyecto web, de hecho me estoy planteando reemplazar GeneratePress por Astra Pro.

Yo he aprovechado para comprar ya la licencia para agencias porque seguramente cuando saquen el Addon para Elementor el precio va subir.

Me gustaría saber qué opinas sobre esta plantilla y las dudas que tengas respecto a este theme.

Espero que te haya sido útil esta review de Astra Pro y que la compartas en tus redes sociales.

¡Un saludo!

[Total:3    Promedio:5/5]

Kit de herramientas para crear un blog

Lo que uso para crear webs

Mi Kit de Herramientas con el que podrás empezar a crear tu web.

Sergio Kolomiychuk

Autodidacta, apasionado del WordPress, marketing y las nuevas tecnologías. Me encantan las webs limpias con buena usabilidad y es lo que ofrezco a mis clientes. Comparto lo aprendido en el blog para ayudar a otras personas a crear una web profesional.

  • Jose

    Hola Sergio, una pregunta corta respecto a la velocidad es mas rápida que generatepress o están casi iguales, porque yo estoy encantado con generatepress y si no le saca mucha ventaja en velocidad la verdad no la cambiaría por nada. Muchas gracias

    • Hola Jose, la verdad es que no las he comparado en velocidad de carga pero que ambas estarán bastante igualadas. Si es más rápida no será por mucho seguro. Con GeneratePress tienes plantilla para rato. ¡Un saludo!

  • Dan H

    Gracias crack super buena reseña. Queria preguntarte si creas un footer con elementor como puedes hacer que lo tome este tema de Astra hay que meterse con código ? gracias!

    • Hola, gracias.
      No hace falta tocar código. Usando los hooks condicionales te puedes crear un footer totalmente personalizado con Elementor. En el vídeo lo explico.

  • Hola Sergio, gracias por el post, llevo utilizando Astra hace unos meses y no había profundizado en los hooks, además estoy creando un blog y me viene muy bien el recurso de utilizar los hooks para crear los post relacionados y así ahorrarme un plugin. No obstante no me termina de convencer puesto que realmente no ofrece los posts relacionados con cada entrada concreta, sino que da siempre los mismos posts en todas las entradas.
    ¿Hay alguna forma de que ofrezca los post relacionados?

    Muchas gracias.

    • Hola,
      El tema de los post relacionados lo que puedes hacer es que te muestre artículos aleatorios en vez de los últimos poblicados. Es como lo tengo yo. Lo malo es que no puedes filtrar por categoría. O sea, hacer que te muestre artículos relacionados solo de la categoría del artículo.

      También es recomendable excluir algunos artículos que no sean muy relevantes.

      Un saludo y gracias por comentar.

      • Gracias Sergio, lo haré de ese modo y ya que estamos me voy a aprovechar un poco más de tu conocimiento jeje.
        ¿Sabes si hay alguna forma de que Astra muestre los post en filas y columnas de 3 o 4 y no solo en fila de uno en uno?

        Muchas gracias de antemano.

        • Me parece que de momento no tiene esa opción pero seguramente la implementarán mas adelante. Creo que la extensión “Blog Layouts” traerá esas opciones pero de momento está en desarrollo.

          • Muchas gracias Sergio, la verdad es que me encanta el tema y combinado con Elementor es genial.

¿Dónde te mando los accesos al Área Privada?

Cállate y coge mi dinero!!!

fry-coge-mi-dinero
convert-pro
logo-thrive-leads

¿Convert Pro o Thrive Leads?

La decisión es tuya

Convert Pro o

Thrive Leads

Pin It on Pinterest

Share This