<footer id="WIX_FOOTER" style="visibility:hidden;" class><nav class="zEGd0F" aria-label="More Wix pages" data-hook="footer__wrapper"><div class="qiiRxY"><div class="qSmvZl"><a class="LtfG6S" aria-label="Wix logo, homepage" title="Wix.com" href="https://www.wix.com"><svg xmlns="http://www.w3.org/2000/svg" width="71" height="28" fill="none" viewBox="0 0 166 64"><g fill="#000" clip-path="url(#a)"><path d="M165.301 0h-9.131a7.64 7.64 0 0 0-6.323 3.352l-12.212 18.014a.82.82 0 0 1-1.356 0L124.068 3.352A7.64 7.64 0 0 0 117.745 0h-9.131l21.753 32.09L108.734 64h9.131a7.64 7.64 0 0 0 6.323-3.352l12.091-17.836a.82.82 0 0 1 1.356 0l12.091 17.836A7.64 7.64 0 0 0 156.05 64h9.131l-21.634-31.91zM89.828 6.546V64h4.364a6.546 6.546 0 0 0 6.547-6.547V0h-4.364a6.546 6.546 0 0 0-6.547 6.546M81.83 0h-3.885a9.154 9.154 0 0 0-8.928 7.126L60.33 45.318 52.725 9.666C51.318 3.077 44.557-1.367 37.639.544c-4.407 1.217-7.674 4.94-8.627 9.41L21.485 45.27 12.813 7.128A9.16 9.16 0 0 0 3.883 0H0l14.555 63.997h5.515c5.004 0 9.328-3.499 10.372-8.393l9.305-43.664c.114-.542.6-.934 1.153-.934.552 0 1.038.392 1.153.934l9.312 43.667a10.6 10.6 0 0 0 10.373 8.39h5.533z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h165.305v64H0z"></path></clipPath></defs></svg></a><p class="bUSBWm">The Wix website builder offers a complete solution from enterprise-grade infrastructure and business features to advanced SEO and marketing tools–enabling anyone to create and grow online.</p><ul class="uLHFcA"><li><a href="https://www.wix.com/about/us" target="_self" class="PlWjyD">About</a></li><li><a href="https://www.wix.com/about/contact-us" target="_self" class="PlWjyD">Contact Us</a></li></ul><ul class="SUCknL FgSyBI" data-hook="social-bar__wrapper"><li><a class="ACLKzf" href="https://www.facebook.com/wix" target="_blank" aria-label="facebook" title="Facebook" data-hook="social-bar__socialLink socialLink--id_facebook"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M10 0C-2.399.363-3.663 17.76 8.43 20v-7.03H5.876V10.06H8.43V7.845c.072-4.058 3.333-4.207 6.047-3.718v2.476H13.21c-1.249 0-1.639.775-1.639 1.57v1.888h2.788l-.445 2.909H11.57V20C23.666 17.759 22.396.362 10 0"></path></svg></a></li><li><a class="ACLKzf" href="https://www.youtube.com/user/Wix" target="_blank" aria-label="youtube" title="Youtube" data-hook="social-bar__socialLink socialLink--id_youtube"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="20" fill="none" viewBox="0 0 28 20"><path fill="#000" d="M11.83.005c-2.96.056-4.594.12-6.14.237C3.805.385 3.093.511 2.475.81c-.357.173-.62.357-.92.648C.825 2.173.53 2.913.321 4.569l-.085.67a45 45 0 0 0-.162 2.222c-.099 2.083-.099 2.994 0 5.083.03.662.121 1.906.162 2.221l.085.67c.21 1.657.503 2.397 1.234 3.112.714.696 1.393.95 3.008 1.118C6.72 19.89 9.763 20 14 20c3.646 0 6.203-.073 8.31-.235 1.899-.148 2.597-.27 3.215-.57.357-.173.62-.357.92-.648.73-.715 1.025-1.455 1.234-3.111l.085-.67c.04-.316.132-1.56.162-2.222.099-2.089.099-3 0-5.083a45 45 0 0 0-.162-2.221l-.085-.67c-.21-1.657-.503-2.397-1.234-3.112C25.956.98 25.43.695 24.736.536c-.983-.23-3.269-.397-6.684-.492A295 295 0 0 0 11.83.005m.192 6.266c1.055.611 2.063 1.195 5.324 3.08.594.341 1.083.635 1.083.651 0 .014-.789.484-1.753 1.04a2861 2861 0 0 0-5.511 3.187c-.014.006-.022-1.897-.022-4.226 0-2.33.008-4.232.022-4.227.01.003.395.226.857.495"></path></svg></a></li><li><a class="ACLKzf" href="https://www.instagram.com/wix" target="_blank" aria-label="instagram" title="Instagram" data-hook="social-bar__socialLink socialLink--id_instagram"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M5.858.07c-1.064.05-1.79.22-2.425.47-.658.256-1.215.6-1.77 1.156a4.9 4.9 0 0 0-1.15 1.772C.267 4.105.1 4.832.053 5.897s-.057 1.407-.052 4.122c.005 2.716.017 3.056.069 4.123.05 1.064.22 1.79.47 2.426.256.657.6 1.214 1.156 1.769a4.9 4.9 0 0 0 1.774 1.15c.636.245 1.363.413 2.428.46 1.064.046 1.407.057 4.122.052s3.056-.017 4.123-.068c1.067-.05 1.79-.221 2.425-.47a4.9 4.9 0 0 0 1.769-1.156 4.9 4.9 0 0 0 1.15-1.774c.246-.636.413-1.363.46-2.427.046-1.067.057-1.408.052-4.123s-.018-3.056-.068-4.122c-.05-1.067-.22-1.79-.47-2.427a4.9 4.9 0 0 0-1.156-1.769 4.9 4.9 0 0 0-1.773-1.15C15.895.269 15.168.1 14.104.054 13.039.009 12.697-.003 9.98.002S6.925.018 5.858.07m.117 18.078c-.975-.043-1.504-.205-1.857-.34-.467-.18-.8-.398-1.152-.746a3.1 3.1 0 0 1-.75-1.149c-.137-.352-.302-.881-.347-1.856-.05-1.054-.06-1.37-.066-4.04s.004-2.986.05-4.04c.042-.974.205-1.504.34-1.857.18-.468.397-.8.746-1.151a3.1 3.1 0 0 1 1.15-.75c.351-.138.88-.302 1.855-.348 1.054-.05 1.37-.06 4.04-.066s2.986.004 4.041.05c.974.043 1.505.204 1.857.34.467.18.8.397 1.151.746.352.35.568.682.75 1.15.138.35.302.88.348 1.855.05 1.054.062 1.37.066 4.04s-.004 2.986-.05 4.04c-.043.975-.205 1.504-.34 1.857a3.1 3.1 0 0 1-.747 1.152c-.349.35-.681.567-1.148.75-.352.137-.882.301-1.855.347-1.055.05-1.371.06-4.042.066s-2.985-.005-4.04-.05m8.153-13.493a1.2 1.2 0 1 0 2.4-.003 1.2 1.2 0 0 0-2.4.003M4.865 10.01a5.134 5.134 0 1 0 10.27-.02 5.134 5.134 0 0 0-10.27.02m1.802-.004a3.334 3.334 0 1 1 6.667-.013 3.334 3.334 0 0 1-6.667.013"></path></svg></a></li><li><a class="ACLKzf" href="https://www.tiktok.com/@wix" target="_blank" aria-label="tiktok" title="TikTok" data-hook="social-bar__socialLink socialLink--id_tiktok"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" fill="none" viewBox="0 0 17 20"><path fill="#000" d="M14.46 4.009A4.8 4.8 0 0 1 12.417.873 5 5 0 0 1 12.337 0H8.986L8.98 13.78c-.057 1.544-1.294 2.782-2.811 2.782-.472 0-.916-.121-1.307-.332a2.9 2.9 0 0 1-1.51-2.558c0-1.594 1.263-2.89 2.817-2.89.29 0 .568.048.831.133v-3.51a6 6 0 0 0-.831-.062C2.767 7.343 0 10.183 0 13.672a6.37 6.37 0 0 0 2.633 5.181A6.03 6.03 0 0 0 6.17 20c3.4 0 6.168-2.839 6.168-6.329V6.683A7.83 7.83 0 0 0 17 8.222V4.783a4.55 4.55 0 0 1-2.539-.775z"></path></svg></a></li><li><a class="ACLKzf" href="https://www.pinterest.com/wixcom" target="_blank" aria-label="pinterest" title="Pinterest" data-hook="social-bar__socialLink socialLink--id_pinterest"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M10 0C4.479 0 0 4.477 0 10a10 10 0 0 0 5.986 9.159c-.03-.699-.006-1.536.173-2.296.193-.812 1.288-5.45 1.288-5.45s-.32-.638-.32-1.581c0-1.483.86-2.59 1.928-2.59.91 0 1.35.685 1.35 1.502 0 .914-.583 2.282-.883 3.549-.25 1.06.532 1.926 1.577 1.926 1.895 0 3.172-2.434 3.172-5.317 0-2.19-1.476-3.831-4.161-3.831-3.034 0-4.923 2.261-4.923 4.788 0 .872.256 1.486.66 1.96.183.22.21.308.142.559-.048.184-.157.627-.204.802-.066.254-.271.344-.5.251-1.398-.571-2.047-2.1-2.047-3.82 0-2.842 2.395-6.247 7.145-6.247 3.819 0 6.333 2.762 6.333 5.728 0 3.923-2.182 6.854-5.398 6.854-1.079 0-2.094-.585-2.442-1.247 0 0-.581 2.304-.703 2.749-.213.77-.628 1.542-1.007 2.142.9.265 1.85.41 2.835.41C15.524 20 20 15.523 20 9.999 20 4.477 15.524 0 10 0"></path></svg></a></li><li><a class="ACLKzf" href="https://twitter.com/wix" target="_blank" aria-label="twitter" title="Twitter" data-hook="social-bar__socialLink socialLink--id_twitter"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" fill="none" viewBox="0 0 19 20"><path fill="#000" d="m.044.063 7.352 11.022.023.034-3.667 4.39-3.71 4.44L0 20h1.677l3.241-3.881c1.783-2.134 3.242-3.88 3.245-3.88.002 0 1.169 1.745 2.592 3.88L13.344 20H19l-.023-.035-3.84-5.758c-2.1-3.148-3.82-5.73-3.82-5.737a883 883 0 0 1 3.527-4.234C16.783 1.914 18.372.01 18.372.006A28 28 0 0 0 17.54 0h-.835L13.64 3.67a1080 1080 0 0 1-3.074 3.673c-.004.001-1.11-1.65-2.457-3.67L5.658 0H0zM5.339 2.01l11.36 16.74c.005.007-.253.01-1.28.01h-1.286l-2.7-3.977L5.512 6.06C3.739 3.447 2.289 1.308 2.289 1.304s.54-.008 1.283-.008h1.281z"></path></svg></a></li><li><a class="ACLKzf" href="https://www.linkedin.com/company/wix-com?trk=biz-companies-cym" target="_blank" aria-label="linkedin" title="Linkedin" data-hook="social-bar__socialLink socialLink--id_linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M18.522.003C15.446-.006 4.1.009 1.478.003.662.003 0 .645 0 1.435v17.133C0 19.358.662 20 1.478 20h17.044c.816 0 1.478-.641 1.478-1.432V1.435c0-.79-.662-1.432-1.478-1.432M6.078 16.738H3.085V7.735h2.993v9.003M4.582 6.506c-1.008.01-1.675-.684-1.673-1.555-.003-2.06 3.358-2.084 3.366 0 0 .864-.65 1.555-1.693 1.555M16.87 16.738h-2.993v-4.816c0-1.21-.433-2.036-1.516-2.036-1.111.04-1.663.901-1.634 1.825v5.027H7.735s.039-8.158 0-9.002h2.992l-.02 1.305c.394-.615 1.103-1.517 2.718-1.517 1.968 0 3.445 1.287 3.445 4.052z"></path></svg></a></li></ul></div><div class="lcWAzl"><div class="C2Sjqd" data-hook="column__column column--name_product"><p class="FBGLaT">Product</p><ul class="BWy7Sp "><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/website/templates" target="_self">Website Templates</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com" target="_self">Website Builder</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/website/design" target="_self">Website Design</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/features/main" target="_self">Wix Features</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/app-market" target="_blank">App Market</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/free/web-hosting" target="_self">Web Hosting</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/domains" target="_self">Domain Names</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/accessibility" target="_self">Website Accessibility</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/app-builder" target="_self">Mobile App Builder</a></li></ul></div><div class="C2Sjqd" data-hook="column__column column--name_solutions"><p class="FBGLaT">Solutions</p><ul class="BWy7Sp "><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/ecommerce/online-store" target="_blank">Online Store</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/scheduling-software" target="_blank">Online Booking</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/restaurant/website" target="_self">Restaurant Website</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/start/blog" target="_self">Blog Website</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/portfolio-website" target="_self">Portfolio Website</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/ecommerce/website" target="_blank">eCommerce Website</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/studio" target="_self">Wix Studio</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/studio/enterprise" target="_self">Enterprise Solutions</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/students" target="_self">Student Website</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/tools" target="_self">Professional Tools</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/logo/maker" target="_blank">Logo Maker</a></li></ul></div><div class="C2Sjqd" data-hook="column__column column--name_learn"><p class="FBGLaT">Learn</p><ul class="BWy7Sp "><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/blog" target="_blank">Wix Blog</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/manage/privacy-security-hub" target="_self">Privacy and Security Hub</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/seo/learn" target="_blank">SEO Learning Hub</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/encyclopedia" target="_blank">Wix Encyclopedia</a></li></ul></div><div class="C2Sjqd" data-hook="column__column column--name_support"><p class="FBGLaT">Support</p><ul class="BWy7Sp "><li class="LjUlS_"><a class="KuIaYs" href="https://support.wix.com/en" target="_self">Help Center</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/marketplace" target="_blank">Hire a Professional</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/abuse" target="_self">Report Abuse</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://status.wix.com" target="_self">System Status</a></li></ul></div><div class="C2Sjqd" data-hook="column__column column--name_company"><p class="FBGLaT">Company</p><ul class="BWy7Sp "><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/press-room/home" target="_self">Press &amp; Media</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://investors.wix.com" target="_self">Investor Relations</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/wix-capital" target="_self">Wix Capital</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/about/terms-accessibility" target="_self">Accessibility Statement</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/about/patent-notice" target="_self">Patent Notice</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://www.wix.com/about/sitemap" target="_self">Sitemap</a></li><li class="LjUlS_"><a class="KuIaYs" href="https://careers.wix.com" target="_self">Careers</a></li></ul></div></div></div><div class="PXtX5X"><div class="q2YDTr ehx5BU"><div class="JwIlOl"><div class="waU9GL"><ul class="fLy152"><li><a href="https://www.wix.com/about/terms-of-use" target="_self" class="FzJOdO">Terms of Use</a></li><li><a href="https://www.wix.com/about/privacy" target="_self" class="FzJOdO">Privacy Policy</a></li></ul><span class="GiYy1B">© 2006-2024 Wix.com, Inc</span></div></div></div></div></nav></footer>

