Seamless Integration of Modula with Elementor

The combined power of Modula and Elementor allows you to effortlessly insert and manage your Modula galleries, albums, and links within your web pages. In this guide, we’ll explore how to seamlessly integrate Modula with Elementor for a smooth and visually appealing user experience.

Modula Galleries & Elementor

Inserting any of your Modula galleries this page builder is extremely easily and it can be done using the custom Modula block.

1. Create and Save Your Modula Gallery:
   • Begin by creating your Modula gallery and saving it. If you are having trouble creating that first gallery, please see our article: How to create your first Modula gallery.
2. Edit Your Page with Elementor:
   • Access the page you want to modify using Elementor.
3. Add the Modula Widget:
   • Within Elementor, search for the Modula widget and add it to your page.
4. Select Your Gallery:
   • From the drop-down menu, choose the Modula gallery you wish to display. To make the gallery full width please see our documentation: Creating full-width galleries with Elementor & Modula.

Modula Albums & Elementor

The same simple process applies to Modula Albums. Here’s how to integrate them with Elementor:

1. Create and Save Your Modula Galleries:
   • Create your Modula galleries and save them.
2. Build an Album:
   • Create an album using the galleries you’ve previously created.
3. Edit Your Page with Elementor:
   • Access the page within Elementor that you want to modify.
4. Insert the Modula Albums Widget:
   • Search for the Modula Albums widget in Elementor and add it to your page.
5. Select Your Album:
   • From the drop-down menu, choose the Modula album you want to showcase.

Modula Link & Elementor:

Using Modula Link you will be able to create buttons or links for your galleries. Clicking on them will open the lightbox.

1. Create and Save Your Modula Gallery:
   • Start by creating your Modula gallery and saving it.
2. Copy the Modula Link Shortcode:
   • In Modula, go to Galleries and locate the Modula Link shortcode. It will look like this: [modula-link id="356755"]Click here[/modula-link]. Copy this shortcode.
3. Edit Your Page with Elementor:
   • Access the page you want to modify using Elementor.
4. Insert the Shortcode Widget:
   • Search for the Elementor shortcode widget and paste the Modula Link shortcode you copied earlier into it.
5. Customize the Widget:
   • Customize the Elementor widget to resemble a button or link as per your preferences.