---
title: MetaSlider and Elementor
description: "Elementor is the most popular page-builder plugin in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination. In this guide, I'll show you how to add a MetaSlider slideshow into an Elementor layout.…"
url: "https://www.metaslider.com/docs/metaslider-elementor/"
updated: "2023-02-09"
category: "Slideshow: Page Builders"
---

# MetaSlider and Elementor

Elementor is the most popular page-builder plugin in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination.

In this guide, I'll show you how to add a MetaSlider slideshow into an Elementor layout.

In this image below, I have a page called "MetaSlider and Elementor". To start designing this page with Elementor, click on the "Edit with Elementor" button.

![MetaSlider and Elementor together in a page](https://www.metaslider.com/wp-content/uploads/2022/08/edit-with-elementor-1-1024x415.png)

You should type "Shortcode" into the "Elements" box in the left sidebar. We are looking for the "Shortcode" element.

![Adding a MetaSlider shortcode to Elementor](https://www.metaslider.com/wp-content/uploads/2022/08/elementor-shortcode-1024x489.png)

Once you've chosen the "Shortcode" element, you can enter your shortcode into the attached box.

![MetaSlider and Elementor together thanks to a shortcode](https://www.metaslider.com/wp-content/uploads/2022/08/add-shortoce-elementor.png)

In the main part of the screen, you'll see a preview of your slideshow. This may not be a perfect rendering of your slideshow because not all MetaSlider CSS will load inside the Elementor admin area. However, when you click "Publish" on this screen, your slideshow will appear correctly on the front of your site.

![A MetaSlider slideshow inside Elementor](https://www.metaslider.com/wp-content/uploads/2022/08/slideshow-in-elementor-1024x648.png)

This approach will work with any slideshow built with MetaSlider. In this screenshot below, I'm using an example from the tutorial on [building a WooCommerce slideshow of products](https://www.metaslider.com/woocommerce-products-slideshow/).

![](https://www.metaslider.com/wp-content/uploads/2022/08/woocommerce-slider-1024x464.png)