Get to know our frameworks

Select an app template built on your preferred framework.

Build apps on our native app editor. Use drag and drop elements, Velo code and Wix APIs to develop custom features.

Streamline your app development process with the Wix CLI. Get a familiar developer experience with minimal setup and configuration.

Take full control over your app's tech stack, deployment, and hosting.

App templates

Wix Blocks templates

Wix CLI templates

Self-hosted templates

Kickstart your app development with templates built on your preferred Wix developer tool. Browse templates for practical foundation and get to know the Wix ecosystem.

Wix App Templates for Developers

This example apps can be used as a starting point for building your own app, for concrete examples of how to use Wix framework, or for inspiration.

Choose a template.<0 />Build an app.

Browse by:

How to build it step by step:

This template is built with:

Read how this template was built, step by step.

How we built this template

Deployment instructions:

Choose a package manager and run the command in your terminal.

Copy command

Before you get started, make sure you have the following:

Prerequisite steps

Get started with Wix CLI

Begin by setting up your Next.js project with your preferred hosting platform.

Select your hosting service

Start the deployment flow and set up your template repo on Netlify. After you finish set up, come back here and add your Netlify custom domain.

Copy the code from our Git repo to deploy your app on any platform that supports Next.js.

Start the deployment flow and set up your template repo on Vercel. After you finish set up, come back here and add your Vercel generated URL.

