When building a website, adding a slide rotator (Slider) to the homepage or page can effectively enhance the visual impact and display brand image, event information or product recommendations. Many people think that they need professional skills or paid plug-ins to realize. In fact, the combination of Astra Themes and free plugins also make it easy to create smooth and beautiful rotation effects.
This article describes the simplest Astra + free plugin implementation solution.
![Image[1]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135414433-image.png)
1. Does Astra theme itself support slideshow?
The free version of Astra does not have a built-inslide (photography, presentation software)module, which needs to be implemented using a plugin. However, Astra is compatible with all kinds of page builders and slideshow plugins, and you can insert rotating modules directly into your pages after installation.
![Image [2]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135312371-image.png)
2. Recommended free slideshow rotation plugin
The following two are free plugins that have a large number of users, are Astra-compatible, and are easy to use.
2.1 Smart Slider 3
![Image [3]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135506705-image.png)
Features:
- The free version is sufficient for daily use
- Visual editing interface, drag and dropAdd a pictureText, Buttons
- Responsive support and automatic adaptation for cell phones
Installation Steps:
- Login to WordPress Backend
- Click [Plug-in] → [Install Plug-in
![Image [4]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135658632-image.png)
- Search Smart Slider 3
![Image [5]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135754291-image.png)
- Click [Install] → [Enable]
![Image [6]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707135836314-image.png)
Usage:
- Find [Smart Slider] in the WordPress left menu.
- Click [New Project] to create a new rotation
![Image [7]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707140239872-image.png)
- Upload images, add text withbuttons
![Image [8]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707140610478-image.png)
![Image [9]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707141107564-image.png)
- Save and copy Shortcode
![Image [10]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation of the program](https://www.361sale.com/wp-content/uploads/2025/07/20250707141558531-image.png)
Insert page:
- Go to [Page] Edit
- Use the WordPress block editor to add Shortcode lump (of earth)
![Image [11]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707141720116-image.png)
- Paste the rotating Shortcode to update the page
![Image [12]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707141904148-image.png)
2.2 MetaSlider
![Image [13]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142016613-image.png)
Features:
- Simple and easy to use with minimal configuration
- be in favor ofPhoto RotationSlider animation, slide transition effects
- Highly compatible with most themes
Installation Steps:
- Background [Plug-in] → [Install Plug-in
![Image [14]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142117937-image.png)
- Search MetaSlider
![Image [15]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142230616-image.png)
- Click [Install] → [Enable]
![Image [16]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142303960-image.png)
Usage:
- Go to the [MetaSlider] menu
- Click [Create Slideshow] to create a rotation
![Image [17]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142500577-image.png)
- Upload and add images
![Image [18]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707142641370-image.png)
- Setting slide effects (fade, slide, etc.) and sizing
![Image [19]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143242659-image.png)
![Image [20]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143323788-image.png)
- Save and copy Shortcode
![Image [21]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143435711-image.png)
Insert page:
- Edit the page, add Shortcode lump (of earth)
![Image [22]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143716930-image.png)
- Paste the rotating Shortcode and update
![Image [23]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143606339-image.png)
3. Effectiveness and limitations of free programs
Effect:
With Smart Slider 3 or MetaSlider, the free version creates professional-feeling homepage header image rotations, product image rotations, and customer case presentations.
![Image [24]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707143849617-image.png)
Limitations:
The free version is usually not supported:
- Video Background
- Advanced Animation Cascading
- dynamic content(e.g. WooCommerce product auto-rotation)
If you need these features, you can consider subsequent upgrades to the paid version, but for the general business official website, personal blog, the free version is enough to use.
4. Why these two plugins are recommended
- No code required
- Backend visualization
- Perfectly compatible with Astra Theme
![Image [25]-Astra Free Edition Slide Rotation Tutorial: Smart Slider 3 and MetaSlider implementation](https://www.361sale.com/wp-content/uploads/2025/07/20250707144212600-image.png)
- Free version is enough to fulfill the core requirements of the rotation
5. Summary
Install Smart Slider 3 or MetaSlider with the Astra With the free theme, you can achieve a beautiful slideshow rotation effect in minutes, without any specialized skills or code editing, helping to take the visual experience of your website up a notch.
Link to this article:https://www.361sale.com/en/66013/The article is copyrighted and must be reproduced with attribution.
























![Emoji[wozuimei]-Photonflux.com | Professional WordPress repair service, worldwide, rapid response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticon[baoquan] - Photon Wave Network | Professional WordPress Repair Services, Worldwide Coverage, Rapid Response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments