Reusing containers – Creating your own super-widgets

The power of containers

Elementor is introducing Flexbox Containers to the editor as a new and improved way to build pages. Containers are a stable experimental feature that give you an efficient way to organize items on your site, replacing section-column layouts. As a stable experiment, containers will be active by default on new sites, but you may have to activate them on existing sites. 

Containers are an incredibly powerful tool –  each container can contain widgets and nested containers, allowing you to create complex layouts. You can then turn these layouts into container templates that you can reuse in any Elementor website you create. This allows you to streamline your design process and build a stunning website more efficiently. 

For instance, if you need to create bio pages for twenty different clients who all use a similar style, Container templates can help speed up your creation process. In this scenario, you may want each bio to have a heading, text beneath it, and a flip box widget for each employee’s photo. You can create a Container with all these widgets arranged as you like, save the container template, and reuse it repeatedly. 

How do I duplicate, save, and reuse a container?

Here, we’ll take a look at how you can duplicate, save, and reuse a Container. 

To duplicate a container

To duplicate a Container, you’ll first need to create one. Once you have a Container you want to duplicate: 

1. Right-click the dotted header of the container. 
2. Select Duplicate. This action duplicates the container directly below.

To save a container

To save a container to your template library: 

1. Right click the container header. 
2. Select Save as Template.
   

   

   
   
3. Enter the template name in the form. 
4. Click Save.
5. After saving, you’ll be greeted with the template page displaying all your saved templates.

To reuse the container

Use the following process to reuse a container:

1. Click the folder icon on the canvas to open your template library.
   

   

   
    
2. Click the My Templates tab. 
3. Navigate to the container template you intend to reuse. 
4. Select Insert.

Note: that Containers are listed under TYPE in the template library.

Next steps

Creating and reusing containers will help streamline how you build pages, optimize your designs, and improve the overall quality of the website. Now it’s time to start learning how to make your containers as efficient as possible. Start with our article discussing how many containers to use on your page. 

To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.