Add the base URL and give your app a name.

App details

Go to the app dashboard and test your app to ensure a smooth integration within the Wix ecosystem. <0>Learn more about app checks and testing</0>

Define your environment

Terminal

Related templates

Note

Warning

Your app name will be used as the namespace suffix.

Name your app to generate a namespace. This lets you refer to your app in code later on.

Go Headless

Build Apps

Client

API Preview

Ricos

Develop Websites

REST

Velo

GraphQL (Alpha)

Information about a newly created gallery.

event

GalleryCreated

An event that triggers when a gallery is created.

The `onGalleryCreated()` event handler runs when a gallery has been created. The received `GalleryCreated` object contains information about the gallery that was created.

>**Notes:**
> + Backend events don't work when previewing your site.
> + The event data doesn't include gallery items or their IDs. To get information about the items in your newly created gallery, listen for the [`onGalleryItemCreated()`](#ongalleryitemcreated) event.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryCreated(event) {
  const galleryId = event.entity._id;
  const galleryName = event.entity.name;
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "entity": {
 *     "_createdDate": "2022-08-04T10:00:09.000Z",
 *     "_id": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "items": [],
 *     "name": "My New Gallery",
 *     "totalItems": 2
 *   },
 *   "metadata": {
 *     "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "eventTime": "2022-08-04T10:00:09.559484Z",
 *     "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *     "triggeredByAnonymizeRequest": false
 *   }
 *  }
 */

