How to Save and Reuse Modules in Beaver Builder

Beaver Builder allows you to save modules, rows, and templates for future use. This feature is incredibly useful for maintaining consistency across your website and saving time when creating new pages. When you save a module, row, or template, you can easily access it from the “Saved Modules” section and reuse it on other pages. Additionally, if you save something as a global module, any updates you make to it will be reflected everywhere it’s used on your site. Here’s how you can save and reuse these elements in Beaver Builder.

Saving a Module

Saving a module allows you to reuse it on different pages without having to recreate it from scratch.

Steps to Save a Module:

  1. Add and Customize a Module:
    • Drag a module to your page and customize it as needed (e.g., add a Button module and style it).
  2. Save the Module:
    • Click on the module to open its settings.
    • In the module settings panel, click on the “Save As” button.
    • Enter a name for your module and select whether to save it as a global module (optional).
    • Click “Save.”

Example:

  • Button Module: Customize a button with text “Learn More” and style it with your brand colors. Save it as “btn white and black.”

Saving a Row

Saving a row allows you to reuse an entire section layout across different pages.

Steps to Save a Row:

  1. Add and Customize a Row:
    • Add a row to your page and populate it with modules (e.g., a row with a heading, text, and button).
  2. Save the Row:
    • Click on the row settings to open the row settings panel.
    • Click on the “Save As” button.
    • Enter a name for your row and select whether to save it as a global row (optional).
    • Click “Save.”

Example:

  • Info Box Row: Create a row with an image, heading, and text box. Save it as “info box home.”

Saving a Template

Saving a template allows you to reuse an entire page layout across different pages.

Steps to Save a Template:

  1. Design Your Page:
    • Create a complete page layout with rows and modules.
  2. Save the Template:
    • Click on the “Tools” button in the top bar.
    • Select “Save Template” from the dropdown menu.
    • Enter a name for your template.
    • Click “Save.”

Example:

  • Landing Page Template: Design a landing page with a hero section, features, testimonials, and a call-to-action. Save it as “landing page template.”

Accessing Saved Modules, Rows, and Templates

Once you have saved modules, rows, or templates, you can easily access them from the “Saved Modules” section.

Steps to Access Saved Elements:

  1. Open Beaver Builder:
    • Edit the page where you want to use the saved element.
  2. Navigate to Saved Modules:
    • In the Beaver Builder panel, go to the “Modules” tab.
    • Select the “Saved Modules” group to view all your saved elements.
  3. Drag and Drop:
    • Drag the saved module, row, or template to your page and place it where you want.

Example:

  • Using Saved Button Module: Drag the saved “btn white and red” button module to a new page’s call-to-action section.

Updating Global Modules

If you save a module, row, or template as a global element, any updates you make will be reflected everywhere it’s used on your site.

Steps to Update a Global Module:

  1. Edit the Global Module:
    • Click on the global module to open its settings.
    • Make the necessary updates (e.g., change the button text or color).
  2. Save Changes:
    • Click “Save” to apply the changes.
  3. Reflect Updates Everywhere:
    • The changes will automatically update across all instances of the global module on your site.

Example:

  • Updating Global Button Module: Change the text of the global “btn white and red” module from “Learn More” to “Get Started.” This change will appear everywhere the module is used.

Conclusion

By saving modules, rows, and templates in Beaver Builder, you can streamline your workflow and maintain consistency across your site. This feature is especially useful for commonly used elements, such as buttons, headers, and entire sections. Experiment with saving different elements to see how it can enhance your site-building process and make updates more efficient. Happy building!