Sujay Pawar

June 13, 2019

Astra vs Hello WordPress Theme: Which One is Right for You?

astra-vs-hello-comparison

In May 2019, the Elementor team officially got their lightweight 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.

Thanks to the integration of theme building functionality into 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 lightweight theme to provide a foundation for the content that you build with your chosen page builder.

The Hello theme 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.

The Astra theme has a similar focus on performance and also has a deep integration with the Elementor page builder, which might have you wondering whether you should use Astra or the Hello theme for your next WordPress/Elementor project.

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.

Astra vs Hello: Default Designs

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.

With Astra, your site will have styling for all the important elements as soon as you activate it. Now, you will probably want to customize this styling to make it your own, but your site looks like a “real” website as soon as you activate it and Astra lets you customize everything via the Customizer.

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.

Let’s look at some of the core pages/content so that you understand the difference:

Header/Footer

With the Hello theme, there’s no real header. Your “header” is just a regular link for your site name and for your navigation menu.

You can see it below:

Basically, 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.

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:

Astra also lets you customize your footer via the WordPress Customizer.

Blog Archive Page

Blog archive page is the page that lists all of your most recent blog posts.

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:

Additionally, there’s no metadata for the posts – it’s just the post title and content.

Astra, on the other hand, provides a completely styled blog archive page, along with post metadata for:

  • Number of comments
  • Category
  • Author

In Astra, you can also control your blog archive layout and metadata via the WordPress Customizer.

Blog Single and Comments Section

You’ll see a similar story on the single blog page – Elementor Hello uses an H1 for the post title and regular paragraph text.

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:

Notice how, as with the blog archive page, Hello does not add any post metadata for author, category, etc.

Astra, on the other hand, adds this metadata by default and also includes a fully-styled comments section:

WooCommerce

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:

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.

Notice how the WooCommerce Add to Cart button adopts the same blue as the rest of the Astra them.

Moral of the Story!

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.

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.

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.

Astra vs Hello: Performance Comparison

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.

So to accurately compare the performance of Astra vs Hello, we’ll test three scenarios:

  • Astra
  • Hello theme without Elementor (not a realistic scenario for a live site)
  • Hello theme with a basic header/footer from Elementor Pro (a more realistic scenario)

Page SizeHTTP Requests
Astra38.7 KB9
Hello no Elementor16.5 KB6
Hello with Elementor239 KB28

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.

If you use Elementor to add a basic header and footer, the difference actually tips back in Astra’s favor. Of course, many people will want to pair Elementor with Astra, as well.

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 between 16.5 KB with Hello and 38.7 KB with Astra just isn’t going to make a big difference.

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.

Astra vs Hello: Built-in Features

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 you need and nothing else.

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:

Again, this is because you’re supposed to use Elementor to handle everything.

On the other hand, Astra gives you detailed WordPress Customizer controls for:

  • Headers, including an option to set up sticky headers, transparent headers, and other helpful settings
  • Typography
  • Colors
  • Layout
  • …a lot more

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.

To learn more about why you should still care about your theme even if you’re using Elementor Pro’s Theme Builder, check out our post here.

Astra vs Hello: Plugin Integrations

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.

On the other hand, Astra comes with built-in integrations for popular plugins like:

So, right out of the box, Astra will look great with those plugins.

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.

Astra vs Hello: Importable Starter Sites

If you use the Elementor Hello theme, you’ll need to essentially build your site from scratch.

While Elementor does offer a variety of page and block templates, you can’t import an entire pre-made website.

On the other hand, Astra offers a big library of 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:

Astra vs Hello: WordPress Block Editor Compatibility (Gutenberg)

If you’re using the new WordPress block editor (AKA Gutenberg), Astra offers special Gutenberg compatibility features, while Hello theme does not.

Note – we don’t mean that you cannot use the block editor with Hello – just that Hello lacks the extra Gutenberg compatibility features that Astra offers. These are:

  • 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.
  • Astra automatically matches your frontend content width with the width of the block editor.
  • You can use the block editor’s Full-Width alignment option.
  • Astra offers built-in style support for all the native blocks.

You can also pair Astra with Ultimate Addons for Gutenberg for an even more flexible experience with the new block editor.

Final Thoughts

Hello is a great lightweight theme from the Elementor team, but that doesn’t mean it’s automatically the best theme for every site you build with Elementor.

If you’re planning 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 all you need to create a great-looking site.

However, if you’re looking for a more complete theme that doesn’t require you to build everything from scratch, Astra might be a better option for you. It’s still super lightweight and built to integrate with Elementor, but it will also give you:

  • Lots of customization options in the real-time WordPress Customizer.
  • A solid foundation to fall back on. For example, you won’t have to worry about creating your own 404 page from scratch!
  • Built-in support for popular plugins like WooCommerce, Easy Digital Downloads, LifterLMS, and LearnDash.
  • Tons of importable demo sites.
  • Detailed support for the new WordPress block editor.

You can get started with Astra for free. Then, if you want even more functionality, consider upgrading to Astra Pro.

Join 183,741 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.

About the Author

Sujay is CEO and Co-Founder of Brainstorm Force, the company behind Astra. He is a diehard entrepreneur, growth hacker, and YouTube addict. Get in touch with him on Twitter @sujaypawar.

Sharing is Caring!
Share on facebook
Share on twitter
Share on telegram
Share on whatsapp

2 thoughts on “Astra vs Hello WordPress Theme: Which One is Right for You?”

  1. Willy Olabarrieta

    I can not imagine an inexperienced web designer using Hello. Astra is undoubtedly the best Theme to work with Page Builders such as Elementor, Beaver Builder or Divi …

Leave a Comment

Your email address will not be published. Required fields are marked *

Recommended Articles