An event triggered when a gallery is created 

onGalleryCreated

void

GalleryDeleted

An event that triggers when a gallery is deleted.

The `onGalleryDeleted()` event handler runs when a gallery has been deleted. The received `GalleryDeleted` object contains information about the gallery that was deleted.

>**Note:** Backend events don't work when previewing your site.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryDeleted(event) {
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "metadata": {
 *     "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "eventTime": "2022-08-04T10:00:09.559484Z",
 *     "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *     "triggeredByAnonymizeRequest": false
 *   }
 *  }
 */

An event triggered when a gallery is deleted 

onGalleryDeleted

Information about a newly created gallery item.

GalleryItemCreatedEvent

An event that triggers when a media item in a specified gallery is created.

The `onGalleryItemCreated()` event handler runs when a gallery item has been created. The received `GalleryItemCreatedEvent` object contains information about the gallery item that was created.

>**Note:** Backend events don't work when previewing your site.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryItemCreated(event) {
  const galleryItemId = event.data.item._id;
  const galleryItemDescription = event.data.item.description;
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "data": {
 *     "item": {
 *       "_createdDate": "2022-08-04T10:00:09.000Z",
 *       "_id": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *       "description": "The best addition to my gallery",
 *       "sortOrder": 1,
 *       "tags": {
 *         "values": ["voice","bees","wind"]
 *       },
 *.      "title": "My New Item"
 *       "type":"IMAGE",
 *       "image": {
 *         "type":"WIX_MEDIA",
 *         "imageInfo": "wix:image://v1/9e6ea4_650d8cd45f7545c4b39178feb0ee8c70~mv2.jpg/300.jpg#originWidth=200&originHeight=300"
 *       },
 *    },
 *    "metadata": {
 *      "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *      "eventTime": "2022-08-04T10:00:09.559484Z",
 *      "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *      "triggeredByAnonymizeRequest": false
 *    }
 *  }
 */

