header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Studio Editor: Adding and Customizing the Pro Gallery

6 min
In this article
  • Adding the pro gallery
  • Customizing the pro gallery settings
  • Enabling and customizing the Expand Mode
It's so important to add those special touches and show off your images, videos and text in a way that's right for you!
The pro gallery is a professional solution that offers a wealth of customization options, from layout, design, and style there's so much to explore. So whether you're a food blogger, photographer, or professional agency, the pro gallery offers you the tools you need to wow your clients.

There's so much you can do with a pro gallery, it offers tons of customization options and it's a great way to really showcase your style and work.

To add a pro gallery to your site:

  1. Click Add Elements  on the left side of the editor.
  2. Click Media
  3. Click Pro Galleries.
  4. Choose a pro gallery design and drag it onto the page. 
What's next?
Click the gallery you just added, then Manage Media to select the images and videos. Using drag and drop, you can easily rearrange the gallery.  

A screenshot of adding Pro Galleries from your Studio Editor.

You can customize every individual part of the gallery to get the look and feeling you want. 

To customize the pro gallery settings:

  1. Click the pro gallery in the editor. 
  2. Click Settings
  3. Choose what you want to customize:
Tip:
It is not possible to adjust your gallery's height in the Inspector panel when:
  • Your gallery is set to scroll vertically. 
  • Your gallery is horizontal with a fixed ratio.

You can change these settings from the Layout tab. 

Enabling and customizing the Expand Mode

When visitors click gallery items, you can set them to open in Expand Mode. This makes the gallery item open in a fully customizable expand window. 

To enable and customize the Expand Mode:

  1. Click the pro gallery in the editor.
  2. Click Settings.
  3. Click the Settings tab on the left.
  4. Select Open in Expand Mode from the When clicking on an item drop-down.
  5. Click the Design tab on the left.
  6. Click Expand Mode.
  7. Click Customize Expand Mode.
  8. Customize the following settings on the right side of the pop-up:
A screenshot of adding Pro Galleries from your Studio Editor.