Note: The theme does not contain a template! Astra officially made the template a separate plugin to be imported!Free TemplatesRequires installation of the official freeStarter Templatesplugin, to import thePremium TemplatesNeed to buy our officialPremium Starter TemplatesPlug-ins.
Purchase a copy can only activate a domain name website, domain name unchanged activation dropped free re-activation (not active de-activation and so on will not fall). If you change your domain name, you need to buy it again to activate it.
Sell genuine key activationAstra Pro ThemeThe key is 29 dollars (only activate a website, we log on your website to activate), permanent background updates. Because it is input key activation, to avoid key leakage so we need to log in your website operation, mind do not shoot.Sometimes we work overtime until the early hours of the morning, and we work late in the morning, so please be patient if you are late in responding to messages.
Pre-activation ↓
After activation with key ↓
Backend Installation FreeTemporary Login Without Password The plugin generates a temporary login link sent to us, you do not need to provide an account password to log in to the backend to install, so it will not disclose the account password. Uninstalling the plugin after installation will disable the login link.
A lot of white people do not know what theme to choose, and do not know which theme is good, wavering to change around and struggle. Click to view our other articleHow to choose the right WordPress theme?".
A foreign blogger analyzed 32,499 profitable websites (including making money through advertising and affiliate marketing) and compiled the most used9 WordPress Themes::
- GeneratePressThe total number of such cases is 5,056;
- AstraThe total number of such cases is 2,656;
- Kadence: 2,436;
- FoodiePro: 975;
- Mediavine Trellis: 928;
- Newspaper: 910;
- Acabado: 880;
- Divi: 698;
- Hello-elementor: 523;
Why choose Astra Pro theme?
In fact, our favorite theme isGeneratePressIt is not comparable to Astra pro in terms of speed. However, GeneratePress is more suitable for building a blog website, less templates and no deep optimization of Woocommerce. less suitable for newbies, the price is also high.
We have used Blocksy, Bricks, Kadence, OceanWP, Neve and other themes and all are excellent. Not as good as Astra Pro in terms of speed optimization simplicity, ease of use and full functionality.
Astra Pro theme is most suitable for novice website builders to build foreign trade 2B, 2C website. Deeply optimized for Woocommerce, many templates, high degree of visual customization, easy to set up, fast. astra Pro advantages:
1- Super fast and good for SEO
Fully optimized for speed, no jQuery, lightning fast! Point and click the mouse to easily complete the setup changes. Speed is a super important part of building a website, the theme directly determines the speed of the ceiling, the theme speed is not good, then it is difficult to optimize the speed of the site later.
Load only useful CSS↓, locally hosted Google fonts + preload local fonts, export external CSS files to reduce DOM size.
A lot of people go to Theme Forest for the nice template design (Themeforest) Buy Avada, WoodMart and other themes, bought back to realize that the use of very complex at all will not set up, the speed is also very stuck. Hard work finally get the page a test speed stupid, the indicators are not very optimistic.
Still not too happy with the speed after installing plugins like Wp Rocket to optimize it. Those themes are too bulky, load a bunch of JS/CSS for aesthetics and versatility, and if you pair them with Elementor and Woocommerce plugins the speed is basically cool.
We are inThe Ultimate WordPress Speed Optimization Tutorial.The article'sMobile Speed OptimizationAs mentioned in the chapter, it is hard to optimize the speed of the product list page and detail page made by Elementor and so on, basically around 2.5~3 seconds.
To optimize the speed of one of the best ways is to use the theme comes with the product listings and details page templates to create the corresponding page. Astra's product list page and detail page templates can be customized after a high degree of speed, very suitable for building foreign trade independent station and e-commerce site.
2- Deeply Optimize Woocommerce
Woocommerce has become an ecosystem like IOS, and it is the only one of its kind. Whether you are building a 2B or 2C website, as long as it involves goods or online sales, Woocommerce is indispensable, and choosing a theme with deep optimization for Woocommerce can make building a website twice as easy and greatly improve page speed.
Astra Pro deeply optimizes and integrates with Woocommerce, extensions can be turned off on demand greatly reducing the amount of code. Point and click to set up Woocommerc list page, detail page layout, functionality, spacing, colors, fonts, location and so on.
Here are some of the Woocommerce features added to Astra Pro, click to see more!Function ListThe
1- Product Quick View ↓
2- Shopping cart drop-down menu↓
3- Price discount sales bubbles ↓
4- Quick preview of the next and previous product on the detail page↓.
5- Toggle typography on product list page to show products ↓
6- Sidebar functionality on product listing page (pop-up, collapsed in 2 forms)↓
7- Sidebar feature ↓ easily add sidebars to list pages and detail pages
8- Add payment channel icon and customized selling point text settings on product detail page ↓.
9- Product detail page thumbnail control (with slider function)↓
There are also mobile optimization, optimization of mouse over products, switching to display product photos, displaying product photos on the checkout page, floating product details, and so on.
Neve, GeneratePress, blocksy and other themes are also very fast, but the degree of integration with Woocommerce, visual customization options are not as high as Astra, they are more suitable for developers to build the site. The most suitable for regular white users to build foreign trade 2B, 2C site is not Astra Pro.
3- Many beautiful templates, integrated with Elementor, Gutenberg, etc.
Astra theme can be installed with the companion freeStarter TemplatesThe plugin imports 90+ sets of free full-site templates online, and if you purchase the matchingPremium Starter Templates The Premium Templates plugin allows you to import 90+ free and 190+ Premium templates online with one click. ClickView the template gallery to pick a templateThe
The template is beautifully crafted, responsive design and can only be used with Astra themes. Template can be used with Elementor, Beaver Builder, Brizy, Gutenberg page builder.
4- Rich documentation and hooks for secondary development
Astra Pro official website has a wealth of setup and use of documentation, very friendly, basically have any questions on the official website to search for an answer. Also reserved a lot of hooks (hook) to developers secondary development, for the preparation of the later.
It's worth saying that Astra has a strong team that also releases popular plugins like Starter Templates, Gutenberg Blocks, Ultimate Addons and more. The support for the plugins as well as the updates are very secure.
Theme comes with a bunch of extensions (not installed if you do not add code to slow down), but also with Starter Templates and other plug-ins with the use. Meet the needs of users in all aspects.
5- Built-in powerful Mega Menu function.
Mega Menu (Mega Menu) can better display the content and enhance the customer experience. The vast majority of themes do not have this feature, and even if they do, it is very difficult to use the degree of customization is not high.Elementor also does not have a Mega Menu feature, if you install a plugin to achieve the inevitable slowdown of the site.
Astra Pro has a built-in Mega Menu feature that is highly customizable and fast! You can also insert widgets and Elementor templates into the menu, which is very powerful! You can't create a Mega Menu with Elementor, and if you install a plug-in to realize this feature, it will definitely slow down.
The Astra Pro Super Menu feature also allows you to insert icons in front of/behind each menu content, as well as upload and use custom icons. Menu items can also be highlighted.
Here are a couple of navigation mega menus made only in Astra Pro.
The following super menu was created using Astra Pro+elementor, and the content of the right side of the left menu will change as the mouse slides over it.
6- Key Activation + Backend Online Upgrade
Only a few of the many great themes such as Astra Pro have a lifetime unlimited site package with key activation, which means that people who buy this unlimited site package can resell the activation key at a low price, such as the activation key sold in this product.
Less than 30 dollars can buy a genuine premium Astra Pro theme, you can also permanently background online updates, security and convenience. Other themes either high price, or cracked version, can not background online update can only be uploaded through the continuous download update package update, security and convenience greatly reduced.
7- Easy to set up, easy to understand, newbie friendly
This is very important, will be able to use and can be used in order to do a good job of the site. It seems that Avada, Woomart and other themes are too complicated to be understood by professionals, but Astra is very simple to set up and understand at a glance. Make header, adjust the product/article list page and so on is also a visual operation, very good understanding. White people can also easily get started.
Official DocumentationIt's also very detailed, there are articles explaining each setting and each function, so if you don't understand it, go and search for it. If you want to understand the Pro extension, click the theme settings inside (left in the picture below))The name of the feature will jump to the official website's detailed explanation about the feature. The official website has a detailed document to teach us how to modify the website, if you have any questions, just go through theOfficial DocumentationThe
8- High degree of customizability
Astra Pro has a Custom Layout feature that is super, super, super useful! Even a beginner can easily insert custom content (HTML, CSS, PHP, JS text, images, tables, forms, elementor boards, etc.) into the whole site or a certain type of page.
It allows you to 1- handwrite headers and footers; 2- insert custom content (forms, table text, etc.) into product and article templates anywhere; 3- make privacy collection alert windows, floating sidebars, and more. Click to viewvideo tutorialClick to viewgraphic tutorialThe
Contains blog posts and product list page, detail page template building capabilities, point and click the mouse to set up the theme can be used to make the list page and detail page, fast and beautiful!
This feature can also be used with Elementor to take custom websites and optimized websites up a notch in speed! This is one of the main reasons we chose Astra Pro as a website building theme for all of our clients.
The following figure ↓ this footer inquiry section using the "custom layout function" to produce, we handwrite the code inserted into the theme produced in front of the product list page footer. Does not involve Elementor code, so the speed is very fast.
Purchase this themekeyComplimentaryOne sitelegitimate Premium Starter Templates Premium template plugin (we login to your site to activate), one click online import over240+ Beautiful Website Templatesand hundreds of design sections. Works with Elementor, Beaver Builder, Brizy, Gutenberg page builder.
Below is a screenshot of a client's website using GTmetrix, with Astra Pro+ Elementor Pro installed and only CDN on, it's already super fast without full speed optimization. 0.3 seconds to start displaying the first screen content, and 1.1 seconds to load the whole homepage. If you disable some unnecessary resources, generate key CSS, compress images and so on, you can optimize the loading speed to about 0.7 seconds.
The speed test site below was built using Astra Pro + Elementor Pro and is super fast!
Google speed test for computer ↓
Google speed test for mobile ↓
Astra andWp RocketAs well as a good grasp of the user's pain points, powerful features while taking into account the ease of use and performance. So it is very popular and recommended.
Astra free theme is pretty good too, but with much less features. pro featured features:
- Output inline code as a separate css file to speed up page loading;
- Locally hosted Google fonts, preloaded with local fonts;
- Woocommerce product section mouse over toggle display product images;
- Comes with a header and footer maker to easily customize product, article listings pages, detail pages;
- Click to return to the top of the site function;
- White Label white label function, you can customize the name and description of the theme;
- More options for fonts, colors, page layout, header builder settings;
- WooCommerce features and layout enhancements and more;
For detailed differences, please checkAstra Pro VS Free, Click to viewAnimation explaining Astra Pro featuresThe
What are the advantages of Astra theme over Elementor for creating pages and content?
Some may wonder: one can just use Elementor with the freeHello Elementor ThemeWhy use Astra when the theme creates all the pages of the site?
There are 2 reasons why it is recommended to use Astra Theme Maker.
1- Faster.
We are inThe Ultimate WordPress Speed Optimization Tutorial.The article'sMobile Speed OptimizationAs mentioned in the chapter, the speed of the product list page and detail page made by Elementor and so on is hard to optimize, there are too many resources, basically around 2.5~3 seconds.
To optimize the speed of one of the best ways is to use the theme comes with the product list page and detail page templates to create the corresponding page, and then disable the corresponding Ele code. Astra's product listings and detail page templates can be customized after a high degree of speed, very suitable for building foreign trade independent station and e-commerce site.
2- More powerful and beautiful:
When we talk about the advantages of Astra Pro above, we mentioned some special features, such as the product list page can switch the display mode with one click, the mouse slide over the picture will be automatically switched, and there is also Woocommerce detail page on the top left of the product thumbnail slideshow function and so on.
These are not available in Elementor, although they can be realized by installing third-party plug-ins, but they will inevitably slow down the site and increase the load on the server. FamiliarizationAnyone who is an Elementor knows that it can only make websites with very average functionality and design. That's why there are a ton of third-party Addon plugins on the market to supplement his functionality and design.
3- Easy to make modifications:
We are in the process ofHow to Optimize Elementor SpeedAs mentioned in the article, Ele often has problems such as editing pages that don't open, and has high server requirements, so there is a bit of a threshold for creating and modifying pages. Using Astra to create a page just need to be in the Appearance > Customize the corresponding position of a few mouse clicks to set up the line, very simple.
Astra Pro Download Terms of Purchase
Virtual products are reproducible and non-refundable once sold, please check out theterms of servicePlease log in first before buying. Please login before purchase, after purchase send the payment screenshot to WeChat customer service to install or get Astra activation key.
How to download and install Astra Pro
If you buy only one site activation, we will install the child theme and plugins for you, you don't need to install them by yourself. If you buy Key, follow the tutorial below to install the activation.
先安装免费/基础版本的Astra主题，安装方法：网站后台左侧菜单列表找到并且点击“外观”>“主题”点击左上角“安装主题”，然后在右边搜索框输入”Astra”，在搜索结果里面找到相应主题点击“安装”，安装后点击“start using".
It is highly recommended to install the child theme (you need to install the parent theme first), the parent theme will not overwrite some changes made by the child theme after updating.
Click to download In the theme installation interface 1-click "Upload Theme", 2-select the sub-theme installation package point 3-"Install Now", after the installation is complete to enable.
After installing the basic version of the theme you need to install the official Pro extension in order to activate the theme to use Pro features, method: first download the Then find and click "Plug-ins" > "Install Plug-ins" in the left menu list of the website background, click "Upload Plug-ins" in the upper-left corner, select the installation package and install it, and click "Enable Plug-ins" after installation. After installation, click "Enable Plugin".
Next, enter the key to activate it. To do this, find and click on "Astra" > "Dashboard" in the left menu bar, and you will be taken to "Welcome". 
Tab.
Scroll down to the bottom of the page, enter the activation key and click "Active" to activate. Now the theme is activated, enjoy it.
Recommend an officialAstra WidgetsPlugin that adds the 3 widgets pictured below to Astra Pro's header and footer builder, very useful. Do not install if you do not use Astra Pro's header and footer builder.
The footer content below was created using Astra: Address widget. Astra: List Icons is a list of icons widget, which is commonly used to add WhatsApp number, email address, phone number and other information with icons in the header.
Astra Pro Setup & Usage
Caveats:
1- Use SVG icons:
Astra Official Websitethis articleIt says that since version 3.3 all icons use SVG format, page load speed is increased by 29 milliseconds as a result, and the size of the page load is reduced by about 12.5% part.SVG icons are also more beautiful, uniform in size, and must be used.Prior to version 3.3, the astra icon font - astra.woff was used.
We have tested that the latest version does use SVG icons, but in some cases it still uses astra.woff. After installing Astra Pro and importing the templates, it's a good idea to check that if your Astra doesn't use SVG icons, add the following code to thefunctions.phpSave at the bottom to convert to SVG icons.
// Convert Astra theme default icons to SVG icons to boost site speed add_filter( 'astra_is_svg_icons', '__return_true' );
2- Disable jQuery Migrate:
WordPress has been updated, the code is constantly updated, some themes / plug-ins using the old version of the code is not updated in a timely manner resulting in not being able to use in the pig's heart WordPress. jQuery Migrate's role is to be compatible with the high version of the code and the low version of the code, so that the low version of the code can be run normally.
The jQuery Migrate slows down the site a little bit, you can disable it with plugins like Perfmatters. I contacted Astra officials and they said that Astra themes don't use jQuery, but Pro extensions use it. Disabling jQuery Migrate will cause some Pro features to fail, such as the Sticky header.
If you are using Astra pro fixed header feature, don't disable jQuery Migrate. if you really need to disable jQuery Migrate, add the following code JS to all the front-end pages to realize the fixed header feature (need to disable Astra pro fixed header feature).
Change "73" in line 28 to the height of your website's header. Note: The following code does not apply to Astra Pro Transparent Header because the background of Transparent Header is transparent and the font color may be different from the regular header.
jQuery(document).ready(function($){var mywindow = $(window);var mypos = mywindow.scrollTop();mywindow.scroll(function() { if (mypos > 40) {if(mywindow.scrollTop() > mypos){$('#masthead').addClass('headerup');}else{$('#masthead').removeClass('headerup');}}mypos = mywindow.scrollTop();});});;...#masthead{position: fixed!important;-webkit-transition: transform 0.34s ease;transition : transform 0.34s ease;}. headerup{transform: translateY(-73px); /* change 73 to the height number of your header*/}
3- How does Astra make Mega Menu?
TheAstra Pro Make Super Menu TutorialThe
TheHow do I add an Elementor template to the Super Menu?The
TheHow to add mega menu functionality to other Header Builder menusThe
Here is a tutorial on how to use Astra setup ↓:
On the left menu bar, find and click on "Astra" > "Dashboard", which will take you to "Welcome". Tab.
Click on the contents of "Quick Settings" to quickly enter the corresponding content settings page.
Inside "Astra Pro Modules" are Pro-specific functions, which can be enabled on demand, if not, the corresponding function code will not be loaded in the front-end. Click "Customize" next to the feature to quickly enter the feature settings page, click "Document" to see how to use the feature.
Tips: I enabled the "Whitelabel" function, so the picture below doesn't show "Document".
Next click on "Setting" 
, defaults to the General Settings screen under ↓.
Enable "File Generation" ↑ can convert the inline CSS generated by the theme into a separate CSS file to speed up page loading. This feature is a bit incompatible with Cloudflare CDN, if the header created by Astra Pro display error (theme CSS does not load), disable this feature.
Enable "Asset Regeneration" ↑ will regenerate the theme CSS/JS issues, if the front-end theme style display problems or settings interface does not open, click this button.
Click on "Performance" 
Go to Performance Settings, this used to be in Customization and has been moved here since version 4.0. This is the function of locally hosted Google fonts and preload locally hosted fonts. If you use Google fonts, turn on the following 2 options, it can greatly improve the page loading speed. Click to viewWhy host Google Fonts locallyThe
For more tips on how to use it, or if you have questions about the theme, go over theOfficial Documentation, very detailed and comprehensive.
Astra Pro Frequently Asked Questions & Solutions
1- After entering the key to activate, the activation keeps circling around, and the activation is not successful:
Usually it's a network or URL problem, just do the following.
1- Try to bind URLs instead of using IP addresses;
2- You need to install SSL certificate first;
3- To use pagoda panels and such, you need to set up pseudo-static for your website first;
4- If it is a domestic website may not be able to link to Astra's verification server due to network problems, open the ladder software and try again;
If the ip address as the URL, prompt the activation code is invalid, change to the binding domain name activation can be.
2- Online update failed:
If the update fails, it's because of a network or something. Just clear the site cache and refresh the page to update again.
3- Astra Pro produced content (header, footer, list page, detail page, etc.) styles are missing and displayed incorrectly. View the source code prompts 2 theme CSS files failed to load, display 404 or prompt the following content:
Refused to apply style from ‘http://localhost:3000/assets/styles/custom-style.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
The problem is solved by clearing the background cache, but it will appear again after a while. This is because the "File Generation" function of Astra Pro theme is incompatible with some caching plug-ins, resulting in automatic cache cleanup does not generate the corresponding CSS of the theme. You can turn off the "Generation" function.
We asked one of the caching plugin teams and they replied that the issue was caused by the incompatibility of that Astra Pro feature with CDNs like Cloudflare.
4- After updating the theme it still shows the old version and can't be updated:
Because the site cache is not refreshed (if you use SiteGround server must install the official cache plug-ins to clean up the cache), or the use of Wp China Yes (mainland sites) and other proxy plug-ins lead to the display of the old version. Clear the cache, and then try a few more times on the line.
5- The site shows an error after updating the theme or Pro plugin:
Astra theme is more up-to-date, sometimes a big update to add some very useful features, design. With Woocommerce, Elementor and other plug-ins, the update is large, content is inevitably bugs lead to display or functionality errors.
It is recommended that when there are more updates like the one pictured below, it is safer not to update right away and wait 4-5 days before updating.
6- Using Astra to make a menu, setting the menu color and background color does not work:
This is a compatibility bug, mentioned on the Astra website. Just add the following code to functions.php.
//fix astra can't change submenu background color and other color issuesadd_filter( 'astra_remove_header_sections_dependency', '__return_true' );
7- Theme settings, features page opens blank:
Plugin conflicts can causesometimesThe theme custom page and custom layout features and other pages open blank, how to refresh is useless. One by one, disable plugins other than theme related until the problem is solved and troubleshooting.
Foreign trade star for the purchase of users to provide after-sales service, the use of the process of any questions please leave a message in the comments below, there are questions and answers.
