Reusing containers – Creating your own super-widgets

The power of containers

Screenshot of Elementor Flexblox Container being implemented on web page feature.
Using Elementor Flexbox Containers is easy!

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.
Screenshot of a container being duplicated.
Duplicate a container using this menu option.

To save a container

To save a container to your template library: 

  1. Right click the container header. 
  2. Select Save as Template.
    Screenshot of the container being saved as a template.
    Saving a container!

  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.
    Screenshot of the folder icon leading to the template library.
    Select the folder icon to retrieve a container!

     
  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.

Animation of a display showing how to save and reuse a Container.
Watch what the mouse does; can yours do the same?

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.

Share it on social networks

Was this article helpful?

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page