An event triggered when a gallery item is created 

onGalleryItemCreated

Information about a deleted gallery item.

GalleryItemDeletedEvent

An event that triggers when a media item in a specified gallery is deleted.

The `onGalleryItemCreated()` event handler runs when a gallery item has been deleted. The received `GalleryItemDeletedEvent` object contains information about the gallery item that was deleted.

>**Note:** Backend events don't work when previewing your site.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryItemDeleted(event) {
  const deletedGalleryItemId = event.data.itemId;
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "data": {
 *     "itemId":"2e2566e6-f242-4d4b-89bc-c5ad826e6241"
 *   },
 *   "metadata": {
 *     "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "eventTime": "2022-08-04T10:00:09.559484Z",
 *     "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *     "triggeredByAnonymizeRequest": false
 *   }
 * }
 */

An event triggered when a gallery item is deleted 

onGalleryItemDeleted

Information about an updated gallery item.

GalleryItemUpdatedEvent

An event that triggers when a media item in a specified gallery is updated.

The `onGalleryItemUpdated()` event handler runs when a gallery item has been updated. The received `GalleryItemUpdatedEvent` object contains information about the gallery item that was updated.

>**Note:** Backend events don't work when previewing your site.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryItemUpdated(event) {
  const galleryItemId = event.data.updatedItem._id;
  const galleryItemDescription = event.data.updatedItem.description;
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "data": {
 *     "updatedItem": {
 *       "_createdDate": "2022-08-04T10:00:09.000Z",
 *       "_id": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *       "description": "The best addition to my gallery",
 *       "tags": {
 *         "values": ["voice","bees","wind"]
 *       },
 *       "title": "My Updated Item"
 *       "type":"IMAGE",
 *       "image": {
 *         "type":"WIX_MEDIA",
 *         "imageInfo": "wix:image://v1/9e6ea4_650d8cd45f7545c4b39178feb0ee8c70~mv2.jpg/300.jpg#originWidth=200&originHeight=300"
 *       },
 *    },
 *    "metadata": {
 *      "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *      "eventTime": "2022-08-04T10:00:09.559484Z",
 *      "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *      "triggeredByAnonymizeRequest": false
 *    }
 *  }
 */

