Black Friday

65% off Annual plans

25% off Lifetime · 10 per week

Ends December 2

Get the deal

Made in Europe

How to add Modula galleries to the Divi Builder

Updated 3 min read

You can add Modula galleries to the Divi Builder with the Modula Gallery module, so you can place your galleries in any Divi layout. It works with the Divi theme and with the Divi Builder plugin, in the free Modula plugin too.

For albums and Modula Link, use the shortcode in a Code module. A shortcode is a short piece of text that shows a gallery on a page.

Watch how to publish the gallery and find its codes in the Embed menu and the Shortcode column. The Divi Builder steps are on the text cards.
  1. Create your gallery and publish it. Only published galleries show up in the module. If you need help, see Create your first gallery.
  2. Open the page with the Divi Builder.
  3. In a row, click the gray + to add a module.
  4. Type Modula in the search field.
  5. Choose Modula Gallery.
  6. In the module settings, open Modula Gallery on the Content tab.
  7. Pick your gallery in Select Gallery. The builder shows a preview of the gallery.
  8. Save the module and the page.

The gallery looks and works the same as with the Modula block or shortcode. Its layout, captions, lightbox and effects all come from the gallery’s own settings, so change them in Modula. The module doesn’t have Divi’s spacing, border or animation options.

Note: The builder only shows a preview. Check hover effects and the lightbox on the published page.

There’s no Divi module for albums or Modula Link. But Divi runs shortcodes in its Code and Text modules, so you can use them there.

  1. Copy the code. For a gallery, open it in the new gallery editor and click Embed at the top right. It has the Shortcode and the Modula Link (opens the gallery in a lightbox) code, each with a Copy button.

    The shortcodes of your galleries and albums are also in the Shortcode column of Modula → Galleries.

    Embed this gallery menu with the shortcode, PHP and Modula Link codes
  2. In the Divi Builder, add a Code module.
  3. Paste the code.
  4. Save the module and the page.

The codes look like this. Use your own IDs.

  • Album: [modula-album id="12"]. Needs Modula Pro with the Albums extension turned on (Trio and Business plans).
  • Modula Link: [modula-link id="89"]View the gallery[/modula-link]. Needs Modula Pro. The text between the tags is what visitors click.
  • Gallery: [modula id="89"], if you prefer the shortcode to the module.

More ways to show galleries are in Insert Modula galleries in WordPress posts and pages.

Was this page helpful?
0 0

Still stuck?

Can’t find the answer?

Write to us with what you tried and what you expected to happen, and we’ll help you sort it out.