An event triggered when a gallery item is updated 

onGalleryItemUpdated

GalleryUpdated

An event that triggers when a gallery is updated.

The `onGalleryUpdated()` event handler runs when a gallery has been updated. The received `GalleryUpdated` object contains information about the gallery that was updated.

>**Notes:**
> + Backend events don't work when previewing your site.
> + The event data doesn't include gallery items or their IDs. To get information about the updated items in your updated gallery, listen for the [`onGalleryItemUpdated()`](#ongalleryitemupdated) event.

// Place this code in the events.js file
// of your site's Backend section.
// Add the file if it doesn't exist.

export function wixProGallery_onGalleryUpdated(event) {
  const galleryId = event.entity._id;
  const galleryName = event.entity.name;
  const eventId = event.metadata.id;
  const eventTime = event.metadata.eventTime;
}

/* Full event object:
 * {
 *   "entity": {
 *     "_createdDate": "2022-08-04T10:00:09.000Z",
 *     "_id": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "items": [],
 *     "name": "My Updated Gallery",
 *.    "sortOrder": 1,
 *     "totalItems": 2
 *   },
 *   "metadata": {
 *     "entityId": "b082d5aa-1e7b-44d9-91f3-ab0387825de5",
 *     "eventTime": "2022-08-04T10:00:09.559484Z",
 *     "id": "1586937f-a154-4ad1-8ccf-488a63852e63",
 *     "triggeredByAnonymizeRequest": false
 *   }
 *  }
 */

An event triggered when a gallery is updated 

onGalleryUpdated

---
title: Introduction
---

# Introduction


Wix Pro Gallery backend events are triggered when certain events occur with pro galleries in your site's backend. You can write event handlers that react to these events. Event handler functions receive data that correspond to the backend event that has occurred. Use event handlers to create custom responses to pro gallery events.

>**Note:** Backend events aren't triggered when previewing your site. 

## Working with Pro Gallery Event Handlers

To add a pro gallery event handler, add an **events.js** file to the **Backend** section of your site if one does not already exits. All event handler functions for your site are defined in this file.

Event handler functions are defined using the following pattern:

```js
export function <wixAppName>_<eventName>(event) { }
```

For example, an event handler that handles the creation of a site member looks like this:

```js
export function wixProGallery_onGalleryCreated(event) { }
```



velo-events_wix-pro-gallery-backend

AddressLink

address

string

AnchorLink

The data id (from the JSON page) of the anchor that should be used

anchorDataId

anchorName

pageId

BackendEventMetadata

ID of the entity associated with the event.

entityId

eventTime

Whether the event was triggered as a result of a privacy regulation application (for example, [GDPR](https://support.wix.com/en/article/gdpr-frequently-asked-questions)). For advanced users.

triggeredByAnonymizeRequest

boolean

DocumentLink

docId

If this document can be indexed by scrapers, default is false

indexable

The name of the document for download purposes

name

DynamicPageLink

innerRoute

routerId

EmailLink

body

The email we will be sending a message to

recipient

subject

ExternalLink

Where this link should open, supports _self and _blank or any name the user chooses. _self means same page, _blank means new page.

target

Gallery

_createdDate

items

Index that determines which position a gallery is displayed on the site. <br />

>**Note:** If you assign the same sort order index to more than one gallery, the function fails.

sortOrder

number

totalItems

entity

metadata

GalleryItemCreated

item

Item

data

GalleryItemDeleted

itemId

GalleryItemUpdated

updatedItem

Image

Set of key-value pairs describing the media in [Exchangeable Image File format](https://en.wikipedia.org/wiki/Exif).

exif

focalPoint

Point

imageInfo

Image compression level. <br />

Min: `30` <br />
Max: `100`

quality

[Unsharp masking](https://en.wikipedia.org/wiki/Unsharp_masking) values of the image.

unsharpMasking

UnsharpMasking

ImageType

_updatedDate

description

Link from the item. You can link to Wix sites or external URLs.

link

Link

Index that determines which position a media item is displayed in the gallery. <br />

Default: [Epoch](https://www.epoch101.com/) timestamp. <br />

>**Note:** If you assign the same sort order index to more than one media item in a gallery, the function fails.

title

type

Type

text

LinkRel

LinkType

PageLink

PhoneLink

phoneNumber

SecondaryMedia

Text

Set of key-value pairs describing the [CSS style](https://en.wikipedia.org/wiki/CSS) of the text.

__Note:__ The object structure is customizable. See the [List Gallery Items](https://dev.wix.com/api/rest/site-content/pro-gallery/list-gallery-items) code example for supported values.

editorFontId

editorHtml

html

TpaPageLink

appDefinitionId

Type of item (e.g. 'wix.stores.sub_pages.product')

itemTypeIdentifier

path

Unsharp masking amount. Controls the sharpening strength. <br />

Min: `0` <br />
Max: `5`

amount

Unsharp masking radius in pixels. Controls the sharpening width.

radius

Unsharp masking threshold. Controls how different neighboring pixels must be for shapening to apply. <br />

Min: `0` <br />
Max: `1`

onGalleryDeleted( )