Logos are the face of your business and with the Wix Logo Maker, you can create personalized branding. Add logos you create directly from the Wix Editor, or use the element to create a new logo. You c...

Wix Editor: Adding and Managing a Logo

<div data-component-type="text"><div>Logos are the face of your business and with the Wix Logo Maker, you can create personalized branding. Add logos you create directly from the Wix Editor, or use the element to create a new logo. </div></div><div data-component-type="text"><div>You can also upload existing logo files (created with the Logo Maker or elsewhere), and add them to your site.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/04/11/9c134f88-85bf-46a1-a6b1-a89f1c625662/ac18c67a-3735-4d64-ae1a-03fc6cd12ac4.png" alt="A logo for a business named The Urban Gardener on a Wix site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-and-adding-a-logo-in-the-wix-editor" level="3">Creating and adding a logo in the Wix Editor</h2></div><div data-component-type="text"><div>You can create a new logo from inside your site's editor. The Wix Logo Maker generates eye-catching logos for your business, which you can customize to build personalized, unique branding.</div></div><div data-component-type="heading"><h2 id="" level="4">To create a new logo:</h2></div><div data-component-type="text"><ol>
  <li>Open your site in the Wix Editor.</li>  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/Sj86Gd-5Sai9hk4uAs0hNzbfRhbOq08wX-q4F9lKgx6BgxQxd_JrmR4GR0L7OLT_wn7fV6blY8ypptrykvL1GrNXB41UA1n_UN07PsljsDA_DJhxBt9z81nX0LpKxzDy7gtwHDbJNqpqe27VyvdYCQ" /><strong> </strong>on the left menu.</li>  <li>Select the <strong>Image</strong> tab.</li>  <li>Select <strong>Custom Logo</strong>. <strong>Note:</strong> If you've already created a logo with the Wix Logo Maker, it will be displayed here.</li>  <li>Click <strong>Add Logo</strong>.</li>  <li>Select the logo.</li>  <li>Click <strong>Manage Brand</strong>.</li>  <li>Add the relevant information, and select a design from the options available. <a data-composite="true" href="https://support.wix.com/en/article/wix-logo-creating-a-logo-with-the-wix-logo-maker-571523" target="">Learn more about creating a logo with the Wix Logo Maker</a></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/07/03/2dd033b3-d3be-476c-a03c-6cb352ef2e6d/13acd35c-4240-4c05-b19a-48ea03343cfe.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><ul>
  <li>If you have not purchased a logo, you can create one and utilize the 200x200 free sample file to display it on your site. If you need higher resolution logo files, you can purchase them by upgrading to any of the <a data-composite="true" href="https://support.wix.com/en/article/wix-logo-about-the-wix-logo-maker-plans" target="_blank">Logo packages.</a></li>  <li>If you've already purchased your logo with the Wix Logo Maker, it will be displayed when you add the logo to your site.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-existing-wix-logo-to-your-site" level="3">Adding an existing Wix Logo to your site</h2></div><div data-component-type="text"><div>If you've already created and purchased your logo with the Wix Logo Maker, you can add the element to quickly display it on your site.</div></div><div data-component-type="heading"><h2 id="" level="4">To add an existing Wix Logo:</h2></div><div data-component-type="text"><ol>
  <li>Open your site in the Wix Editor.</li>  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/Sj86Gd-5Sai9hk4uAs0hNzbfRhbOq08wX-q4F9lKgx6BgxQxd_JrmR4GR0L7OLT_wn7fV6blY8ypptrykvL1GrNXB41UA1n_UN07PsljsDA_DJhxBt9z81nX0LpKxzDy7gtwHDbJNqpqe27VyvdYCQ" /><strong> </strong>on the left menu.</li>  <li>Select the <strong>Image</strong> tab.</li>  <li>Select <strong>Custom Logo</strong>.</li>  <li>Click <strong>Add Logo</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/07/03/6ddd0231-71a1-4147-a4c4-0ae165192451/ccb279bd-c9c3-4bdd-8023-80810f032f91.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="uploading-a-site-logo" level="3">Uploading a site logo</h2></div><div data-component-type="text"><div>You can upload logos you've made externally and add them to your site. </div><div><br /></div><div>Upload it to your site's Business Info in your site's dashboard, or upload it inside the Editor to use it on your site pages.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>If you upload your own logo inside the editor, it is not automatically added to your site's Business Info. You need to <a data-composite="true" href="https://support.wix.com/en/article/adding-your-sites-business-information" target="">add it from your site's dashboard</a>.</div></div></div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Dashboard" class="tab-heading heading-1">Dashboard</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Open your site in the Wix Editor.</li>  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/Sj86Gd-5Sai9hk4uAs0hNzbfRhbOq08wX-q4F9lKgx6BgxQxd_JrmR4GR0L7OLT_wn7fV6blY8ypptrykvL1GrNXB41UA1n_UN07PsljsDA_DJhxBt9z81nX0LpKxzDy7gtwHDbJNqpqe27VyvdYCQ" /><strong> </strong>on the left menu.</li>  <li>Select <strong>Image</strong>.</li>  <li>Select <strong>Upload Images</strong>.</li>  <li>Select where you want to add the media from with the available options.</li>  <li>Choose the image you want.</li>  <li>(Optional) Select the file and click <strong>Add to Page </strong>to add it to your site.</li></ol><div><br /></div><div><strong>Tip:</strong> To create an image with a transparent background, upload a .png file.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/08/28/9daaaf9b-7c9b-4b6d-9309-3b44e90cafd1/274f22a3-096c-4805-8bfc-cc56b2247631.png" alt="The Media Manager in Wix. A logo has been selected from the site files." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Go to <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Edit%20Site%20Info&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/settings/" target="_blank">Settings</a> in your site's dashboard.</li>  <li>Click <strong>Business Info</strong>.</li>  <li>Click <strong>Add Logo</strong>.</li>  <li>Do one of the following:
    <ul>
      <li>Click <strong>Upload Media</strong> to upload an image from your computer and click <strong>Choose File</strong>.</li>      <li>Select an image from the image gallery and click <strong>Choose File</strong>.</li>    </ul>  </li>  <li>Click <strong>Save</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/08/28/49aceba9-52c6-416b-a1d4-bb3fc7bcb009/2a635146-a63d-40dd-be66-a2f4a44b78c4.png" alt="The business information tab of a site dashboard. The cursor is hovering over the Upload Image button." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Select from the following options to learn more about logos on your site.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">When are logos added to my site's Business Info?</h4><div class="collapsible-content"><div>The following logos are added to your site's Business Info:</div><ul>
  <li>Logos you create with the Wix Logo Maker</li>  <li>Logos you upload yourself to the Business Info section of your site's dashboard</li></ul><div><br /></div><div>Logos you upload to your site from the Wix Editor are not added to your Business Info. You need to <a href="https://support.wix.com/en/article/adding-your-sites-business-information">add it from your site's dashboard</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Where are logos displayed on my site?</h4><div class="collapsible-content"><div>The logo you add to your Business Info automatically appears in various locations. For example, it's displayed in the <a data-composite="true" href="https://support.wix.com/en/article/customizing-the-checkout-page" target="">Wix Stores checkout page</a> and Wix Stores invoices sent out to customers.</div><div><br /></div><div>You can also add the logo to your site's pages from the Editor. We recommend placing your logo in the page header, so it's always visible to your visitors.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Do I need to pay to create a logo with Wix?</h4><div class="collapsible-content"><div>No. You can create a logo and use it on your site for free. However, logo plans allow you to download your logo as high resolution files, and specific file formats for different sites and merchandise. <a data-composite="true" href="https://support.wix.com/en/article/wix-logo-about-the-wix-logo-maker-plans" target="">Learn more about logo plans</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What are the recommended ratios for logos I upload?</h4><div class="collapsible-content"><div>We recommend uploading a logo file with a ratio of 1:1 (square in shape). We also recommend uploading high quality images, so they maintain their resolution on your site. <a data-composite="true" href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes" target="">Learn more about supported file types and sizes</a>.</div></div></div></div>

Add a link to an image to send your visitors to a page address or anchor, web address, email or document.To add a link to an image:
  Click the image in your Editor.  Click the Settings icon .  Click ...

Wix Editor: Adding a Link to an Image

<div data-component-type="text"><p>Add a link to an image to send your visitors to a page address or anchor, web address, email or document.</p></div><div data-component-type="heading"><h2 id="" level="3">To add a link to an image:</h2></div><div data-component-type="text"><ol>
  <li>Click the image in your Editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/8391b0e3-04ed-4dc5-bb93-9348669921ab.png" />.</li>  <li>Click the drop-down menu under <strong>When image is clicked</strong>.</li>  <li>Select<strong> A link opens</strong>.</li>  <li>Under <strong>What does it link to? </strong>click the <strong>Link</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/ed0155e7-612e-4279-877f-d833b436d645.png" />.</li>  <li>Enter the link details.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/47a31398-0847-4923-a685-adbea7833f33/eae79430-636f-4ea1-b6c5-964d9d8676af.jpg" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><ul><li>You can also click the <strong>Link</strong> icon <img src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/02/e57672f8-13d7-455c-881f-6e288d04b7a1.png" /> to set up your link, but make sure that you complete steps 1-4 above first.</li><li>Click <a href="https://support.wix.com/en/article/wix-stores-linking-a-button-to-a-specific-product-page">here </a>to learn how to link a button to a specific product page in Wix Stores.  </li></ul></div></div></div>

Add your own images to your site to truly make it your own! You can upload images from your computer, social networks, your other Wix sites and using a URL.Once you have uploaded them to the Media Man...

Wix Editor: Uploading Your Own Images

<div data-component-type="text"><div>Add your own images to your site to truly make it your own! You can upload images from your computer, social networks, your other Wix sites and using a URL.<br /><br />Once you have uploaded them to the Media Manager you can use them anywhere on your site.</div></div><div data-component-type="heading"><h2 id="" level="3">To upload images to your Media Manager:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/5e72fb92-5525-4e37-a38b-be91b846a17e.png" /> on the left side of the editor.</li>  <li>Click <strong>Image</strong>.</li>  <li>Click <strong>Upload Images.</strong></li>  <li>Select where you want to add the media from:
    <ul>
      <li><strong>Your computer:</strong> 
        <ol>
          <li>Drag and drop files into the Media Manager or click <strong>Upload from Computer.</strong> </li>          <li>Select the files you want to upload.</li>          <li>Click <strong>Open</strong>.</li>        </ol>      </li>      <li><strong>Your other Wix sites: </strong>
        <ol>
          <li>Click <strong>My Wix Account.</strong> </li>          <li>Select the site folder.</li>          <li>Select the files you want to upload.</li>          <li>Click<strong> Upload Selection</strong>.</li>        </ol>      </li>      <li><strong>Social networks: </strong>
        <ol>
          <li>Select the social network. </li>          <li>Click <strong>Connect.</strong></li>          <li>Select the files you want to upload.</li>          <li>Click <strong>Upload Selection</strong>.</li>        </ol>      </li>      <li><strong>A URL:</strong>
        <ol>
          <li>Click the Link<strong> </strong>icon<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/07/29/4cda1873-3119-44ac-bf91-689408c38afe.png" />on the left side.</li>          <li>Paste the URL link and click <strong>Import</strong>. </li>        </ol>      </li>    </ul>  </li>  <li>(Optional) Select the file and click <strong>Add to Page </strong>to add it to your site.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What next?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-editing-and-customizing-images" target="">Resize and customize your image.</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>When trying to change an image on your site to an SVG file, you will see that the <strong>Choose Image</strong> button in the Media Manager is greyed out. This is because you cannot replace an image with an SVG file. Instead, you should add the file to your site by following the steps above, or <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-vector-art" target="">add a vector art</a> and then replace it with your own SVG file. The images continue uploading even if you close the Media Manager.</div></div></div></div>

You can add advertisements to your site in a few different ways:
  Upload the ad as an image and link to the relevant URL  Add Marketing Integrations  Use the Google AdSense app to display third-party...

Wix Editor: Adding Advertisements to Your Wix Site

<div data-component-type="text"><div>You can add advertisements to your site in a few different ways:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-uploading-your-own-images" target="">Upload the ad as an image</a> and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-an-image" target="">link to the relevant URL</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/about-marketing-integrations" target="">Add Marketing Integrations</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/apps-made-by-wix-adding-and-setting-up-the-wix-monetize-with-adsense-app" target="_blank">Use the Google AdSense app to display third-party ads</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-full-screen-pop-up-menu" target="">Use a popup to display your ad</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can also learn how to <a href="https://support.wix.com/en/article/removing-the-wix-banner-ad-and-favicon">remove the Wix banner ad or update your site favicon</a> to your own.</div></div></div></div>

You can set your image to open in a larger window when it is clicked.To set your image to expand when clicked:
  Go to your editor.  Click the relevant image.  Click the Settings icon .  Click the Whe...

Wix Editor: Setting your Images to Open in a Pop-Up When Clicked

<div data-component-type="text"><p>You can set your image to open in a larger window when it is clicked.</p></div><div data-component-type="heading"><h2 id="" level="3">To set your image to expand when clicked:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the relevant image.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/13/da6b0534-0ba6-4456-8afb-70d7f3f12e4b.png" />.</li>  <li>Click the <strong>When image is clicked</strong> drop-down menu and select <strong>It opens in a pop-up</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>If you add a <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-alt-text-tooltip-to-your-image" target="">tooltip</a> to your image, it appears under the image in the pop-up window.</div></div></div></div>

Connect your Media Manager to your Social Networks such as Facebook, Flickr, Instagram, Picasa and Google Drive images.To import images from social networks:
  Go to your editor.  Click Add Elements  ...

Wix Editor: Importing Images from Social Networks

<div data-component-type="text"><p>Connect your Media Manager to your Social Networks such as Facebook, Flickr, Instagram, Picasa and Google Drive images.</p></div><div data-component-type="heading"><h2 id="" level="3">To import images from social networks:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Image</strong>.</li>  <li>Click <strong>Import Images</strong>.</li>  <li>Select the relevant social network.</li>  <li>Log in to your account and allow Wix to connect.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The images found in the Social Media folders on the left are a reflection of the images uploaded to your Social Media accounts. It is not possible to delete images from these folders through your Wix account. In addition, editing an image from these folders does not affect the original image in your Social Media accounts.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>To disconnect a social network simply hover over the network name in the Media Manager, click the <strong>More Actions</strong> icon<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/06/28/5d6d486b-5627-44cb-b757-a91e0792c3ab.png" />and click <strong>Disconnect</strong>.</div></div></div></div>

For many galleries, visitors are unable to right-click and save images. However, depending on the browser*, visitors may be able to right-click and save stand-alone images.*This is not a Wix feature, ...

Wix Editor: Visitors Ability to Download and Print Images from Your Site

<div data-component-type="text"><div>For many galleries, visitors are unable to right-click and save images. However, depending on the browser*, visitors may be able to right-click and save stand-alone images.</div><div>*This is not a Wix feature, it is dependent on the browser functionality. </div></div><div data-component-type="text"><p>In order to prevent visitors from being able to right-click and save images from your site, you can use the <a href="https://support.wix.com/en/article/wix-media-adding-and-setting-up-the-right-click-protect-app" data-item-id="53eced73-60b7-4c0f-aa78-82d14aa306c5">Right Click Protect</a> app.</p></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><ul><li>This app does not provide 100% protection as visitors can still use the print screen function to copy an image, or access the images through your site's source code (if they know how).</li><li>This app does not provide protection for third-party apps. For example, if you add images to a third-party gallery app, visitors might still be able to right-click download, if the gallery app allows this function.</li></ul><div><br /></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Another form of protection against the downloading or printing of images on your site would be for you to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-watermarks-to-images" target="">watermark your images</a> before uploading them. </div></div></div></div>

You can delete any images you no longer want from your site at any time.To delete an image from your site:
  Go to your editor.  Click the image in the editor.  Press Delete on your keyboard.Note:If y...

Wix Editor: Deleting an Image

<div data-component-type="text"><div>You can delete any images you no longer want from your site at any time.</div></div><div data-component-type="heading"><h2 id="" level="3">To delete an image from your site:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the image in the editor.</li>  <li>Press <strong>Delete</strong> on your keyboard.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>If you have uploaded your own images, deleting them from your editor does not <a data-composite="true" href="https://support.wix.com/en/article/wix-media-deleting-media-files-from-your-media-manager" target="">remove them from your <strong>Media Storage</strong></a>. You can add these images again at any time.</div></div></div></div>

Protect your images by adding watermark text in Wix Photo Studio. The text can be customized to suit your brand, and cannot be removed from the file if downloaded.To add a watermark to an image:
  Go ...

Wix Editor: Adding Watermarks to Images

<div data-component-type="text"><div>Protect your images by adding watermark text in <a data-composite="true" href="https://support.wix.com/en/article/wix-media-using-the-wix-photo-studio-tools" target="">Wix Photo Studio</a>. The text can be customized to suit your brand, and cannot be removed from the file if downloaded.</div></div><div data-component-type="heading"><h2 id="" level="3">To add a watermark to an image:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the relevant image.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/BdvPAEIG7n8QrlsQotn4oMKhsGYrzOpk_98VaeFFtnPgMfiliqyrrM0Oso8fjNY4m9UNV5avNmLF-SL_dyIms0GSJK1b1M_w3lKwMhatO1EC9DyflDLzN76uj3nEadoQxyZV77Rv" />.</li>  <li>Click <strong>Adjust</strong>.</li>  <li>Click <strong>Text</strong> on the left.</li>  <li>Click a text style to add it to your image.</li>  <li>Type your watermark message.</li>  <li>(Optional) Click <strong>Design</strong> to customize the text:
    <ul>
      <li><strong>Font:</strong> Click the relevant drop-down menu to change your font and font size.</li>      <li><strong>Styles:</strong> Format your text using the options: <strong>Bold</strong>, <strong>Italic </strong>or <strong>Underline </strong>and choose your text color.</li>      <li><strong>Alignment:</strong> Choose your text alignment: <strong>Left</strong>, <strong>Center</strong>, <strong>Right</strong> or <strong>Justify </strong>and adjust your line spacing.</li>      <li><strong>Opacity:</strong> Increase or decrease the transparency of your text.</li>      <li><strong>Rotate and flip:</strong> Change your text orientation: <strong>Rotate left </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/06/24/bd780311-65ca-4c94-aa6f-c88fe834cfbf/d96286b8-3a8e-4ebd-b866-bfcdcad06da3.png" />, <strong>Rotate right</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/06/24/20d0aaab-2bdc-4be3-b4f1-a168212e9b5b/e25b4eb3-8c8c-46ae-ba0f-56ca309e365a.png" />, <strong>Flip horizontally</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/06/24/790269d2-f455-4767-9faa-e6e33b417c5e/a6a34133-4e04-4841-bfdf-ee0fcd7a1279.png" /> or <strong>Flip vertically </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/06/24/0226dfcd-ec2a-4412-9236-4de00af5bb37/67c5e610-1b39-4298-a1ea-b5ac33ca4c24.png" />.</li>    </ul>  </li>  <li>Click <strong>Save</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/09/26/9e63d0cf-17ef-44bb-8da7-a7d5d3191e9f/f18bac1c-204b-430e-94d0-99b386a45f03.png" alt="A screenshot of adding a text watermark to an image of a woman running in the Wix Photo Studio." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want more options?</div><div class="info-content"><div>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/protecting-your-sites-content" target="">protect your site's content</a>.</div></div></div></div>

You can retrieve the URL of an image or file on your Wix site directly from your Media Manager or from your live site using Chrome, Firefox, or Safari browsers. This capability is particularly useful ...

Wix Editor: Retrieving the URL of an Image or File

<div data-component-type="text"><div>You can retrieve the URL of an image or file on your Wix site directly from your Media Manager or from your live site using Chrome, Firefox, or Safari browsers. </div><div><br /></div><div>This capability is particularly useful when you need to reference a specific image in a quick and precise manner. For example, if you're running an e-commerce store on Wix, you might want to share the direct link of a product image with a supplier or a customer.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="retrieving-the-url-of-a-file-in-your-media-manager" level="3">Retrieving the URL of a file in your Media Manager</h2></div><div data-component-type="text"><div>Access the URL of any file you uploaded to your Media Manager.</div></div><div data-component-type="heading"><h2 id="" level="4">To retrieve the URL from the Media Manager:</h2></div><div data-component-type="text"><ol><li>From your Media Manager, click <strong>Site Files</strong>.</li><li>Click the relevant file.</li><li>Click <strong>Copy URL </strong>in the information panel.</li><li>Paste the URL in a new browser.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/13/cf21f5b3-bfb6-4da0-b9ca-dfc8df488e1a/001aaefb-e616-4f52-b22e-0b579e7acd52.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="retrieving-the-url-of-an-image-on-your-site" level="3">Retrieving the URL of an image on your Site</h2></div><div data-component-type="text"><div>Access the URL of any image on your live site.</div></div><div data-component-type="heading"><h2 id="" level="4">To retrieve the URL from your site:</h2></div><div data-component-type="text"><ol><li>Open your live site.</li><li>Right-click the relevant image.</li><li>Copy the image URL:<ul><li><strong>Chrome:</strong> Click <strong>Copy image address</strong>.</li><li><strong>FireFox: </strong>Click <strong>Copy Image Location</strong>.</li><li><strong>Safari:</strong> Click <strong>Save Image</strong>.</li></ul></li><li>Paste the URL in a new browser.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="retrieving-the-url-of-a-gallery-image-on-your-site" level="3">Retrieving the URL of a gallery image on your site</h2></div><div data-component-type="text"><div>Access the URL of any image inside a gallery on your live site. To retrieve the URL of a gallery image, the gallery images must be set to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adjusting-your-gallery-settings#what-happens-when-clicking-gallery-images" target="">open in a popup when clicked</a>.</div></div><div data-component-type="heading"><h2 id="" level="4">To retrieve the URL from a gallery:</h2></div><div data-component-type="text"><ol><li>Open your live site.</li><li>Click the relevant image in the gallery.</li><li>Right-click the image in the popup.</li><li>Copy the image URL:<ul><li><strong>Chrome:</strong> Click <strong>Copy image address</strong>.</li><li><strong>FireFox: </strong>Click <strong>Copy Image Location</strong>.</li><li><strong>Safari: </strong>Click <strong>Save Image</strong>.</li></ul></li><li>Paste the URL in a new browser.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>These instructions only work for galleries other than the Pro Gallery. The Pro Gallery has built-in image protection, so right clicking on the live site does not show any options for the image.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div><strong>Wix Stores Product Images: </strong>Before retrieving  the URL of a product image, temporarily <a data-composite="true" href="https://support.wix.com/en/article/wix-stores-customizing-your-product-page#customizing-the-layout-image-display" target="">disable the image zoom</a>. Save your site after disabling. </div></div></div></div>

Crop your images so that only the part you want is displayed on your site. You can manually crop an image, or use ratios and shapes.Note:While you can crop most types of images, it is not possible to ...

Wix Editor: Cropping an Image

<div data-component-type="text"><div>Crop your images so that only the part you want is displayed on your site. You can manually crop an image, or use ratios and shapes.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>While you can crop most types of images, it is not possible to crop GIFs.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cropping-an-image-manually" level="3">Cropping an image manually</h2></div><div data-component-type="text"><div>Manually crop your image from right inside the editor to show only the specific area you want. Choose the size, position and zoom of the crop.</div></div><div data-component-type="heading"><h2 id="" level="4">To crop an image manually:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the image on your page.</li>  <li>Click the <strong>Crop</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/31/7bd5b58b-c07a-4e1e-baca-348897451c60.png" />.</li>  <li>Crop your image by doing one of the following:
    <ul>
      <li>Drag the crop handles to select the part of the image that you want to crop.</li>      <li>Move the crop window over the exact area you want to crop.</li>      <li>Drag the slider to zoom the image in and out, or enter a percentage value in the text field.</li>    </ul>  </li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/3245f502-ac4c-4af8-a8b1-7afda58db333/d10cb572-32af-4518-a952-0e99824dd1f6.png" alt="A screenshot of clicking the crop icon in the editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cropping-an-image-using-ratios" level="3">Cropping an image using ratios</h2></div><div data-component-type="text"><div>Crop your image using a number of preset ratios from the <a href="https://support.wix.com/en/article/wix-media-about-the-wix-photo-studio">Wix Photo Studio</a>.</div></div><div data-component-type="heading"><h2 id="" level="4">To crop an image using ratios:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the image on your page.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/12/13/140a553e-641e-4682-9515-ead8e7269186.png" />.</li>  <li>Click <strong>Adjust</strong>.</li>  <li>Click <strong>Crop &amp; Extend</strong> on the left side.</li>  <li>Select a ratio to crop the image.</li>  <li>When you are finished, click <strong>Save</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/bf68a9b8-f322-4efb-9777-c0b56a3372e6/f60d2bef-a7c7-457c-a374-458dd333ac49.png" alt="A screenshot of cropping an image using ratios in the photo studio." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cropping-an-image-using-shapes" level="3">Cropping an image using shapes</h2></div><div data-component-type="text"><div>Crop an image to the shape of your choice. Choose a shape for your image and customize it to your liking.</div></div><div data-component-type="heading"><h2 id="" level="4">To crop an image using shapes:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the image on your page.</li>  <li>Click the <strong>Crop</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/31/7bd5b58b-c07a-4e1e-baca-348897451c60.png" />.</li>  <li>Click the <strong>Shape crop </strong>icon<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/11/07/c828e0c1-77ff-4c8f-ad96-017e1f3c6f09.png" />. </li>  <li>Choose what you want to do:
    <ul>
      <li>Select a shape for your image.</li>      <li>Drag the slider to zoom in or out of the image. </li>      <li>Click the <strong>Reset shape proportions </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/dc710a57-365b-438d-b3e5-4912c44b6863/08bb9b39-1bd7-4240-af60-10a0857a2ae1.png" /> to reset the shape to its original proportions.</li>      <li>Flip the shape horizontally <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/09/17/fcfcda94-1c27-4650-800c-006b3cae800e.png" /> or vertically <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/09/17/2c20b421-5243-4b90-a1f3-59754b201a67.png" />.</li>    </ul>  </li>  <li>Click <strong>Apply</strong> to save the crop.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/23/53eb9699-8a5f-493d-9b24-56ba9b535b15/5fc035fb-b411-4f7e-920b-610d7a845dd3.png" alt="A screenshot of cropping an image with a shape in the editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="removing-crop-from-an-image" level="3">Removing crop from an image</h2></div><div data-component-type="text"><div>Remove crop from an image to restore it to its original proportion and size.</div></div><div data-component-type="heading"><h2 id="" level="4">To remove the crop from an image:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the image on your page.</li>  <li>Click the <strong>Crop</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/31/7bd5b58b-c07a-4e1e-baca-348897451c60.png" />.</li>  <li>Click and drag the handles to the edge of the image.</li>  <li>Click <strong>Apply</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/23/f4aa2c87-dd1f-42cf-87e4-48cda3d69996/dc757acf-7de4-4180-b736-68b7c2657d37.gif" alt="A GIF of dragging handles to the edge of an image." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>If you have already cropped an image, the <strong>Crop</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/22/26a92796-6cc0-43e1-ad4b-9f9d2a441c6b/f95ac0a8-3dee-4203-9eca-8833270fb307.png" /> will be highlighted when you click the image in the editor.</div></div></div></div>

From Image Settings you can add a description (Alt text) to your image.To add your image text:
  Click the image.  Click the Settings icon .   Enter a description of the image under What's in the imag...

Wix Editor: Adding Alt Text / Tooltip to Your Image

<div data-component-type="text"><div>From <strong>Image Settings</strong> you can add a description (Alt text) to your image.</div></div><div data-component-type="heading"><h2 id="" level="3">To add your image text:</h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/148407b4-46a6-498c-a0c6-2c3056510bb0.png" />. </li>  <li>Enter a description of the image under <strong>What's in the image?</strong><br />
<strong>Note:</strong> This description provides visitors and search engines (such as Google) with information about your image.</li>  <li>Add the tooltip text under <strong>Does this image have a tooltip?</strong>.<br />
<strong>Note: </strong>This text appears when you hover over the image.</li></ol></div>

You may notice that static.wixstatic.com/media appears in the URL of an image. This appears, for example, when you right click an image and open in it in a new tab. Static.wixstatic.com/media is the s...

Wix Editor: Static.wixstatic.com/media Appears in URL of Wix Images

<div data-component-type="text"><div>You may notice that <strong>static.wixstatic.com/media</strong> appears in the URL of an image. This appears, for example, when you right click an image and open in it in a new tab. </div></div><div data-component-type="text"><div>Static.wixstatic.com/media is the server where Wix hosts all its images. It allows us to deliver these images to you and your users quickly and efficiently. Therefore, we do not recommend hosting your images using an external resource. </div></div><div data-component-type="text"><div>Please contact us if you or your users are experiencing difficulties accessing your Wix site's images.  </div></div>

Add stunning vector art to your site.Vector art images are digital illustrations or icons. They are created using vector illustration software, and bring life and color to your site. Our Vector art im...

Wix Editor: About Vector Art

<div data-component-type="text"><div>Add stunning vector art to your site.</div></div><div data-component-type="text"><div>Vector art images are digital illustrations or icons. They are created using vector illustration software, and bring life and color to your site. Our Vector art images are SVG files (Scalable Vector Graphics), which means you can resize your image without compromising its quality.</div></div><div data-component-type="text"><div>Choose from the hundreds of free options available at Wix, or upload your own. <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3Dnewaddpanel.decorative.featuredSection" target="_blank">Open the editor and add Vector art to your site</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/02/01/297d01e6-9edd-4db9-9cee-c04fbca74c20.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-vector-art" level="3">Adding vector art</h2></div><div data-component-type="text"><div>Vector art can be used for decorative purposes, or as a striking call-to-action.</div></div><div data-component-type="text"><div>When adding vector art to your site, you can either choose from the hundreds of free options available from Wix, or you can upload your own. Click an option below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Choose from the free options available from Wix</h4><div class="collapsible-content"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Vector Art</strong>.</li>  <li>Click or drag your chosen vector art to add it to your page.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/a28f1dc5-10bb-4748-93b2-c4557a631a89/f7a275d9-0e41-403a-b22c-f85af444b356.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Upload your own vector art</h4><div class="collapsible-content"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Media </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/72ea5778-19fa-4025-89f1-f760fc0abaec/b3704db3-5947-4a87-b2b2-02253096f1d0.png" /> on the left side of the editor.</li>  <li>Click the <strong>Upload Media </strong>icon <img data-composite="true" src="https://lh3.googleusercontent.com/G_5iGn3FqIhWY2HCdwNmDOmdMpHFUsk38-ywwhmW1mgMh83q2N397YR7ku5Corkpr7byNVY0dVR0w9FDiPGuzuEC8nHCcFu6_iKkgSR09XvzcGADwnuzlix3ZbOnsKq3cfxso6Ae" />.</li>  <li>Select your file(s) from your computer.</li>  <li>Click <strong>Open</strong>.</li>  <li>(Optional) Select the vector art and click <strong>Add to Page </strong>to add it to your site.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/4422547c-b636-4cf2-b0a3-678b51a231e3/23297d25-cc00-47f3-9069-67904778196f.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-vector-art" level="3">Designing vector art</h2></div><div data-component-type="text"><div>Begin designing your vector art to suit your site by clicking the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" />. You can customize many aspects of your vector art, including the colors, opacity, and shadow. </div></div><div data-component-type="text"><div>At Wix, vector art is categorized into four types based on its colors and shapes. The customization options shown will depend on the type of vector art that has been added to the site.</div></div><div data-component-type="text"><div>Click the options below to learn how to design each type.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Basic shapes</h4><div class="collapsible-content"><div>Basic shapes are a type of vector art that have one color. You can adjust this color and its opacity, as well as adding and customizing a border. After clicking the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" />, choose from one of the below options to customize:</div><div><br /></div><ul>
  <li><strong>Fill color:</strong> Choose the vector art's color and adjust its opacity using the slider.</li>  <li><strong>Border:</strong> Apply a border, and adjust its color, opacity, and width.</li>  <li><strong>Shadow:</strong> Apply a shadow, and adjust its angle, blur, color, opacity, and distance.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/14/f0adf698-4e75-40d4-b3c0-ba9435da70c5/6f96d952-79c3-45cf-aed5-d0e59a00a291.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vector art with one color</h4><div class="collapsible-content"><div>Some vector art (such as icons) only have one color. You can change and adjust this color, as well as adding and customizing a shadow. Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" /> and choose from the following options to customize:</div><div><br /></div><ul>
  <li><strong>Fill colors:</strong> Choose the vector art's color and adjust its opacity using the slider.</li>  <li><strong>Shadow: </strong>Apply a shadow, and adjust its angle, blur, color, opacity, and distance.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/6b82164c-1d64-4363-8ce2-23c566916943/3bbd9c1e-179a-411d-9ad1-a9a05ac3bd82.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vector art with 2-8 colors</h4><div class="collapsible-content"><div>These types of vector art are generally more detailed. Each color in the illustration can be changed, and you can also add and adjust a shadow. Simply click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" /><strong> </strong>and choose from the options below:</div><div><br /></div><ul>
  <li><strong>Fill colors:</strong> Choose the vector art's colors, and adjust its opacity using the slider.</li>  <li><strong>Shadow:</strong> Apply a shadow, and adjust its angle, blur, color, opacity, and distance.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/19/69ce314c-5f41-45e1-835b-7f0ea1a80b23/b503f454-7be1-47f0-86b5-b28a2f372404.png" /></div><div><br /></div><div><strong>Note:</strong> It is not possible to change the opacity separately for each color.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Vector art with greyscale</h4><div class="collapsible-content"><div>Vector art with greyscale generally contains different shades of the same color. If this color is changed, the whole tone will be affected. You can edit this and any other secondary colors in the art, as well as add and adjust a shadow. Simply click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" /><strong> </strong>and choose from the available options:<br />
</div><ul>
  <li><strong>Fill colors:</strong> Choose the vector art's colors, and adjust its opacity using the slider.</li>  <li><strong>Shadow:</strong> Apply a shadow, and adjust its angle, blur, color, opacity, and distance.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/14/67328d22-dc0b-403d-bf48-37948f966973/b58b3423-5ca9-4c77-aac7-fc050610ef37.png" /><br />
</div><div><br /></div><div><strong>Note: </strong>It is not possible to change the opacity separately for each color.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Vector art you upload is categorized into one of these four types, and the customization options are displayed accordingly. You cannot customize the colors of your vector art if we do not identify it as one of the types listed above.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-vector-art" level="3">Adding a link to your vector art</h2></div><div data-component-type="text"><div>Add a link to your vector art to create a button or call-to-action. You can link to many places, such as a page on your site, an external URL, or even a phone number. Adding a link is a great way to encourage interactivity from your site visitors, and create something that is both eye-catching and functional.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a link to your vector art:</h2></div><div data-component-type="text"><ol>
  <li>Select the vector art in your editor.</li>  <li>Click the <strong>Link</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/8zZfdpxqwt9lhV0e31WR3fVTZaAeF6how0CkEyDwW0xX4262TslqWaHFmxu4rZFjhipV1BNWlD1WnF23EBMNIe_amzYk8jsYqmkkCQV0CTmc2H4ab2qmodtGDFu8RGyKL4P475Ni" />.</li>  <li>Select the type of link you'd like to connect to the vector art from the list on the left.</li>  <li>Enter the relevant information.</li>  <li>Click <strong>Done.</strong></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/16/6c1def61-1d58-4d17-8202-3bbaabb05e5f/d6173305-b866-45ef-b241-841ceaa38cbd.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-animation-to-your-vector-art" level="3">Adding animation to your vector art</h2></div><div data-component-type="text"><div>Animation is a great way to bring vector art to life. With plenty of options available, you can create something fun and colorful. </div></div><div data-component-type="heading"><h2 id="" level="4">To add animation:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Animate</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/dKGtaU6C5TRiZKSdjJLOd8UlxGrp_ZMgv7IjkqWRpJUQqRcd4rpj3WfT15nGC3NoaWorlZHWX-WTBUhkic9RkOO9Us9AEgXGbZZV717B96iMJzWA9jQApj7hHmF-bJUOWXdfo5mz" />.</li>  <li>Select an animation.</li>  <li>Click <strong>Customize</strong> to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-an-animation#customizing-an-animation" target="">adjust its settings</a>. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/01/18/1bf7fcf2-0c31-4124-8b3f-329d8b852709/07fe6f5f-8098-4eb1-9af3-7e980ef958f5.gif" /></div></div>

You can edit any image you have uploaded in the editor by adding a frame, cropping your image using shape crop and more. However, the edited version of an image is not saved in the Media Manager so th...

Wix Editor: Editing an Image in the Editor or with Wix Photo Studio

<div data-component-type="text"><div>You can edit any image you have uploaded in the editor by<a data-composite="true" href="https://support.wix.com/en/article/wix-editor-editing-and-customizing-images#adding-and-customizing-image-frames" target=""> adding a frame</a>, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-cropping-an-image" target="">cropping your image using shape crop</a> and more. However, the edited version of an image is not saved in the Media Manager so that you can use the image again. </div></div><div data-component-type="text"><div>Instead, you can use the Wix Photo Studio in the Media Manager to create stunning images without leaving the editor. The Photo Studio allows you to edit images that you've uploaded to your site and save the edited version in your Media Manager. Add filters, rotate or crop an image and more with Wix Photo Studio.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Want to get started?</div><div class="info-content"><div><a href="https://support.wix.com/en/article/wix-media-accessing-wix-photo-studio">Access Wix Photo Studio</a></div></div></div></div>

Content protection is important, especially when it comes to intellectual property on your site.
Add a watermark while editing images in the Photo Studio, or enable it in your Photo Albums and the Art...

Protecting Your Site's Content

Customize your images to give your site a splash of personality and capture the attention of your visitors. Explore the range of tools available to create unique, eye catching images, specially design...

Wix Editor: Editing and Customizing Images

<div data-component-type="text"><div>Customize your images to give your site a splash of personality and capture the attention of your visitors. Explore the range of tools available to create unique, eye catching images, specially designed for your site. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-images" level="3">Resizing your images </h2></div><div data-component-type="text"><div>Resize images so they are displayed in the size you desire on your site. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can also <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-cropping-an-image" target="">crop your image</a> in a variety of ways. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To resize your images:</h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Drag the handles on the edges of the image to the size you want.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The image and shape stay at the original proportions when resized using the handles at each corner of the image. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/23/2133665c-f1f8-49a2-8cb4-fcc0fde215d1/03d79f5c-7ef3-4d25-bd4c-b90309ea81c2.png" alt="A screenshot of a selected image with the blue visual indicators showing the edges. Resize handles highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rotating-your-images" level="3">Rotating your images</h2></div><div data-component-type="text"><div>You can rotate your images with one click with the Wix Editor. </div></div><div data-component-type="heading"><h2 id="" level="4">To rotate your images:</h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Click the Rotate icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/29/a4f20a4f-55fb-4b8a-bac7-e46666fc5504/35a0eca1-4da5-49ab-92c6-6e273da72dc2.png" /> at the top left.</li>  <li>Drag the image to the desired angle.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/24/c0c49ab6-082f-4040-b640-0ded61cad76b/42db5f57-7600-4356-9be7-9aa557ecb4bc.gif" alt="Gif of selected image being rotated anticlockwise." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>You may find that your images are automatically rotated when you upload them to the Media Manager. This is because images taken with digital cameras have embedded metadata that relates to the orientation of the image. You can follow the steps above to rotate your images after you have uploaded them.</div>    </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-what-happens-when-an-image-is-clicked" level="3">Choosing what happens when an image is clicked</h2></div><div data-component-type="text"><div>Choose what happens when your site visitors click an image on your site. When clicked, your image can be magnified, open a link or open a popup.</div></div><div data-component-type="heading"><h2 id="" level="4">To set what happens when an image is clicked:</h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/528901c5-0294-4f98-a208-dd01fa5bc7a3.png" />.</li>  <li>Select an option from the <strong>When image is clicked </strong>drop-down:
    <ul>
      <li><strong>Nothing happens: </strong>Nothing happens when the image is clicked.</li>      <li><strong>A link opens: </strong>The image acts as a button and can be linked to a page, position or anchor on your site, an external URL, a document or an email address. Click <strong>Choose a link</strong> to set it up. </li>      <li><strong>It opens in a popup:</strong> The image opens in a pop-up window. The image is displayed in its original size on a dark overlay, with the image name underneath. Learn more about <a data-composite="true" href="https://support.wix.com/en/article/wix-media-organizing-the-files-in-your-media-manager#renaming-a-file-or-folder" target="">renaming your image</a>. </li>      <li><strong>It can be magnified: </strong>The cursor becomes a magnifying glass when a visitor hovers over the image. Clicking the image magnifies it.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/23/d4a8e69c-cfc3-40d7-969a-71d244aa55fc/68062d33-6450-4fe1-95ba-c263c38f68c4.png" alt="Screenshot of image and image settings panel. When an image is clicked drop down is highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="applying-filter-effects-to-images" level="3">Applying filter effects to images</h2></div><div data-component-type="text"><div>Choose from tons of stunning traditional filters like Sepia and Blur, or our unique filters such as Kennedy and Orca to add vibrant, visual appeal. </div></div><div data-component-type="heading"><h2 id="" level="4">To apply a filter to an image: </h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Click the Filters icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/03/31/57038a8d-9403-42c0-8255-4b42da4d76e6/550a1b83-fd1c-450e-a16c-0caddd41ea6d.png" />.</li>  <li>Click a filter to apply it to the image.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/24/21e3219f-5077-4df0-bd8b-6e50382957fd/4b5c58df-5b51-43d9-8e14-7686891b1fcd.png" alt="Filters icon selected, Choose a Filter panel showing filter options." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note: </div><div class="info-content"><div>Once you've applied a filter to an image, the Filters icon will turn green <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/30/bf65492a-a161-4708-a9dc-0bcf957bd184/84c459e8-4b85-4aa9-91d3-cbc3a54769c8.png" /> .</div><div>You can always click <strong>None </strong>in the panel<strong> </strong>to remove the filter, and revert the image back to the original.</div> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-and-customizing-image-frames" level="3">Adding and customizing image frames </h2></div><div data-component-type="text"><div>Make your image stand out by adding a customizable frame. With a variety of preset frames to choose from, change the color or choose a specific shadow to create the perfect frame for your image. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The available customization options depend on the frame design that you select.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To add and customize an image frame: </h2></div><div data-component-type="text"><ol>
  <li>Click the image.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/34da2ec1-ae08-498d-9b10-1d0bbde6fee2.png" />.</li>  <li>Select the frame design you like. </li>  <li>(Optional) Customize the design further:
    <ol>
      <li>Click <strong>Customize Design</strong>.</li>      <li>Choose what to do next:
        <ul>
          <li><strong>Frame preset: </strong>Choose a new preset at the top. These presets offer different shapes and effects to enhance the frame even more.  </li>          <li><strong>Fill Color &amp; Opacity:</strong> Select the frame's colors and opacity.</li>          <li><strong>Border:</strong> Design your frame's borders.</li>          <li><strong>Corners:</strong> Round your frame's corners.</li>          <li><strong>Shadow:</strong> Design a shadow for your frame.</li>        </ul>      </li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/30/263a7561-7979-44bf-af2f-4a28bef0e840/2c6d187b-fe50-411a-9e6b-ad4614b466db.png" alt="screemshot of image in wix editor with design settings selected, customizing the frame from the image frame design panel" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Some image designs have a Regular and Hover view. Click these tabs to customize them.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-an-image" level="3">Adding elements to an image </h2></div><div data-component-type="text"><div>Need to display text or other elements on an image? Attach them to a transparent container box that appears on top of the image.</div></div><div data-component-type="heading"><h2 id="" level="4">To add elements to an image in a container box: </h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the Editor.</li>  <li>Click <strong>Box</strong> and select the box you want to add.</li>  <li>Drag the container box onto the relevant image to attach it.<br />
<strong>Note:</strong> Make sure the container box is the same size or bigger than the image. </li>  <li>Make the container box transparent:
    <ol>
      <li>Click <strong>Change Design</strong>.</li>      <li>Click <strong>Customize Design</strong>.</li>      <li>Click <strong>Fill Color &amp; Opacity</strong> and drag the <strong>Background</strong> slider to 0% so that the box cannot be seen.</li>    </ol>  </li>  <li>Drag the relevant elements onto the container box to attach them.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip: </div><div class="info-content"><div>Move this group of elements around by clicking the transparent container box and dragging them to the desired position. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/24/7f29c833-0d24-4085-b139-6d7fbbfab09d/d4c388d3-3d66-4b5f-a9d9-3743c521228b.gif" alt="Gif of container box being added with text box being attached to image with text and image then moving as one." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Will any changes I make to my image be reflected in the Media Manager?</h4><div class="collapsible-content"><div>If you edit an image in the editor, your changes are not saved in the Media Manager. Head to the <a data-composite="true" href="https://support.wix.com/en/article/the-wix-photo-studio" target="">Wix Photo Studio</a> to open your original file, edit the image and save it.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I am having issues with my images, is there any troubleshooting steps I can try? </h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-image-issues" target="">This article</a> will walk you through some of the initial troubleshooting steps we recommend. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I added a frame to my image, how can I remove it? </h4><div class="collapsible-content"><div>To remove the frame:<br />
</div><ol>
  <li>Click the image in your editor.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/26/00e99ef2-a6f5-4d81-907d-2d70ef6637b2.png" />.</li>  <li>Click the <strong>No Frame</strong> option.</li></ol></div></div></div>

Currently, it is not possible to hide or edit the media loader bar that appears on your site when certain media items are loading (e.g. galleries, pictures and videos).We are always working to update ...

Wix Editor Request: Changing or Hiding the Loading Bar

<div data-component-type="text"><div>Currently, it is not possible to hide or edit the media loader bar that appears on your site when certain media items are loading (e.g. galleries, pictures and videos).</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, Wix does not support Retina display.The Wix Editor automatically optimizes images uploaded to a Wix site, taking both site loading time and image quality into consideration.We are always wo...

Wix Editor Request: Supporting Retina Display

<div data-component-type="text"><div>Currently, Wix does not support Retina display.</div></div><div data-component-type="text"><div>The Wix Editor automatically optimizes images uploaded to a Wix site, taking both site loading time and image quality into consideration.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Currently, it is not possible to use Photoshop within the Wix Editor. However, you can upload images that you have edited in Photoshop.Wix also offers an Image Editing tool in the Wix Editor.To edit a...

Wix Editor Request: Using Photoshop with Wix Sites

<div data-component-type="text"><div>Currently, it is not possible to use Photoshop within the Wix Editor. However, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-uploading-your-own-images" target="">upload images</a> that you have edited in Photoshop.</div></div><div data-component-type="text"><div>Wix also offers an Image Editing tool in the Wix Editor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="" level="3">To edit an image:</h2></div><div data-component-type="text"><ol>
 <li>Click the image to select it.</li>
 <li> Click the <strong>Crop &amp; Edit</strong> <img src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/07/70652377-60d7-4650-9e60-fbee03d4fec7.png" /> icon.</li>
 <li>Edit your image by selecting the available editing tools.</li>
 <li>Click <strong>Apply</strong>.</li>
 <li>Click <strong>Save</strong>. </li>
</ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

We currently have a variety of country flag icons and images available in the Media from Wix library. Just search for your flag using the search bar. If your country's flag is missing, submit a ticket...

Wix Editor Request: Additional Country Flag Icons and Images (Free from Wix)

<div data-component-type="text"><div>We currently have a variety of country flag icons and images available in the Media from Wix library. Just search for your flag using the search bar. </div></div><div data-component-type="text"><div>If your country's flag is missing, submit a ticket to request it. </div></div><div data-component-type="text"><div>In the meantime, you are welcome to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-uploading-your-own-images" target="">upload</a> your country's flag icon as an image.</div></div>

Wix automatically optimizes your images for both site loading time and image quality. Currently, it is not possible to disable this optimization.Tip:Click here for information about the recommended fi...

Wix Editor Request: Disabling the Image Optimization Done by Wix

<div data-component-type="text"><p>Wix automatically optimizes your images for both site loading time and image quality. Currently, it is not possible to disable this optimization.</p></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Click <a href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes">here</a> for information about the recommended file types and sizes.</div></div></div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.<br /></p></div>

Videos are a great way to engage your visitors and tell your brand's story. Wix makes it easy to showcase your content, embed from social media and add stunning video-based design elements.Check out t...

Wix Editor: Adding Videos to Your Wix Site

<div data-component-type="text"><div>Videos are a great way to engage your visitors and tell your brand's story. Wix makes it easy to showcase your content, embed from social media and add stunning video-based design elements.</div></div><div data-component-type="text"><div>Check out these options to get started:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add one video with the Single Video Player</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/single-video-player-adding-and-setting-up-the-single-video-player" target="">The Single Video Player</a> is just that - a no frills player showcasing one video. Upload your own video (up to 1GB) or add a video from a social network by copying and pasting the link.<br />
<br />
The player is resizable and you can customize the settings and frame.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Get advanced features with Wix Video</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-video-displaying-videos-on-your-site" target="">Wix Video</a> gives you everything you need to showcase video content on your site.</div><ul>
  <li>Upload your own videos (up to 15 GB per file).</li>  <li>Organize your videos into channels or display standalone videos.</li>  <li>Easily share to and from social media platforms like YouTube, Vimeo and Facebook.</li>  <li>Sell and rent your videos - commission free!</li>  <li>Allow fans to comment on and download your videos.</li>  <li>Track your revenue and statistics.</li></ul><div>Plus, all of the video player layouts are fully customizable to fit the look and feel of your site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Use a page video background</h4><div class="collapsible-content"><div>Create a truly captivating site experience with a video background. There are two ways:</div><ol>
  <li>To learn how to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-video-to-your-page-background" target="">use a free video from Wix</a> as your background.</li>  <li>To learn how to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-uploading-your-own-video-page-background" target="">upload your own video</a> for your background.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add a full-width video strip</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-strip-background#adding-a-video-to-your-strip-background" target="">A video strip</a> is a design element that automatically stretches a video to fit across your screen. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add a VideoBox</h4><div class="collapsible-content"><div>Use the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-videoboxes" target="">VideoBox</a> to display your videos with creative frames and graphic overlays.</div></div></div></div>

Create a strong impression and pique your visitors' curiosity with visually impactful content. Showcase your own videos, free Wix videos, or professional Shutterstock videos in one of our unique Video...

Wix Editor: Using VideoBoxes

<div data-component-type="text"><div>Create a strong impression and pique your visitors' curiosity with visually impactful content. Showcase your own videos, free Wix videos, or professional Shutterstock videos in one of our unique VideoBoxes.</div></div><div data-component-type="text"><div>First, choose the VideoBox design that you like, add your video, and then start customizing it. You can design the shape and border of your box, add a cool overlay pattern or dynamic video mask, customize the play button and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/07/30/5b444576-720f-4c98-90ec-2803f4241558/0aa19752-082d-407d-b115-5537201f19ad.gif" alt="Gif of 3 videoboxes, each displaying vibrant color and graphics." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-videobox" level="3">Adding a VideoBox</h2></div><div data-component-type="text"><div>Start off by choosing a VideoBox design from the Add Elements panel to add to your site. Hover over a VideoBox to see its effects in motion. Once added to your site, you can either keep the existing video or choose a different one from the Media Manager.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a VideoBox:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Video &amp; Music.</strong></li>  <li>Click <strong>VideoBox</strong>.</li>  <li>Click or drag a VideoBox onto your page. <br />
<strong>Tip:</strong> Click <strong>More Videos </strong>to choose one from the Media Manager, or upload your own.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/fe6818c3-74a8-461c-a29b-3bc9c99e9488/ace1a86e-fda3-4fee-bddc-04d0107d0b12.png" alt="screenshot of the add elements panel in the wix editor. video and music is selected, with video options being displayed." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-a-video" level="3">Choosing a Video</h2></div><div data-component-type="text"><div>Once you have added your VideoBox, it's time to choose your video from the Media Manager. We have tons to choose from; you can add a free Wix video, purchase a Shutterstock video, or even upload your own.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the video displayed on your Videobox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in your editor.</li>  <li>Click <strong>Change Video</strong>.</li>  <li>Browse through the Media from Wix library, the Shutterstock library, or click <strong>Upload Media</strong> to add your own.</li>  <li>Once you have chosen your video, click <strong>Add to Page</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/05/a6c89707-a1f3-4d8e-aac5-47ab82b04c67/2a79cd73-a730-429f-9c40-57a22429096f.png" alt="screenshot of the free media available from wix within the media manager." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-behavior-of-your-videobox" level="3">Changing the Behavior of Your VideoBox</h2></div><div data-component-type="text"><div>Set how your VideoBox behaves by customizing the play, pause and loop settings as well as the sound behaviors. Play around with the options to see which you think will improve engagement and visitor interaction on your site.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the behavior of your Videobox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in your editor.</li>  <li>Click the <strong>Behaviors</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/07/29/8eeddf1f-47a8-4095-a8a8-c5838df07d5b/5d3dc9b5-5a44-458b-a9df-c8916c04510c.png" />.</li>  <li>Customize the different play and sound behaviors:
    <ul>
      <li>Choose whether your video starts on click, on hover or automatically.</li>      <li>Decide if visitors should be able to pause the video. </li>      <li>Make your video loop continuously or replay on click. </li>      <li>Make your video play in slow motion or with sound. <br />
<strong>Tip: </strong>These options are only available for videos that were recorded in slow motion and/or with sound. Many videos offered by Wix includes slo-mo or sound.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/05/8a7b9b69-e1aa-42e3-8b16-d55ccca2a822/745781cb-c4de-4ed4-8d46-ffd632193aa0.png" alt="screenshot of the video behaviors panel, displaying options like what happens when the video ends." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Most internet browsers only allow videos to autoplay when the sound is muted. If your VideoBox is set to play automatically, the video plays without sound.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-play-button" level="3">Customizing Your Play Button</h2></div><div data-component-type="text"><div>If you set your video to start on click, a Play button is displayed so visitors can play and stop as they please. You can choose the play button you want from the preset designs and change its color and opacity as needed.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the play button of your Videobox:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Big Play Button</strong> on your video.</li>  <li>Click <strong>Change Big Play Button</strong>.</li>  <li>Select a new design from the list, or click <strong>Customize Design</strong> to adjust the color and opacity of your play button.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/05/8bb4ee55-be0d-4e87-ba2e-8d22e4d1cd62/c27f5f05-43b8-4d2d-b81d-6a00614dfff0.png" alt="screenshot of the big play button selected in the wix editor. change big play button selected, displaying different buttons." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-your-videobox" level="3">Designing Your VideoBox</h2></div><div data-component-type="text"><div>This is where you can really make your VideoBox your own. Choose a cover image, border and shadow, and apply a pattern overlay to create a unique effect. There are many patterns to choose from to match your particular style. </div></div><div data-component-type="text"><div>Play around with the design options to see what fits your site's intent best.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the design of your Videobox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in your editor.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/03/04/e4f28f1e-ba2f-4b7c-b1e1-6d30add4af3e.png" />.</li>  <li>Customize your VideoBox's design: Choose a cover image, select a pattern overlay and adjust the contour and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-the-design-of-your-videobox" target="">more</a>. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/02/797398ee-8aaa-4e98-b6a9-0403286d14d7/90ce1a45-8f3a-40c1-9268-df11b4bc0eb2.gif" alt="gif of videobox design panel opened with mouse hovering over different designs" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="shaping-your-videobox-with-a-mask" level="3">Shaping Your VideoBox with a Mask</h2></div><div data-component-type="text"><div>Using VideoBox, your video is no longer confined to the traditional rectangular format. You can apply a <a href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-video-mask" target="">video mask</a> to cut out your video into a unique shape and create an impressive visual effect. </div></div><div data-component-type="text"><div>There are thousands of shapes and vector art for you to choose from, and you can also upload your own SVG file with a custom shape.</div></div><div data-component-type="heading"><h2 id="" level="4">To apply a mask to your Videobox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in your editor.</li>  <li>Click the <strong>Mask</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/02/cee124b8-5a20-4ce6-b4b0-45f4f809662f/1a1a9cce-48e4-4553-ad08-6e528dd5293f.png" />.</li>  <li>Choose a shape for your VideoBox in one of the following ways:
    <ul>
      <li>Select a shape from the list. </li>      <li>Click the <strong>Add</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/d3dc2021-84f6-49e6-be02-658368c627d9/03eef32c-2c0d-4b07-85e9-f54ca8f9aa50.png" /> to view more shapes and vector art in the Media Manager. You can also upload your own SVG file from here.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/13/a26e42f4-f193-4dd5-97fc-e1a9d2f6dcc9/40c710fa-63de-44bf-8096-bbcf78b455f5.gif" alt="gif of mask icon selected, mask panel open with mouse hovering over different mask effects." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why is my video not playing on my live site?</h4><div class="collapsible-content"><div>You or your visitors may notice that elements that contain motion (such as animation effects and transparent videos) do not play on your Wix live site - on both mobile and desktop. </div><div><br /></div><div>This is because some operating systems contain a Reduced Motion feature, which disables animations and videos from playing in the browser. </div><div><br /></div><div>Reduced Motion is an accessibility feature, which means its primary use is to allow visitors with disabilities or impairments to visit your site.<br />
</div><div>Click the relevant device from the list below to learn how to disable Reduced Motion.</div><ul>
  <li><a data-composite="true" href="https://support.apple.com/en-us/HT202655" target="_blank">iPhone and iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/en-il/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.office.com/en-us/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a></li></ul><div><br /></div><div><strong>Note:</strong> Reduced Motion is also automatically enabled for some mobile devices in low battery / power saving mode.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I have set my video to autoplay, but there's no sound. Why?</h4><div class="collapsible-content"><div>Most internet browsers only allow videos to autoplay when the sound is muted. If your VideoBox is set to play automatically, the video plays without sound.<br />
<br />
<strong>The following browsers no longer support autoplay:</strong></div><ul>
  <li>Safari 11 and later versions (on MacOS and iOS)</li>  <li>Chrome 61 and later versions (desktop and mobile)</li>  <li>Firefox 66 and later versions (desktop and mobile)</li></ul></div></div></div>

Make your VideoBox entirely your own by tweaking its design. Choose a cover image, add a border, apply a graphic pattern overlay, add shadows and more. You can even maximize your VideoBox's impact by ...

Wix Editor: Customizing the Design of Your VideoBox

<div data-component-type="text"><div>Make your VideoBox entirely your own by tweaking its design. Choose a cover image, add a border, apply a graphic pattern overlay, add shadows and more. You can even maximize your VideoBox's impact by adding one of our unique video masks. </div></div><div data-component-type="text"><div>Additionally, if you set your video to play on click, then a play button is displayed on the video. You can choose the play button you want from the preset designs and change its color.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want additional videos on your site? </div><div class="info-content"><div><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3Dnewaddpanel.media.videoboxSection" target="_blank">Open the editor and add a VideoBox</a></div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/06/95d91adf-6e02-4461-b7c3-c0936279e28c/df3de1e5-8833-4b47-a4dd-0d8baca283df.gif" alt="gif of flowing color video with text mask applied over it." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-videobox-design" level="3">Customizing your VideoBox design</h2></div><div data-component-type="text"><div>Enjoy the creative freedom of customizing design aspects of your VideoBox like choosing a cover image, adding dynamic pattern overlays, framing your VideoBox with borders / shadows and more.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the design of your VideoBox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox on your site.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/03/04/e4f28f1e-ba2f-4b7c-b1e1-6d30add4af3e.png" />.</li>  <li>Customize the design of your VideoBox using the options available.</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tell me more</h4><div class="collapsible-content"><div>Choose what you want to customize:</div><ul>
  <li><strong>Cover Image:</strong> Choose a cover image for your video. Your site visitors see this image before the video plays and on mobile. Choose from one of the options or upload your own. </li>  <li><strong>Pattern Overlay: </strong>Add a cool pattern overlay to your video. Select a pattern from the designs.</li>  <li><strong>Contour:</strong> Curve the corners of your VideoBox:
    <ol>
      <li>Enable the <strong>Apply Contour</strong> toggle to customize the corners.</li>      <li>Enter a value on the corners.</li>    </ol>  </li>  <li><strong>Border: </strong>Add and customize a border for your VideoBox:
    <ol>
      <li>Click the <strong>Apply Border </strong>toggle to add a border.</li>      <li>Customize your border:
        <ul>
          <li><strong>Opacity &amp; Color: </strong>Click the color box to select the border color and drag the slider to increase or decrease the opacity.</li>          <li><strong>Width:</strong> Drag the slider to make your border thicker or thinner.</li>        </ul>      </li>    </ol>  </li>  <li><strong>Shadow:</strong> Add and customize a shadow for your VideoBox:
    <ol>
      <li>Click the <strong>Enable Shadow </strong>toggle to add a shadow.</li>      <li>Customize your shadow using the options:
        <ul>
          <li><strong>Angle: </strong>Select the shadow angle.</li>          <li><strong>Distance: </strong>Drag the slider to increase or decrease the distance of the shadow.</li>          <li><strong>Size: </strong>Drag the slider to increase or decrease the size of the shadow.</li>          <li><strong>Blur: </strong>Drag the slider to increase or decrease the shadow blur.</li>          <li><strong>Opacity &amp; Color: </strong>Click the color box and select the shadow color and drag the slider to increase or decrease the shadow opacity.</li>        </ul>      </li>    </ol>  </li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/06/41e87400-4d9a-44d5-a698-845a3c2a1ece/4b5975ee-9bf0-4cd9-a457-727db897787e.png" alt="screenshot of design icon clicked and range of different design options being displayed." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-your-play-button" level="3">Designing your play button</h2></div><div data-component-type="text"><div>When you set your video to play when clicked, a play button is displayed. You can customize this button by choosing from a wide range of preset play button designs and tweaking its color(s) and transparency.</div></div><div data-component-type="heading"><h2 id="" level="4">To design your play button:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Big Play Button</strong> on your VideoBox.</li>  <li>Click <strong>Change Big Play Button</strong>.</li>  <li>Select a button design.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li> Customize your play button:
    <ul>
      <li>Click the color box(es) to select the colors of your button.</li>      <li>Drag the slider to increase or decrease the play button opacity.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/06/82d09f3f-26d7-44da-971d-b19ed9048916/f92f77c6-b699-4040-84fd-3beb3513bd4f.png" alt="Change Big Play Button selected in wix editor, range of different play buttons displayed in panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="applying-a-video-mask" level="3">Applying a video mask</h2></div><div data-component-type="text"><div>Present your video as uniquely as possible by playing it in any shape you can imagine. Apply a mask to your VideoBox so that it plays through a striking frame. Choose from a huge range of frame shapes and adjust the look to fit your needs. </div></div><div data-component-type="heading"><h2 id="" level="4">To add a video mask:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in the editor.</li>  <li>Click the <strong>Mask </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/02/10/1eb988a0-48a0-4fee-a61f-d1c005e9429f/ec7dc613-a95a-4e7f-8449-940dfd769c1b.png" />.</li>  <li>Add a mask by doing one of the following: 
    <ul>
      <li><strong>Select a preset</strong>: Choose one of the preset shapes. </li>      <li><strong>Use a Wix vector art</strong>: Click <strong>Add + </strong>to select from any of the hundreds of shapes in the Wix Vector Art library.</li>      <li><strong>Add your own vector art</strong>: Click <strong>Add + </strong>and click <strong>Upload Media</strong> to upload your own vector art.</li>    </ul>  </li>  <li>(Optional) Adjust the look of your VideoBox mask by doing one of the following:
    <ul>
      <li><strong>Resize the image</strong>: Drag the corners or sides of the image to adjust the size.</li>      <li><strong>Flip the VideoBox</strong>: Right-click the VideoBox to <strong>Flip Horizontal</strong> or <strong>Flip Vertical</strong>.</li>      <li><strong>Rotate the VideoBox</strong>: Click and hold the <strong>Rotate </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/aedc2cfe-4fb1-4731-993b-acdd541b9d98.png" /> icon on the top left.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/06/872d7116-1050-4485-8b98-a6581fffe61b/ef4b3e6c-61d1-42eb-a9f0-f37fbe9406dc.gif" alt="Gif of video mask applied over video of woman running." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Note:</div><div class="info-content"><div>VideoBox videos do not play on your mobile-friendly site. Your cover image as well as any design changes (pattern overlay, contour, border and shadow) you made to your VideoBox are displayed instead of the video.</div></div></div></div>

Set your website apart and wow your visitors by adding or uploading your own videos with transparent backgrounds, and placing them anywhere on your site.Transparent videos let you create beautiful, dy...

Wix Editor: Adding and Setting Up a Transparent Video

<div data-component-type="text"><div>Set your website apart and wow your visitors by adding or uploading your own videos with transparent backgrounds, and placing them anywhere on your site.</div></div><div data-component-type="text"><div>Transparent videos let you create beautiful, dynamic effects that make a huge impact on your site. The video background is invisible, allowing you to stack videos and create amazing visuals that jump right off the page. Customize the design, behavior, and colors of your video to suit your needs.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/19/e4a6e9d4-c7c9-45c1-ad7e-34f623d93c88/6f1f606a-9cf4-4c78-9032-53020f061802.gif" alt="gif of transparent video, displaying vibrant colors and graphic images." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-transparent-video" level="3">Adding a transparent video</h2></div><div data-component-type="text"><div>We have a huge range of eye-catching transparent videos ready for you to add to your site. You can add a video from the Decorative and Video &amp; Music panels in the editor. Choose a video from the Wix libraries or even upload one of your own.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a transparent video:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Decorative </strong>or <strong>Video &amp; Music</strong>.</li>  <li>Click <strong>Transparent Video</strong> (scroll down and click <strong>More Transparent Videos </strong>to see the full menu).</li>  <li>Click or drag a video onto your website and position it wherever you like.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/19/b9c26748-d823-4e02-a302-5cbb532e8a95/5f079769-b728-4933-b0ea-b642e4122722.gif" alt="Gif of Coming Soon video on Wix site." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Click <strong>Preview </strong>on the top of your editor to see your video in action.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note for mobile-friendly sites:</div><div class="info-content"><div>Transparent videos cannot be resized lower than 240P.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="uploading-your-own-transparent-video" level="3">Uploading your own transparent video</h2></div><div data-component-type="text"><div>Upload your own transparent videos to your site. Videos created with an alpha channel automatically play with a transparent background on any browser or device - no need to do anything else.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/87a7f4fd-2629-46b2-a871-5a66461d3fbb/a940b8f7-23f7-4aac-86fc-7bf30a353c2d.png" alt="screenshot of media panel in wix editor. upload your media button highlighted." /></div></div><div data-component-type="heading"><h2 id="" level="4">To upload a transparent video:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Media</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/de267c73-65d3-4fb6-a602-6f14937f4a15/6877854c-d292-4bf5-9dea-ee7d4e17f2a0.png" /> on the left side of the editor.</li>  <li>Click the <strong>Upload Media</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/cf754ee8-d355-4146-8364-3c1991752642/8af855cc-3e41-47c6-a6fe-0c916a85ccd2.png" /> icon.</li>  <li>Click <strong>Upload from Computer </strong>(or choose another location on the left to upload from).</li>  <li>Select the video you want to upload.</li>  <li>Click<strong> Add to Page</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-behavior-of-your-transparent-video" level="3">Changing the behavior of your transparent video</h2></div><div data-component-type="text"><div>Choose how videos play, pause or loop - automatically, with a click or when a visitor hovers over it. These settings can influence visitor engagement and interaction on your site.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/18/b54d7ae6-e133-4924-8627-6186cceffb0e/60f0d655-20f0-4b9b-93f8-72a2a5550ed1.png" alt="screenshot of change behaviors panel selected in the wix editor. displaying options like what happens when it ends." /></div></div><div data-component-type="heading"><h2 id="" level="4">To change the behavior of your transparent video</h2></div><div data-component-type="text"><ol>
  <li>Click the transparent video in your editor.</li>  <li>Click the <strong>Behaviors</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/07/29/8eeddf1f-47a8-4095-a8a8-c5838df07d5b/5d3dc9b5-5a44-458b-a9df-c8916c04510c.png" />.</li>  <li>Customize the play, paused and loop settings.</li>  <li>Click the play in slo-mo toggle to enable your video to play in slow motion.<br />
<strong>Note:</strong> This option is not available if your video wasn't captured in slow motion.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why is my transparent video not playing on my live site?</h4><div class="collapsible-content"><div>You or your visitors may notice that elements that contain motion (such as animation effects and transparent videos) do not play on your Wix live site - on both mobile and desktop. </div><div><br /></div><div>This is because some operating systems contain a Reduced Motion feature, which disables animations and videos from playing in the browser. </div><div><br /></div><div>Reduced Motion is an accessibility feature, which means its primary use is to allow visitors with disabilities or impairments to visit your site.<br />
</div><div>Click the relevant device from the list below to learn how to disable Reduced Motion.</div><ul>
  <li><a data-composite="true" href="https://support.apple.com/en-us/HT202655" target="_blank">iPhone and iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/en-il/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.office.com/en-us/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a></li></ul><div><br /></div><div><strong>Note:</strong> Reduced Motion is also automatically enabled for some mobile devices in low battery / power saving mode.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What types of transparent videos can I add to my site?</h4><div class="collapsible-content"><div>You can either upload transparent videos offered by media stock sites, or create your own using video editing tools (such as Adobe AE, Premier and more). Here is a list of <a data-composite="true" href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes" target="">supported file types.</a> </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize the design of my transparent video? </h4><div class="collapsible-content"><div>Absolutely. You can video's colors, enlarge or shrink the video, and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-the-design-of-your-transparent-videos" target="">much more</a>. </div></div></div></div>

After you've added a transparent video to your site, customize its design to rhyme it in with your site's color palette and visual story. Change the video's colors, enlarge or shrink the video, decide...

Wix Editor: Customizing the Design of Your Transparent Videos

<div data-component-type="text"><div>After you've <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-transparent-video" target="">added a transparent video to your site</a>, customize its design to rhyme it in with your site's color palette and visual story. Change the video's colors, enlarge or shrink the video, decide how and when the video plays and stops, and even customize the play button if you choose to display one.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/25/a99a4e04-ce80-4c68-982f-85c80be43053/6e7752cb-a1b7-45e1-b3de-029846d456a7.gif" alt="Gif of transparent video advert for a floral boutique. The gif shows two vases of flowers and a colorful bird." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-videos-design" level="3">Customizing your video's design</h2></div><div data-component-type="text"><div>Pick a cover image for your video which visitors see before the video starts to play. You can choose to add a fade-out effect that applies when the video finishes playing. Flip and rotate videos and place them anywhere you want to fit the design of your site.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/25/d3ccb9e5-1cea-42ba-8ebf-e46df99fc7ab/9d892e80-b790-4d05-8d19-cf6616172916.gif" alt="Gif of mouse selecting and navigating through video design and setting options." /></div></div><div data-component-type="text"><div>Click an option below to learn more:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Change my video's cover image</h4><div class="collapsible-content"><div><br /></div><div>Viewers see your cover image before the video starts playing. Choose from a preset cover image or add your own.</div><div><br /></div><div><strong>To change your video's cover image:</strong></div><ol>
  <li>Click the transparent video in your editor.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/03/04/e4f28f1e-ba2f-4b7c-b1e1-6d30add4af3e.png" />.</li>  <li>Click the <strong>Cover Image</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/95b5974f-65b2-469b-99a8-9227d3c38e88/5199ba8f-fcb7-4d62-8061-28afda719962.png" />.</li>  <li>Select one of the preset cover images or add your own by clicking the <strong>Add</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/aee8ce20-3765-4bd5-8846-37da0b8a7066/23f1df14-692f-409e-a5c5-c2d33c6bfc7d.png" />.</li>  <li>Click the <strong>Fade out</strong> toggle to enable the fade-out effect.<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/681a3343-5180-40de-b910-4a3dc78a3c2d/624120e8-ea2d-4559-8f18-6c2e44d0ec8c.png" /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Flip, duplicate and rotate videos</h4><div class="collapsible-content"><div><br /></div><div>To rotate a video click and drag the <strong>Rotate</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/18/06e5cf6f-d261-40da-a1f1-ca75777b642e/aeb5043b-6e06-41d8-befc-49a237c8637d.png" /> at the top-left of the video. To flip the video, right-click the video and click <strong>Flip Horizontal</strong> / <strong>Flip Vertical.<br />
</strong></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/d33f93da-6678-4bee-9dfa-9ffdbaa32265/104be806-fe60-4e34-8b15-9b1e6a63861f.png" /><br />
</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div> You can also flip your VideoBox both horizontally and vertically using right-click.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-videos-colors" level="3">Customizing your video's colors</h2></div><div data-component-type="text"><div>Personalize your transparent videos with unlimited custom coloring options. Choose from preset color templates or create a custom template specific to your needs.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize your video's colors:</h2></div><div data-component-type="text"><ol>
  <li>Click the transparent video in your editor.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/03/04/e4f28f1e-ba2f-4b7c-b1e1-6d30add4af3e.png" />.</li>  <li>Click the <strong>Color</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/10/cdd376f7-b57e-448a-962f-822205dd4877/a3a96e69-ffdf-4066-8568-b3a75318489d.png" />.</li>  <li>Click to enable the <strong>Recolor video </strong>toggle.</li>  <li>Select a color preset, or click the <strong>Customize</strong> icon on the custom preset and change the colors.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/18/3132fcda-1db6-4116-820e-8cb1a5d6809f/7a5bf698-0936-436c-bafd-e4aee5cc288b.gif" alt="Gif of recolor video toggle being enabled with custom design options being edited." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-play-button" level="3">Customizing the play button</h2></div><div data-component-type="text"><div>If you set your video to play on click, then a play button is displayed on the video. You can choose the play button you like best from the preset designs, and change the color to suit your transparent video's theme.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the play button:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Big Play Button</strong> on your video.</li>  <li>Click <strong>Change Big Play Button</strong>.</li>  <li>Select a design.</li>  <li>Click <strong>Customize Design</strong> to change the color and opacity:
    <ul>
      <li>Click the color box(es) to select the colors of your button.</li>      <li>Drag the slider to increase or decrease the play button opacity.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>If you don't want to display a play button on your video, set the opacity to 0.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/05/18/ae694236-55bc-41e6-a01f-d0a78c88db3a/0e201317-d45c-4236-ac98-5bb898b534a3.png" alt="screenshot of doughnut as video with play button in center. change play button selected, with button options displayed." /></div></div>

Give your VideoBox a unique shape and create a striking visual effect using video masks. Choose from thousands of shapes and vector art offered by Wix, or upload a shape of your own to cut out your vi...

Wix Editor: Adding and Setting Up a Video Mask

<div data-component-type="text"><div>Give your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-videoboxes" target="">VideoBox</a> a unique shape and create a striking visual effect using video masks. Choose from thousands of shapes and vector art offered by Wix, or upload a shape of your own to cut out your video.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/13/8ac6710d-9c8e-4c98-8b02-99d005158796/027ab7ed-62e1-4c9c-859b-9cc2a51dde30.gif" alt="gif of art for digital art exhibition using a video mask." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-videobox-or-a-video-mask" level="3">Step 1 | Add a VideoBox or a Video Mask</h2></div><div data-component-type="text"><div>To get started, open the Add Elements panel and select a video from the <strong>VideoBox</strong> / <strong>Video Mask</strong> section. You can click <strong>More Videos</strong> to view hundreds of videos offered by Wix, or upload a video of your own.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/1c5bcf00-646a-487e-8cc0-0e3854ef9e1a/fd87a984-34f6-4ae8-a90c-53d11d0a37d3.png" alt="screenshot of the add elements panel, with video and music selected." /></div></div><div data-component-type="heading"><h2 id="" level="4">To add a VideoBox:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Video &amp; Music</strong>.</li>  <li>Add a video to your page in one of the following ways:
    <ul>
      <li>Drag a video to your page from the <strong>VideoBox/ Video Mask</strong> section.</li>      <li>Click <strong>More Videos</strong> to view more videos offered by Wix, or upload your own from the Media Manager. </li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>The VideoBox and Video Mask suggestions in the Add Elements panel are fully customizable. You can change the video, choose a different mask, adjust the design and behavior as needed. </li>  <li>You can also add a Video Mask directly to your site by <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3Dnewaddpanel.media.videoBoxMaskedSection" target="_blank">clicking here</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-select-a-mask-for-your-videobox" level="3">Step 2 | Select a Mask for Your VideoBox</h2></div><div data-component-type="text"><div>After adding a VideoBox, apply a mask to cut it into a cool shape. Choose one from the list or click the  <img data-composite="true" src="https://lh5.googleusercontent.com/za_p26OXwpgO9IcXLUiR3q4J3W8qZTTCQcyEhXCCytuxD-Ow10lw9Br4W85G3ZIgA84ZtoUsQX_DYP5f0acTAUtW7fAMOptDyGmaglu0862viz_CVzcCzEfc89BQ-m1Tb5soR6fr" />  icon to see more suggestions. Wix offers loads of shapes in different styles and themes, some are geometric (e.g., square, triangle, diamond) and others completely abstract.</div></div><div data-component-type="text"><div>In addition to the shapes, you can use any <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-vector-art" target="">vector art</a> illustration to mask your video, or even your own SVG file to give it a brand new look.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/13/310ab835-3a0d-4d84-b8df-3d885a6860eb/5c2c5d8d-6dfa-474b-9c1f-2fb01a095a51.gif" alt="gif of mouse hobering over different mask options in wix editor." /></div></div><div data-component-type="heading"><h2 id="" level="4">To add a mask to your VideoBox:</h2></div><div data-component-type="text"><ol>
  <li>Click your VideoBox in your editor.</li>  <li>Click the <strong>Mask</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/a020d66c-ae54-47f8-bc32-81b325519ce1/c1daa100-48c2-4957-b0e8-4972aaaba85e.png" />.</li>  <li>Choose a shape for your VideoBox in one of the following ways:
    <ul>
      <li>Select a shape from the list. </li>      <li>Click the <strong>Add </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/d3dc2021-84f6-49e6-be02-658368c627d9/03eef32c-2c0d-4b07-85e9-f54ca8f9aa50.png" /> to view more shapes and vector art in the Media Manager. You can also upload your own SVG file from here. </li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Need a different video?</div><div class="info-content"><div>Click your VideoBox and click <strong>Change Video</strong> to access the Media Manager. You can choose a free video offered by Wix or use a video from your site files.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-your-videobox" level="3">Step 3 | Customize Your VideoBox</h2></div><div data-component-type="text"><div>After masking your VideoBox, use the available settings to customize it further. Add shadow or a pattern overlay, pick a cover image and design the button that visitors click to play the video.</div></div><div data-component-type="text"><div>Next, manage the behaviors of your VideoBox so it achieves the desired effect. Choose how your video plays and stops, make it loop continuously and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/13/062f037a-6277-4c61-8161-9ec4f2f7cc4b/4d979884-882d-4c28-8f77-1116d2297164.png" alt="screenshot of video box in wix editor with change video, the settings icon and the behaviors icon highlighted." /></div></div><div data-component-type="heading"><h2 id="" level="4">To customize your VideoBox:</h2></div><div data-component-type="text"><ol>
  <li>Click the VideoBox in your editor.</li>  <li>Do one of the following:
    <ul>
      <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/cd7525ca-ec28-4b65-a03d-50f9424ec29c/eda00347-c78a-4d87-a04c-8755a3e09572.png" /> to preview your video, replace it or reset the VideoBox to default settings. You can also add alt text to improve your site's SEO and accessibility. </li>      <li>Click the <strong>Behaviors</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/6581ecfe-f166-40da-af52-7fce01ab0078/db9dc926-842f-41db-828d-19817c80c7e5.png" /> to choose how your video starts (e.g., automatically, on click) and whether or not visitors can pause it. You can also enable sound and slo-mo when supported.</li>      <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/01/e693be83-9e5f-4326-a2bd-97ef7378ce30/c36c557e-cb01-42a0-a200-b08090a1d9f6.png" /> to choose a cover image, apply a pattern overlay and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-the-design-of-your-videobox" target="">more</a>.</li>      <li>Click the <strong>Big Play Button</strong> on your VideoBox to customize its design or choose a different button.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The Big Play Button appears on your live site only if you set your video to start when visitors click it.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Certain videos offered by Wix were captured in slow motion. In those cases, you can choose whether to play them at normal speed or slo-mo using the <strong>Play in slo-mo</strong> toggle. </div></div></div></div>

Currently, Wix does not have a virtual tour feature. Update:There is a third-party app in the App Market that allows you to add virtual tours to your site. Check out Virtual Tours.We are always workin...

Wix Editor Request: Virtual Tour Feature

<div data-component-type="text"><div>Currently, Wix does not have a virtual tour feature. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Update:</div><div class="info-content"><div>There is a third-party app in the App Market that allows you to add virtual tours to your site. Check out <a href="https://www.wix.com/app-market/virtual-tours/overview" target="_blank">Virtual Tours</a>.</div></div></div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, a video chat feature is not supported.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Video Chat

<div data-component-type="text"><div>Currently, a video chat feature is not supported.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to add a scroll bar on videos.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Scroll Bar on Videos

<div data-component-type="text"><div>Currently, it is not possible to add a scroll bar on videos.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, webcam features are not supported. However, if you have access to the external code of your webcam feed, you can embed it onto your site using HTML. We are always working to update and impr...

Wix Editor Request: Adding a Webcam Feed to Your Site

<div data-component-type="text"><div>Currently, webcam features are not supported. However, if you have access to the external code of your webcam feed, you can embed it onto your site using <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget" target="">HTML</a>. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

When your site loads, it first loads the background color and then the background image or video you chose. With slower internet connections or larger background images or videos, there may be a delay...

Wix Editor Request: Changing the Color Behind the Video Background

<div data-component-type="text"><div>When your site loads, it first loads the background color and then the background image or video you chose. With slower internet connections or larger background images or videos, there may be a delay of a second while your background loads, causing a brief flash of the background color.</div></div><div data-component-type="text"><div>Currently, it is not possible to select the background color for videos that you upload from YouTube or Vimeo.</div></div><div data-component-type="text"><div>In the meantime, you can change your background color and then replace your colored background with your video. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><ul><li>Wix videos come equipped with a suitable background color similar to the color of the video.</li><li>You can <a href="https://support.wix.com/en/article/site-performance-seeing-a-flash-of-color-as-elements-load">select the background color for images</a>. </li></ul></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Let visitors download documents from your site in one click by adding a document button. Once you choose your button, you can connect your document file, change your button's icon and choose whether t...

Wix Editor: Adding and Setting up a Document Button

<div data-component-type="text"><div>Let visitors download documents from your site in one click by adding a document button. Once you choose your button, you can connect your document file, change your button's icon and choose whether to display the document's title or not.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-document-button" level="3">Adding a document button</h2></div><div data-component-type="text"><div>Choose a document button to add to your site and connect it to the relevant file.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a document button:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Button</strong>.</li>  <li>Select a button under <strong>Document Buttons</strong>, or drag it the relevant location on your page.</li>  <li>Click the button.</li>  <li>Click <strong>Change File</strong>.</li>  <li>Select a file.</li>  <li>Click <strong>Choose File </strong>to connect it to your button.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/24/8045beb8-5e8f-475c-bfa6-878102b0c403/e0dfce8e-a8c9-4251-ad5f-af0b96ff4bd3.png" alt="The add elements panel in the Editor. The Documents Button tab is open." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-buttons-icon" level="3">Changing the button's icon</h2></div><div data-component-type="text"><div>Choose the appropriate icon for your document button from our media library. Select an icon that corresponds to the document type and matches the design of your site.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the button's icon:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the button.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/13/25dcc333-2fed-4256-ae0e-1519b3d4e9bb.png" />.</li>  <li>Click the <strong>Change Icon</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/02/12/a24957b1-3d1e-44a8-9d35-1a7257a77fa8.png" /> under <strong>How does the button look?</strong>.</li>  <li>Select a new icon or click <strong>Upload Media</strong> to upload your own.</li>  <li>Once you have selected your icon, click <strong>Add Icon</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/04/41891eb4-ef65-4d56-960f-175bd8b5f50a/b729d8e4-53bb-4df8-824f-7843e18bd850.jpg" alt="The document button settings panel. The cursor is hovering over the option to change the icon." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="showing-or-hiding-the-buttons-file-title" level="3">Showing or hiding the button's file title</h2></div><div data-component-type="text"><div>Choose to show or hide the document's file title below the button.</div></div><div data-component-type="heading"><h2 id="" level="4">To show or hide a button's file title:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the button.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/13/b5a1adf7-7b03-4b2c-97d5-743b64ff131b.png" />.</li>  <li>Click the <strong>Show the title </strong>toggle to enable or disable this option:
    <ul>
      <li><strong>Enabled:</strong> The document title is displayed on the button. Enter the title of the document under <strong>What's the title?</strong>.</li>      <li><strong>Disabled:</strong> The document title is not displayed on the button.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/04/7beef3ff-3117-437c-934f-18d423d3c135/8e35eed6-98e2-4130-a8a1-2b161e4faf2c.jpg" alt="The document button settings panel. The 'Show the title' toggle is highlighted." /></div></div>

Upload your documents to your site's Media Manager in a couple of clicks and add them to your site.To upload a document:
  Click the Media icon  on the left side of the editor.  Click the Upload Media...

Wix Editor: Uploading Documents (.pdf, .doc, .xls etc)

<div data-component-type="text"><div>Upload your documents to your site's Media Manager in a couple of clicks and add them to your site.</div></div><div data-component-type="heading"><h2 id="" level="3">To upload a document:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Media </strong>icon<strong> </strong><img data-composite="true" src="https://lh4.googleusercontent.com/BXNb33YHdV1YVOl6x53HWxYlbCJjbQYPUNQhfeBRMZ3pbrDcFMXRtiGg_fi4nL40hqEfSQdWNag99l1MKxbPQaelz8jR59OMPmorRRF9Xapk6K__y-zhuAOjPcc_wS6W_fy44aeY" /><strong> </strong>on the left side of the editor.</li>  <li>Click the <strong>Upload Media </strong>icon <img data-composite="true" src="https://lh3.googleusercontent.com/G_5iGn3FqIhWY2HCdwNmDOmdMpHFUsk38-ywwhmW1mgMh83q2N397YR7ku5Corkpr7byNVY0dVR0w9FDiPGuzuEC8nHCcFu6_iKkgSR09XvzcGADwnuzlix3ZbOnsKq3cfxso6Ae" />.</li>  <li>Choose your file(s) from your computer.</li>  <li>(Optional) Select the file and click <strong>Add to Page </strong>to add it to your site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/9ca6ca71-91d9-4b9a-bd13-0387052391be/8ba23be6-a132-483c-980c-4ebca8fd670a.png" alt="screenshot of media button selected from left panel in wix editor. upload your media button highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><ul>
  <li>Learn more about <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-sharing-documents-on-your-site" target="">sharing documents on your site</a>.</li>  <li>Display PDF files directly on your site using the <a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-pdf-viewer-app" target="">PDF Viewer App</a>.</li>  <li>View the <a data-composite="true" href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes" target="">range of file types you can upload to your site</a>.</li></ul></div></div></div>

Allow visitors to download documents from your site with ease. There are a number of ways of sharing documents on your site. The options range from a variety of apps, to document buttons and linkable ...

Wix Editor: Sharing Documents on Your Site

<div data-component-type="text"><div>Allow visitors to download documents from your site with ease. There are a number of ways of sharing documents on your site. The options range from a variety of apps, to document buttons and linkable elements. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-document-button" level="3">Adding a document button</h2></div><div data-component-type="text"><div>Let visitors download documents from your site in one click by adding a document button. Once you choose your button, you can connect your document file, change your button's icon and choose whether to display the document's title or not.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a document button:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Button</strong>.</li>  <li>Select a button under <strong>Document Buttons</strong>, or drag it the relevant location on your page.</li>  <li>Click the button.</li>  <li>Click <strong>Change File</strong>.</li>  <li>Select a file.</li>  <li>Click <strong>Choose File </strong>to connect it to your button.</li>  <li>(Optional) <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-document-button" target="">Customize the button</a> using the available options.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/04/afea5aef-6721-45c6-aeb8-82b8bd8e754a/7f621a17-5dd7-41d4-adbf-0b4437f56fc0.jpg" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linking-a-document-to-an-element" level="3">Linking a document to an element</h2></div><div data-component-type="text"><div>Link your element to a document of your choice. When your visitors click the element, a new browser tab opens with the document. </div></div><div data-component-type="heading"><h2 id="" level="4">To link a document to an element:</h2></div><div data-component-type="text"><ol>
  <li>Click the relevant element.</li>  <li>Click the <strong>Link</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/cdff0ec4-6b02-4f12-8539-cf6a845d4dac.png" />.</li>  <li>Select the checkbox beside <strong>Document</strong>.</li>  <li>Click <strong>Choose File</strong>.</li>  <li>Click <strong>Upload Media </strong>and upload your document to the Media Manager.</li>  <li>Click <strong>Add to Page</strong>.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/06/cb15a661-317c-403e-b345-fec2a471c514/76e0a10f-00de-4895-9606-be69dd7cbddb.jpg" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-pdf-files-on-your-site" level="3">Displaying PDF files on your site</h2></div><div data-component-type="text"><div>By adding the <a data-composite="true" href="https://www.wix.com/app-market/pdf-viewer" target="_blank">PDF Viewer</a> app, you can upload and display PDF documents directly on your site. Choose from a variety of display options and make the links inside your PDF accessible to all users.</div></div><div data-component-type="heading"><h2 id="" level="4">To display PDF files:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Apps </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/07/21/939f7d75-aa8e-41e5-be86-6d3031c23a90/8706d266-ed6c-42aa-aa58-40953e4ebb52.png" /><strong>  </strong>on the left side of the editor.</li>  <li>Type &quot;PDF Viewer&quot; in the search bar.</li>  <li>Select <strong>PDF Viewer</strong> from the drop-down menu.</li>  <li>Click <strong>Add to Site</strong>. If you have more than one site, you'll get an option to select the site you want to add it to.</li>  <li>Click <strong>Add to Site</strong>.  <br />
<strong>Tip</strong>: You can cut and paste the app to move it to another page on your site.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-pdf-viewer-app" target="">Upload a PDF to the app</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-pdf-viewer-app#step-3-customize-the-apps-layout-and-display" target="">Customize the app's layout and design</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-pdf-viewer-app#step-4-customize-the-apps-settings" target="">Adjust the app's settings</a>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/06/661e4e39-7ecc-4807-9d21-6f41bb00951b/a676f829-1b45-4cfe-81ae-9364b4a011c5.jpg" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Uploaded PDF files create their browser tab title based on the metadata in the file. You can configure this title with tools like <a data-composite="true" href="https://pdfcandy.com/edit-pdf-meta.html" target="">PDF Candy</a>. You should complete this before uploading your PDF to Wix, so that it displays properly once you add the PDF to your site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-google-drive-documents-on-your-site" level="3">Displaying Google Drive documents on your site</h2></div><div data-component-type="text"><div>With the Google Drive app, you can display any file or folder you have on your Google Drive. Just connect the app to your Google Drive and select what you want to display.</div></div><div data-component-type="heading"><h2 id="" level="4">To display Google Drive documents:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Apps </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/07/21/939f7d75-aa8e-41e5-be86-6d3031c23a90/8706d266-ed6c-42aa-aa58-40953e4ebb52.png" /><strong>  </strong>on the left side of the editor.</li>  <li>Type &quot;Google Drive&quot; in the search bar and select <strong>Google Drive</strong> from the drop-down menu.</li>  <li>Click <strong>Add to Site</strong>.</li>  <li>Click <strong>OK</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/adding-and-setting-up-the-google-drive-app-9434397" target="">Set up your app</a>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/06/223675aa-0255-404b-9d1f-bd82394d52f5/85786a63-2bcb-4074-96d9-a97be8297fab.jpg" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>To learn how to limit who can access your site's Google Drive page, click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-members-only-pages" target="">here</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-sharing-library" level="3">Creating a sharing library</h2></div><div data-component-type="text"><div>With the File Share app, you can create a file sharing library where people can exchange ideas and collaborate on projects. Whether you manage a school, business, or community, the File Share app is a great way to upload and share documents securely. </div></div><div data-component-type="heading"><h2 id="" level="4">To create a sharing library:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Apps </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/07/21/939f7d75-aa8e-41e5-be86-6d3031c23a90/8706d266-ed6c-42aa-aa58-40953e4ebb52.png" /><strong>  </strong>on the left side of the editor.</li>  <li>Type &quot;Wix File Share&quot; in the search bar and select <strong>Wix File Share</strong> from the drop-down menu.</li>  <li>Click <strong>Add to Site</strong>. </li>  <li>Click <strong>OK</strong>. </li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-file-share-app#step-2-customize-the-permissions-and-member-settings" target="">Customize the app's permissions and member settings</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-apps-adding-and-setting-up-the-file-share-app#step-3-design-your-app" target="">Personalize the app's design</a>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/06/6d76b343-ef01-4576-bd10-1ba7a2fd9cf4/df965581-ee4f-4df9-adfe-9c1159a03aab.jpg" /></div></div>

Allow your PDF document to be indexed so that search engines such as Google can find it.To enable your PDF documents to be indexed by search engines:
  Click the document in your editor.  Click the Se...

Wix Editor: Allowing Search Engines to Index Your PDF Documents

<div data-component-type="text"><div>Allow your PDF document to be indexed so that search engines such as Google can find it.</div></div><div data-component-type="heading"><h2 id="" level="3">To enable your PDF documents to be indexed by search engines:</h2></div><div data-component-type="text"><ol>
  <li>Click the document in your editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/10/04/687f6d07-0341-4407-b8e0-8d0952d917c3.png" />.</li>  <li>Click <strong>Show this PDF in search results.</strong></li>  <li>Click <strong>Turn On Indexing</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>If you are linking an element to a document, you can also enable this option from the Link panel.</div></div></div></div>

Currently, Wix does not support .htaccess files.To learn more about creating 301 Redirects for your site, click here.We are always working to update and improve our products, and your feedback is huge...

Wix Editor Request: .htaccess Files

<div data-component-type="text"><div>Currently, Wix does not support .htaccess files.</div></div><div data-component-type="text"><div>To learn more about creating 301 Redirects for your site, click <a data-composite="true" href="https://support.wix.com/en/article/maintaining-your-sites-google-rankings-with-url-redirects-when-moving-to-wix" target="">here</a>.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, when you upload a document to your site, Wix automatically creates a URL for it. You cannot customize this URL.We are always working to update and improve our products, and your feedback is...

Wix Editor Request: Customizing Document URLs

<div data-component-type="text"><p>Currently, when you upload a document to your site, Wix automatically creates a URL for it. You cannot customize this URL.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, uploading XML files is not supported.Note:You can upload CSV files to import products in Wix Stores. Learn MoreWe are always working to update and improve our products, and your feedback is...

Wix Editor Request: Uploading XML Files

<div data-component-type="text"><div>Currently, uploading XML files is not supported.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Note:</div><div class="info-content"><div>You can upload CSV files to import products in Wix Stores. <a href="https://support.wix.com/en/article/wix-stores-importing-products-to-wix-stores">Learn More</a></div></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to open documents in a new window. Documents always open in the same window.We are always working to update and improve our products, and your feedback is hugely apprecia...

Wix Editor Request: Opening Documents in a New Window

<div data-component-type="text"><div>Currently, it is not possible to open documents in a new window. Documents always open in the same window.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to change the name of a document in the browser tab. We are always working to update and improve our products, and your feedback is greatly appreciated.

Wix Editor Request: Changing a Document Name in the Browser Tab

<div data-component-type="text"><div>Currently, it is not possible to change the name of a document in the browser tab. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Add galleries to showcase images and encourage visitors to interact with your pages. Galleries have plenty of uses on your site – you can display products or services, for example, or use the gallery ...

Wix Editor: Adding and Setting Up a Gallery

<div data-component-type="text"><div>Add galleries to showcase images and encourage visitors to interact with your pages. Galleries have plenty of uses on your site – you can display products or services, for example, or use the gallery like a portfolio. </div></div><div data-component-type="text"><div>There are a variety of galleries to choose from, and you can adjust the settings to fit your desired look.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/22ca5482-bedb-4d4b-a61d-71c1421ed81e/611ada11-e942-4791-975b-4955ebf60a25.png" alt="A gallery on a live site, showing pictures of a diving trip. The images have captions." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>This article refers to editor galleries, which allow you to display images only. If you would like to display different media types on your site, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="">add and set up a Pro Gallery</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-adding-a-gallery" level="3">Step 1 | Adding a gallery</h2></div><div data-component-type="text"><div>To get started, choose a gallery that fits your style from the Add Elements panel. Depending on your needs, you can show your images in a grid, a slider, or a more unique layout like Honeycomb or Freestyle.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a gallery:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Gallery</strong>.</li>  <li>Click a gallery type:
    <ul>
      <li><strong>Grid Galleries:</strong> Choose one of these sleek, square-shaped galleries to let visitors see and browse all of your images at once.</li>      <li><strong>Slider Galleries: </strong>These galleries let visitors browse through slides with your images, similar to a presentation.</li>      <li><strong>More Galleries:</strong> Add a fun gallery to showcase your images in a unique way, with options like 3D Carousel, or Freestyle.</li>    </ul>  </li>  <li>Click and drag the gallery onto the page.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/77d24ded-8fbc-47a9-b45d-b810f57804e3/a1f09da9-e151-4390-b7b9-51c9e5f27d91.png" alt="The add panel in the Editor. The Gallery tab has been highlighted, and the cursor is hovering over a grid gallery type." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-adding-images-to-your-gallery" level="3">Step 2 | Adding images to your gallery</h2></div><div data-component-type="text"><div>Once you've added your chosen gallery to your site, set it up by adding images. You can add free stock images with Wix and Unsplash, purchase stock images from Shutterstock, or <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-uploading-your-own-images" target="">upload your own</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The number of images you add affects your site loading time. We recommend splitting large galleries into separate smaller ones. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To add images to your gallery:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Click <strong>+ Add Images</strong> on top of the panel.</li>  <li>Select a stock image, or images from your site files.</li>  <li>Click <strong>Add to Gallery</strong>.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/4738ffa0-c5d3-42cc-98d7-a6143f741688/2cf1536e-e37c-4548-997b-acbad16a7c5d.png" alt="The media manager. The 'Add Images' button is highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to remove an image from your gallery?</div><div class="info-content"><div>Hover over the image in the <strong>Organize Your Gallery Images</strong> panel, and click the Remove Image icon <img data-composite="true" src="https://lh3.googleusercontent.com/bUstlIAtb9-e89VWrYs9sFnEb1N8YirNIIWsHOfG8Y-7CdYFng5wMO_rQz5b3uJTmOmcvNWi82wAycxjVyqa7FvsRLNW0CD4nDJF6z1xWxXpIA3LpYCTo_z4cg6bGxoWmTmnTPL8P9Lhh6YMdg" />. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-adjusting-your-gallery-settings" level="3">Step 3 | Adjusting your gallery settings</h2></div><div data-component-type="text"><div>After adding images, use the settings to make the gallery and images behave the way you want. Depending on the gallery type, you can set what the images do when visitors click them, whether to display titles, and much more.  </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>Options displayed in the settings depend on the gallery type you choose.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To change gallery settings:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/mBVBXCUbEVr3YKtqqICTHJ5-6hg84Lxvjs3U0oUqjp5_AjrZvc0O9-C9fXFjNLTgX1mVT3-TilJL6984IEaRDMTO5DXNpr-x4wzu9CVrYuyTULDteeVo_jeV_jh6JAk2M1Z7U2YNyznizx9sSg" />.</li>  <li>Adjust the gallery settings to your liking.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/5c691cab-d66d-4455-88d0-b50edd2d8826/d31ea252-ced4-4c86-b22e-b9d82c5b0f52.png" alt="A gallery in the Editor. The settings icon has been highlighted, and the panel is open." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div>Customize the design of your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-gallery-design" target="">gallery to look how you want</a>.</div></div></div></div>

Customize your gallery design at any time, without having to re-add your images. You can explore different gallery types, choose from a variety of presets and refine the design for the desired look an...

Wix Editor: Designing Your Gallery

<div data-component-type="text"><div>Customize your gallery design at any time, without having to re-add your images. You can explore different gallery types, choose from a variety of presets and refine the design for the desired look and feel. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="switching-to-a-different-gallery-type" level="3">Switching to a different gallery type</h2></div><div data-component-type="text"><div>After adding a gallery, you can always change the design to a preset that showcases your images better. Choose a traditional grid layout or a Slider that lets visitors navigate at their own pace. We also offer more creative layouts like a 3D Carousel, Honeycomb and Freestyle. </div></div><div data-component-type="heading"><h2 id="" level="4">To change your gallery type:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/0008cc11-7733-4e5a-8819-492bfd3f50fc.png" />.</li>  <li>Browse the available designs and select the one you like. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/18/f80b5919-63cb-4307-9d54-09f695c8eb48/d648c221-56a5-4659-abcb-b33fc1ebf129.gif" alt="gif of gallery in wix editor. mouse selects grid gallery from panel of options, and grid gallery opens." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-gallery-design" level="3">Customizing your gallery design</h2></div><div data-component-type="text"><div>Once you've chosen the gallery type you like best, you can click <strong>Customize Design</strong> and start personalizing it. Choose from a range of gallery presets and adjust settings like the shape of your images, the border and shadow around them, or even the font (if your gallery features text). </div></div><div data-component-type="heading"><h2 id="" level="4">To customize your gallery design:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/0008cc11-7733-4e5a-8819-492bfd3f50fc.png" />.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li>Customize the gallery using the options available:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Customize specific design settings</h4><div class="collapsible-content"><div>Each gallery type offers further customization. The options available depend on the gallery type and design preset you choose.</div><div><br /></div><div><strong>To customize specific design settings:</strong></div><div><br /></div><ol>
  <li>Click an option below the design presets in the<strong> Gallery Design </strong>panel.</li>  <li>Customize the options available to suit your needs.<br />
<strong>Tip:</strong> <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-gallery-characteristics#design-panel" target="">Learn more about the design options available across galleries</a><br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/87bf6f96-a7b5-4f19-98bc-ad2ee19b6cd0/9167d297-d310-4a23-b2cc-445ac605cce6.png" /></li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>The design options differ depending on the gallery type, as well as the preset you choose in <strong>Gallery Design</strong>. For example, some galleries have the option to customize the regular and hover view.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>While you can adjust some layout settings, it is not possible to customize your gallery design in the mobile editor.</div></div></div></div>

Adjust your gallery's layout to suit your site's alignment. Use options such as the width, spacing, and height to structure and display your images the way you want.Note:The available layout options d...

Wix Editor: Changing Your Gallery's Layout

<div data-component-type="text"><div>Adjust your gallery's layout to suit your site's alignment. Use options such as the width, spacing, and height to structure and display your images the way you want.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The available layout options depend on the gallery you choose.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-the-number-of-rows-and-columns" level="3">Choosing the number of rows and columns</h2></div><div data-component-type="text"><div>Decide how many rows and columns you need for your gallery's content. For example, if your gallery contains 9 images, you can set 3 rows and 3 columns to ensure they're displayed evenly.</div></div><div data-component-type="text"><div>After choosing the number of rows and columns, you can make the spacing between images bigger or smaller.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the number of columns and rows:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/4e669b69-3fd9-41b9-ba4e-ee1b6f53dedd.png" />.</li>  <li>Drag the sliders to adjust the number of columns, rows and the spacing between the columns / rows.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/181f63b8-b716-429d-bf86-f22976bfde20/390ad963-262e-423b-8fb7-4340e09fe1d3.png" alt="Screenshot of the Layout panel for a grid gallery. The column, row, and spacing sliders are highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>Some galleries only contain the <strong>Columns </strong>option.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-gallery" level="3">Resizing your gallery</h2></div><div data-component-type="text"><div>Depending on your needs, there are two ways to change the size of your gallery: using the stretch handles to make it bigger or smaller, or stretching it to full width. </div></div><div data-component-type="heading"><h2 id="resizing-a-gallery-with-the-stretch-handles" level="4">Resizing a gallery with the stretch handles</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click and drag the handles on the gallery's edges to resize it. </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>If you're unable to resize your gallery using the stretch handles, it's probably already set to full width. You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-gallerys-layout#stretching-a-gallery-to-full-width" target="">disable this option</a> if needed.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/300e506d-5d24-4168-b002-35006d0a8497/fa6ac258-1508-4617-91b7-db73cf26579a.gif" alt="A GIF showing a grid gallery being stretched and resized with the stretch handles." /></div></div><div data-component-type="heading"><h2 id="stretching-a-gallery-to-full-width" level="4">Stretching a gallery to full-width</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click the <strong>Stretch</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/28/04715d15-290b-4470-ad58-6549f805986a.png" />.</li>  <li>Click the <strong>Stretch to full width </strong>toggle: 
    <ul>
      <li><strong>Enabled:</strong> The element is stretched to the full width to fit your screen.</li>      <li><strong>Disabled:</strong> The element is not stretched to fit your screen.</li>    </ul>  </li>  <li>(Optional) Drag the <strong>Margins</strong> slider to increase or decrease the space on either side of the gallery.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/b502b7e4-abd2-449b-a08f-40e2c39a17eb/782026bb-2c4d-4bff-a6a5-708b0df94b25.png" alt="A screenshot of the Stretch Gallery panel over a gallery in the Editor. The 'Stretch to full width' toggle has been enabled." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The margin limit for full-width galleries is 80 pixels.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aligning-your-gallery-image-text" level="3">Aligning your gallery image text</h2></div><div data-component-type="text"><div>Certain galleries display image titles and / or descriptions to give your visitors extra information or context. You can set the text's position by choosing an alignment from the Layout panel.</div></div><div data-component-type="heading"><h2 id="" level="4">To align text in your gallery:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click the <strong>Layout </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/e5125952-c4f1-4bde-93ec-9e3863277ad7.png" />.</li>  <li>Choose an option under <strong>Text alignment</strong> or <strong>How's text aligned?</strong>: Left, Center or Right.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/e36196ee-db6c-4a73-90ff-48f5abebe323/928bff55-cbab-466f-8c2e-e97b079de5de.png" alt="A screenshot of the layout panel of a masonry gallery. The cursor is hovering over the option to align the text to the centre" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-landscape-and-portrait-images-in-a-gallery" level="3">Displaying landscape and portrait images in a gallery</h2></div><div data-component-type="text"><div>If you have both landscape and portrait mode images in your gallery, you can set the image scaling to 'fit'. This prevents the images from being automatically cropped, so you can display all of your images in their correct orientation.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Before you begin:</div><div class="info-content"><div>Make sure you save and upload the images in the orientation that you want to use (landscape or portrait).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To set image scaling:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/c15c4c3e-3d2b-460c-83be-306541f830cd.png" />.</li>  <li>Choose an option under<strong> When they're resized</strong>: 
    <ul>
      <li><strong>Autocrop:</strong> Images are automatically cropped to fit the space, and have the same orientation.</li>      <li><strong>Fit:</strong> Images are fit into the image space and displayed in their original orientation.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/2b77417b-1219-40f5-8fa3-2a5df06da191/bdf67170-9373-4ee4-9c4a-ef23aa021c62.png" alt="A screenshot of the grid gallery settings panel. The cursor is hovering over the option to set the images to 'Fit'." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-layout-of-a-freestyle-gallery" level="3">Customizing the layout of a Freestyle gallery</h2></div><div data-component-type="text"><div>Adjust the structure of a Freestyle gallery by setting its display and rotation. You can also randomize the layout for a fresh new look.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the layout of a Freestyle gallery:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery on your page.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/11/12/c50623c8-907e-4ec8-a051-1bf70d9232e6.png" />.</li>  <li>Select a layout option under <strong>How are images displayed?</strong>:
    <ul>
      <li><strong>Scattered:</strong> Images are scattered randomly in the gallery.</li>      <li><strong>Stacked:</strong> Images are stacked on top of each other.</li>    </ul>  </li>  <li>Click the toggle next to <strong>Rotated</strong> to enable or disable image rotation:
    <ul>
      <li><strong>Enabled:</strong> Images are placed at an angle (partially rotated).</li>      <li><strong>Disabled: </strong>Images are placed horizontally.</li>    </ul>  </li>  <li>(Optional) Click the <strong>Randomize Layout</strong> button to randomly select a different layout for your gallery images.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/01/18bd260f-11c7-475f-a33c-6876d8e62996/13ffb19c-d092-4813-a81f-1df2d1af2a83.png" alt="A screenshot of the freestyle layout panel. The cursor is hovering over the 'Rotated' toggle." /></div></div>

Add links to your gallery images to help visitors navigate your site, and direct them to relevant and important content.You can link your images to several places including: a page or position on your...

Wix Editor: Adding a Link to Gallery Images

<div data-component-type="text"><div>Add links to your gallery images to help visitors navigate your site, and direct them to relevant and important content.</div></div><div data-component-type="text"><div>You can link your images to several places including: a page or position on your site, an external URL, an email address or a document.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/31/62f3e842-0de9-467c-931a-c23c200b7e73/bae88efc-4749-441e-9c53-e3ddd145b9ae.gif" alt="Gif of a gallery image being clicked." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-change-the-gallery-settings-to-open-links" level="3">Step 1 | Change the gallery settings to open links</h2></div><div data-component-type="text"><div>First, set your gallery items to open links when visitors click them.</div></div><div data-component-type="heading"><h2 id="" level="4">To set your gallery to open links:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/c5d2c48e-bd7e-4886-9cec-6b4b6c400055.png" />.</li>  <li>Click the drop-down menu under <strong>When clicked:</strong>.</li>  <li>Select <strong>A link opens</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/30/8e9f77ec-4d0d-4d4a-b3cb-3a76d8fa6ef2/017ffad2-89b4-41df-b9f1-3c3b1fff9151.jpg" alt="Screenshot of gallery settings panel. When clicked: A link opens is highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-links-to-your-images" level="3">﻿Step 2 | Add links to your images</h2></div><div data-component-type="text"><div>Next, add the relevant link to each image in your gallery.</div></div><div data-component-type="heading"><h2 id="" level="4">To add links to your images:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Click an image.</li>  <li>Click the <strong>Link </strong>field on the right side.</li>  <li>Select the link type and enter the details.<br />
<strong>Tip:</strong> <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-an-element#types-of-links" target="">Learn more about the different link types available</a>.</li>  <li>Click <strong>Done</strong>.</li>  <li>Repeat steps 4-6 for each image in your gallery that you want to add a link to.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/05/30/09ea3f8b-2c92-4ae0-835a-781978997b08/211016ff-baf0-49e1-9610-f9850137d98d.jpg" alt="Screenshot of what do you want to link to panel." /></div></div>

Add a title and description to each image in your gallery to enhance your visitors' experience. This is a great way to provide additional context to your images and direct visitors to further informat...

Wix Editor: About Gallery Image Text

<div data-component-type="text"><div>Add a title and description to each image in your gallery to enhance your visitors' experience. This is a great way to provide additional context to your images and direct visitors to further information, as you can also include a link.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/28/6b91a8d3-0390-413e-92c8-55f63db6e0b7/3a9d5976-fec7-4b20-84b9-3f4d6c9c0d08.png" alt="A gallery on a live wix site. The gallery is titled 'Our Models' and each image has a title with the model's name." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-your-gallery-images-with-text" level="3">Optimize your gallery images with text</h2></div><div data-component-type="text"><div>You can add three text types to your gallery images, and each text type optimizes your gallery's functionality and experience. Depending on the gallery type you choose, you can decide which text to display. </div></div><div data-component-type="text"><div>The text types you can add to gallery images are:</div></div><div data-component-type="text"><ul>
  <li><strong>Title:</strong> Add an image title of up to 36 characters to summarize your image. </li>  <li><strong>Description:</strong> Add an image description of up to 500 characters to expand on the content of the image, and provide more details. </li>  <li><strong>Link: </strong>Create an interactive gallery experience by linking your image to other sections, pages or sites. You can set your images to open the relevant link once visitors click them.  </li></ul><div><strong>    Note:</strong> Links are not displayed in galleries.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Adding a title and a description to your images is great for your site's <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-images-and-galleries" target="">accessibility</a> and <a data-composite="true" href="https://support.wix.com/en/article/optimizing-your-images-and-galleries-for-seo-alt-text" target="">SEO</a>. More specifically, the title is used as your image's alt text so assistive technologies and search engines can understand it better. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/4dd4128d-00ef-4f1f-951e-119ffac764d6/85b69011-ecc1-44d1-94da-07a0f61c2e0a.png" alt="The Media Manager. An image has been selected, and the text fields are highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choose-a-gallery-that-suits-your-text-needs" level="3">Choose a gallery that suits your text needs</h2></div><div data-component-type="text"><div>Wix offers many different gallery designs so you can choose the one that fits your desired layout, whether it includes long or short pieces of text. </div></div><div data-component-type="text"><div>Galleries typically have two views on your live site:</div></div><div data-component-type="text"><ul>
  <li><strong>Regular: </strong>How the images look before a visitor interacts with them.</li>  <li><strong>Hover:</strong> How the images look when a visitors hover their cursor over them.</li></ul></div><div data-component-type="text"><div>Depending on your needs, you can select a gallery that displays text on both regular and hover view, a gallery that only displays text on hover, or one that doesn't display text at all.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/07/26/010d2c1f-f3d1-4f8f-bbd0-cf1ad6b2b0dd/5df35596-d13a-42ff-aedf-aa691686ddc0.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-text-to-look-how-you-want" level="3">Customize text to look how you want</h2></div><div data-component-type="text"><div>Edit the design of image text to complement your gallery and site's look. Depending on the gallery preset you choose, there are a range of settings that you can adjust to your liking. </div></div><div data-component-type="text"><div>Some of these options include changing the font, selecting a color to match your site's theme, making the text bigger or smaller, and setting the alignment of the text. If you have a large gallery with a number of images, you can also customize the text content and design of the <strong>Show More</strong> button. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/df87f9c9-0c23-4492-8c25-4f3990c417ef/9bfdd01a-3267-4c7d-9019-ece8d3b0c020.png" alt="The gallery design panel in the Editor. The text tab is open, and the cursor is hovering over the Font dropdown." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Ready to get started?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-gallery-image-text" target="">Learn how to add and set up gallery text</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What happens if I don't add a title to my image?</h4><div class="collapsible-content"><div>When you upload your own image to a gallery, the original file name is automatically assigned as the title, so we recommend changing the title as soon as you add the image to the gallery. You can also change this option from the Media Manager settings. <a data-composite="true" href="https://support.wix.com/en/article/changing-your-gallery-image-settings-in-your-media-manager" target="">Learn how to upload images without titles</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I've chosen a gallery that doesn't display text. Can anyone see it?</h4><div class="collapsible-content"><div>You can choose a gallery that doesn't display text, or disable the text from being displayed in the gallery. However, even if your gallery doesn't display text:</div><ul>
  <li>It can still be read by search engines and screen readers. </li>  <li>If you set the images to open in a pop-up when visitors click them, the title and description are displayed in the pop-up view.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How does gallery text work on my mobile site?</h4><div class="collapsible-content"><div>Gallery image text works differently on your mobile site if you have chosen a gallery that only displays text on hover mode. As it is not possible to hover on a mobile device, the text is displayed when a visitor clicks the gallery.</div><div>Galleries that display text on both regular and hover view always display text on your mobile site. </div></div></div></div>

Use text to provide further information to visitors and search engines, and give your gallery images that something extra. You can add titles, descriptions, and links, and customize the look and align...

Wix Editor: Adding and Customizing Gallery Image Text

<div data-component-type="text"><div>Use text to provide further information to visitors and search engines, and give your gallery images that something extra. You can add titles, descriptions, and links, and customize the look and alignment to match your gallery's design.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>This article refers to the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-gallery-characteristics" target="">editor galleries</a>, (i.e. Grid, Slider and More galleries). For more options, explore the customization possibilities available for <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-adding-and-customizing-text" target="">Pro Galleries</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-to-gallery-images" level="3">Adding text to gallery images</h2></div><div data-component-type="text"><div>You can add 3 <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-gallery-image-text#optimize-your-gallery-images-with-text" target="">different types of text</a> to your gallery images: a title, description, and link. The title is also used as your image's alt text, and both the title and description can be &quot;read&quot; by screen-readers and search engines. </div></div><div data-component-type="text"><div>You can also add links to your images, and set the images to open the link when visitors to click them.</div></div><div data-component-type="heading"><h2 id="" level="4">To add text to gallery images:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Click the image you want to add text to.</li>  <li>Enter the image title, description, and link into the relevant fields.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/a5d71cfa-79be-48ca-83dd-6d3352d3884c/85dc3846-a755-4766-a115-f42f6d25cddc.png" alt="The Media Manager. An image has been selected, and the text fields are highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-of-your-text" level="3">Customizing the design of your text</h2></div><div data-component-type="text"><div>After you've set your text and chosen which to display, customize the design to suit your gallery and page aesthetic. Depending on the gallery preset you choose, you can adjust settings such as the font and color.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the design of your text:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/04/84a724ac-062d-4117-bca2-51b31a04a374.png" />.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li>Select the <strong>Text</strong> tab.</li>  <li>Choose how you want to adjust the text's look:
    <ul>
      <li><strong>Color &amp; opacity:</strong> Choose a color for the text, and make it more or less visible.</li>      <li><strong>Theme:</strong> Quickly apply a font, size, and format to the text.</li>      <li><strong>Font: </strong>Choose a style for your text.</li>      <li><strong>Font size:</strong> Make the text as big and small as you want.</li>      <li><strong>Formatting:</strong> Add formatting options to your text, such as bold and italics.</li>      <li><strong>Text box opacity &amp; color:</strong> Select a color for the text box, and make it more or less visible.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The options displayed, and the look of the Gallery Design panel, vary depending on the gallery preset you choose (e.g. Grid, Slider)</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/e1fe9fdd-060a-4e39-bd07-05ec779aea35/441cbe52-f07a-4ad3-96ba-1a9f4d5a8279.png" alt="A grid gallery design panel. The cursor is hovering over the font dropdown menu." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Looking for more customization options?</div><div class="info-content"><div>Click the <strong>Animation</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/0668c72d-ad44-4f11-8684-7c93b3d9b971/920040b2-c990-426f-9c95-d9e362f210c3.png" /> to add an animation to your gallery. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-your-texts-alignment" level="3">Setting your text's alignment</h2></div><div data-component-type="text"><div>Align your gallery image text to choose its position on your live site. You can set the alignment of image text in Masonry, Animated slide, and certain Grid galleries (such as Polaroid).</div></div><div data-component-type="heading"><h2 id="" level="4">To change your text's alignment:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/v6w3-S4Imuq7qDB6xEJQoVNEDxUZtK16bnSiBVRf-ViYOLwRVg9DGHO0ax9d3y8PG4hasUUPpKtoOGLpkRPCwwlMNKG0YP0LCImKUIrEkr5EVTq0hdnmr1_NxUhUDCV4YKImS-JXrjf8AlLoAg" />.</li>  <li>Choose the alignment under <strong>Text alignment</strong> or <strong>How's text aligned?</strong>:
    <ul>
      <li><strong>Left: </strong>Text is aligned to the left of the image.</li>      <li><strong>Center: </strong>Text is aligned to the center of the image.</li>      <li><strong>Right:</strong> Text is aligned to the right of the image.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/86922902-2b77-44c0-8da3-53c99797e627/4fb81a84-787f-42a1-8ab9-7491581e4ec9.png" alt="The layout panel of a masonry gallery. The option to align the text to the centre has been selected." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-show-more-button-text" level="3">Customizing the 'Show More' button text</h2></div><div data-component-type="text"><div>If you add a lot of images to grid galleries in the editor, some images are hidden and a <strong>Show More</strong> button is displayed. Change what the button text says to suit your gallery needs, and encourage visitors to keep exploring your content.</div></div><div data-component-type="text"><div>After you've chosen the button text, customize the look to suit your page and gallery palette and theme. You can change the font, size, and color of the text to make it look how you want, and further personalize your gallery's style.</div></div><div data-component-type="heading"><h2 id="" level="4">To edit and customize the button text:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/217b06ac-bfaf-4b6e-ad34-ba229d1f43b0.png" />.</li>  <li>Enter the text under <strong>A link button says:</strong>.</li>  <li>Design the button:
    <ol>
      <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/04/84a724ac-062d-4117-bca2-51b31a04a374.png" />. </li>      <li>Click <strong>Customize Design</strong>.</li>      <li>Click <strong>Text</strong>.</li>      <li>Scroll down to the <strong>Description Text</strong> section.</li>      <li>Change the font and font size: 
        <ul>
          <li>Click the drop-down menu under <strong>Font </strong>to select a new font.</li>          <li>Drag the slider under <strong>Font Size</strong> to increase or decrease the font size. <strong>Note:</strong> These changes also change the font and font size of the description text.</li>        </ul>      </li>      <li>Scroll down to the<strong> Other Texts</strong> section.</li>      <li>Click the color box next to <strong>'Show More' Color </strong>to select a new color.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/768d86be-6753-4876-9dd9-e1bfc5424bbc/e58f1b68-c755-4daa-8e81-0e1c1a0620cf.png" alt="The settings panel of a grid gallery. The cursor is hovering over the text field under 'A link button says:'." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="masonry-and-animated-slide-showing-and-hiding-text" level="3">(Masonry and Animated Slide) Showing and hiding text</h2></div><div data-component-type="text"><div>If you've added a Masonry or Animated slide gallery to your site, you can choose the text you want to display. You can display the title and / or description to give your visitors additional context, or hide the text for a more clean and minimalist look.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The text you enable is displayed on both the regular and hover view of your gallery.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To choose which text to display in your gallery:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/10/26/9e8b0ccc-2106-4626-a1bb-8a95ca9ed424.png" />.</li>  <li>Select the text you want to display under <strong>Do images show text?</strong>:
    <ul>
      <li><strong>A title and a description:</strong> Both the image title and description are displayed in the gallery.</li>      <li><strong>Just a title:</strong> Only the image title is displayed in the gallery.</li>      <li><strong>Just a description:</strong> Only the image description is displayed in the gallery. </li>      <li><strong>No text:</strong> No text is displayed in the gallery.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/14/8e420769-2e0e-49ca-af14-131bb0623b33/3e27eac1-a272-46a6-96e6-fa7816413810.png" alt="The Layout panel of a Masonry gallery. The option to display just the title has been selected." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">You should know:</div><div class="info-content"><ul>
  <li>You can also enable text in additional galleries by adjusting the size from the Design panel. Some galleries display text on both regular and hover view, and some display text on hover view only. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-gallery-image-text#choose-a-gallery-that-suits-your-text-needs" target="">Learn more about gallery text characteristics</a></li>  <li>Even if you choose to hide the title and description, they can still be &quot;read&quot; by screen readers and search engines. If you choose to set the images to open in a pop-up when visitors click them, the text is also displayed in this view.</li></ul></div></div></div>

Manage the images in your gallery to display eye-catching photos the way you want. You can add new images, change the order they're displayed in, and replace existing images as you go. You can also ad...

Wix Editor: Adding and Managing Gallery Images

<div data-component-type="text"><div>Manage the images in your gallery to display eye-catching photos the way you want. You can add new images, change the order they're displayed in, and replace existing images as you go. You can also add titles to give your visitors extra information.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-and-setting-up-images-in-a-gallery" level="3">Adding and setting up images in a gallery</h2></div><div data-component-type="text"><div>Choose which images you want to display in your gallery. You can use a variety of free and priced stock images, or upload your own. After choosing an image, change the title to ensure that it matches the content and can be &quot;read&quot; by <a data-composite="true" href="https://support.wix.com/en/article/optimizing-your-images-and-galleries-for-seo-alt-text" target="">search engines</a> and <a data-composite="true" href="https://support.wix.com/en/article/accessibility-preparing-your-images-and-galleries" target="">screen readers</a>. </div></div><div data-component-type="heading"><h2 id="" level="4">To add and set up a gallery image:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Click <strong>Add Images</strong>.</li>  <li>Choose which images to add to the gallery:
    <ul>
      <li><strong>Stock images:</strong> Click <strong>Media from Wix</strong>, <strong>Shutterstock</strong>, or <strong>Unsplash</strong> to browse and select stock photos. </li>      <li><strong>Personal images:</strong> Click <strong>Site Files</strong> to choose your own images to add to the gallery.</li>    </ul>  </li>  <li>Click the image that you want to add.</li>  <li>Click <strong>Add to Gallery</strong>.</li>  <li>Enter the image title into the field under <strong>Title (alt text)</strong>.</li>  <li>Click<strong> Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/09/d91f1493-1340-40ad-8c59-31543c0f5b4f/c497e265-d2cb-4369-824a-9b43ec286192.png" alt="The Organize Gallery Images panel. The cursor is hovering over the Add Images button, and the alt text field is highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>If you upload an image to a gallery and don't change the title, the image's original file name is used.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="replacing-gallery-images" level="3">Replacing gallery images</h2></div><div data-component-type="text"><div>Replace images in your gallery at any time to keep your site's look fresh. This is a quick, useful way to update gallery content, without needing to manually delete and add new images.</div></div><div data-component-type="heading"><h2 id="" level="4">To replace an image in a gallery:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Select the image you want to change.</li>  <li>Click <strong>Replace Image </strong>on the right side of the panel.</li>  <li>Choose how you want to replace the image:
    <ul>
      <li><strong>Stock images:</strong> Click <strong>Media from Wix</strong>, <strong>Shutterstock</strong>, or <strong>Unsplash</strong> to browse and select a stock photo.</li>      <li><strong>Personal images:</strong> Click <strong>Site Files</strong> to choose an image from your own files.</li>    </ul>  </li>  <li>Enter the new image title into the field under <strong>Title (alt text)</strong>.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/09/01c36737-f280-476b-9117-f51f28231220/a106fc3f-7a42-4edb-893f-73896cc5b826.png" alt="The Organize Gallery Images panel. The Replace Image button (on the right) has been highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-order-of-images-in-a-gallery" level="3">Changing the order of images in a gallery</h2></div><div data-component-type="text"><div>Rearrange gallery images to organize and showcase them in a way that suits your brand. You can use the order of images to spread out colors and subjects, display content by order of importance, or simply tell a story. </div></div><div data-component-type="heading"><h2 id="" level="4">To change the order of images in a gallery:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Drag and drop your images into the desired order.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/09/a4bb0156-52a8-4d12-b19c-3868f023c133/987ce601-9ce8-4c36-9ef5-069710c507c7.gif" alt="Images being arranged in the Organize Images panel. The cursor is dragging and dropping them to new positions." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-gallery-images" level="3">Deleting gallery images</h2></div><div data-component-type="text"><div>If an image is no longer relevant to your site's look and content needs, you can easily delete it from the gallery. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>If you've added your own image to the gallery, deleting it only removes it from the gallery. It is not removed from your site files, and you still can access it from the Media Manager. <a data-composite="true" href="https://support.wix.com/en/article/wix-media-about-the-media-manager" target="">Learn more about the media manager</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To delete images from a gallery:</h2></div><div data-component-type="text"><ol>
  <li>Click the gallery in your Editor.</li>  <li>Click <strong>Change Images</strong>.</li>  <li>Hover over the relevant image and click the Remove Image icon <img data-composite="true" src="https://lh3.googleusercontent.com/k-ei-3Ogl_-ZN2oAdnbgLvB-mKXMBS1S4khm0lrP8sSZgraOoUDYfCuLl-XMAwYQVeG4MAvjNoygmX22hINP7lP-PR58-rev0-EJi1uSTb2s3fyX4qys_U2kzdKkaixLfwZuLKWDje6gAWCgqg" />.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/09/f2ba5107-dc52-495b-8be6-37a24ea941fc/2cac60c8-9347-4b4f-b708-3ae4d145694f.png" alt="The Organize Gallery Images panel. The Remove Image icon is highlighted on one of the images." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about galleries.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I crop and edit the images in my gallery?</h4><div class="collapsible-content"><div>You can use the <a data-composite="true" href="https://support.wix.com/en/article/wix-media-using-the-wix-photo-studio-tools" target="">Wix Photo Studio</a> to crop and edit images without leaving the editor. Use it to enhance images, change their orientation, and add filter effects.</div><ol>
  <li>Click the gallery.</li>  <li>Click <strong>Media Manager </strong>or <strong>Change Images </strong>(depending on the gallery you are using).</li>  <li>Click the relevant image in the Media Manager.</li>  <li>Click <strong>Crop &amp; Edit</strong>.</li>  <li>Edit your image using the tools.</li></ol><div><br /></div><div><strong>Note: </strong>You can only edit gallery images that you have uploaded yourself.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What image size should I use for the 3D slideshow gallery?</h4><div class="collapsible-content"><div>You can upload your images in any aspect ratio. To make sure that the image fits, simply adjust the gallery size by clicking and dragging the circles around the edges.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I change the shape of images in a honeycomb gallery?</h4><div class="collapsible-content"><ol>
  <li>Click the gallery in the editor.</li>  <li>Click the <strong>Layouts</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/070804f5-4223-40b4-a6b1-1ea4074e628c.png" />.</li>  <li>Choose the shape of your image, under <strong>Which shape are images?</strong>:
    <ul>
      <li><strong>Diamond</strong>: Changes image shape to diamond.</li>      <li><strong>Triangle</strong>: Changes image shape to triangle.</li>      <li><strong>Hexagon</strong> (honeycomb): Changes image shape to hexagon.</li>    </ul>  </li></ol></div></div></div>

Each of our galleries offer a set of unique settings, which you can customize to make your gallery behave just as you need. The settings you see depend on the gallery design you choose.  Tweak how you...

Wix Editor: Adjusting Your Gallery Settings

<div data-component-type="text"><div>Each of our galleries offer a set of unique <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-gallery-characteristics#settings-panel" target="">settings</a>, which you can customize to make your gallery behave just as you need. The settings you see depend on the gallery design you choose.  </div></div><div data-component-type="text"><div>Tweak how your gallery plays for visitors, how images are resized, how visitors browse through your images, add fun transition effects between images, and much more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/22/cb70dffc-ade1-4a0a-b355-091ba30fb699/93a24eae-b23f-4872-bc73-b6a23079d91b.jpg" alt="Screenshot of Grid Gallery settings panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-if-your-gallery-autoplays" level="3">Choosing if your gallery autoplays</h2></div><div data-component-type="text"><div>Customize how your gallery plays when visitors open your site. Choose to have the gallery autoplay with a set time (chosen by you) between images, or leave that up to your site visitor to decide. </div></div><div data-component-type="heading"><h2 id="" level="4">To choose if your gallery autoplays:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/61733aa3-99b5-4878-9cf0-7064535f2ec0.png" />.</li>  <li>Customize how your gallery plays using the available options:
    <ul>
      <li><strong>Autoplays on loading: </strong>Enable this toggle so your gallery starts playing automatically, as soon as the page loads. Control the time (in seconds) given to each image under <strong>How long between images?</strong></li>      <li><strong>Play button: </strong>Enable this toggle to give your visitors control over when the gallery plays.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/05/9e2db755-3ec2-4c79-aad3-bacaa68ff84a/73951dc1-26d6-4b67-be59-e844908213b9.png" alt="Screenshot of gallery settings panel with play button, autoplays on landing and time between image highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-navigation-arrows-to-your-gallery" level="3">Adding navigation arrows to your gallery</h2></div><div data-component-type="text"><div>Allow visitors to browse through your gallery images at their own pace by adding navigation arrows. Navigation arrows are available in the Grid (Portrait), Slider (Arrows), and Slider (Postcard) galleries.</div></div><div data-component-type="heading"><h2 id="" level="4">To add navigation arrows to your gallery:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/61733aa3-99b5-4878-9cf0-7064535f2ec0.png" />.</li>  <li>Enable the <strong>Navigation arrows </strong>toggle.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/22/fcfcdd78-e78f-47df-9b52-5073b283bd45/5f11e5e1-3e77-41e8-bee0-c0f14617a375.jpg" alt="Screenshot of slide deck settings with navigation arrows highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-how-gallery-images-are-resized" level="3">Changing how gallery images are resized</h2></div><div data-component-type="text"><div>Choose how want your images to display within the frame of the gallery. This option is available for all Slider and Freestyle galleries.</div></div><div data-component-type="heading"><h2 id="" level="4">To change how images are resized:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/61733aa3-99b5-4878-9cf0-7064535f2ec0.png" />.</li>  <li>Select an option under <strong>When they're resized:</strong>
    <ul>
      <li><strong>Autocrop</strong>: Crops (cuts) the images to fill the entire gallery frame.</li>      <li><strong>Fit</strong>: Displays whole images in the gallery.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/22/301646e5-09e8-4702-a45b-ce60d39e3e49/099e2e93-9e49-4bb6-82d3-b01f60324f84.jpg" alt="Screenshot of grid gallery settings with how do images behave section highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-cropping-an-image" target="">crop your images</a> further if resizing is not enough.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-what-happens-when-clicking-gallery-images" level="3">Choosing what happens when clicking gallery images</h2></div><div data-component-type="text"><div>Make your gallery as interactive as you want. Link images to another page on your site or even an external URL, make your images open in a larger pop-up window and allow visitors to view all the fine details of your image, or make images non-clickable. This feature is available in all galleries.</div></div><div data-component-type="heading"><h2 id="" level="4">To choose what happens when an image is clicked:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/61733aa3-99b5-4878-9cf0-7064535f2ec0.png" />.</li>  <li>Click the drop-down menu under <strong>When clicked: </strong>and select an option:
    <ul>
      <li><strong>Nothing happens: </strong>The images are not clickable, nothing happens when they are clicked.</li>      <li><strong>They open in a popup:</strong> The images open in a large pop-up window.</li>      <li><strong>A link opens: </strong>The images are linked to another place. They can be linked to a page, position or anchor on your site, an external URL, a document or an email address.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/22/29b3b39d-83a4-41b4-a2f6-edfb6386cade/b9b8749c-c0dd-4dd9-b1eb-82978b4c130e.jpg" alt="screenshot of slider settings panel with when clicked option highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="applying-transition-effects" level="3">Applying transition effects</h2></div><div data-component-type="text"><div>Add a cool visual effect to your images when they load. This creates a smooth flow from one gallery image to the next. For example, you can make images fade in and out of view. Transition effects are available in Slider (Arrows), Slider (Postcard), Grid (Portrait), and Animated Slide galleries.</div></div><div data-component-type="heading"><h2 id="" level="4">To apply transition effects:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the gallery.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/61733aa3-99b5-4878-9cf0-7064535f2ec0.png" />.</li>  <li>Select a transition under <strong>Apply transitions effects?:</strong>
    <ul>
      <li><strong>None:</strong> No transition.</li>      <li><strong>Cross Fade: </strong>Images fade into view.</li>      <li><strong>Shrink:</strong> Images shrink out of view.</li>      <li><strong>Horizontal: </strong>Images glide along a horizontal axis.</li>      <li><strong>Vertical:</strong> Images glide along a vertical axis.</li>      <li><strong>Random:</strong> Image transitions change randomly.</li>      <li><strong>Out &amp; In</strong>: Image fades out and new image fades in.</li>    </ul>  </li>  <li>Drag the slider under <strong>How long do they last?</strong> to set the time between transitions.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/06/22/43508267-0156-4fd6-b3f0-cd639440f348/00624f98-b199-444b-8251-95eae88bab64.jpg" alt="screenshot of slider deck settings with transition effects highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Using an Animated Slide gallery?</div><div class="info-content"><div>The Animated Slide gallery offers cool transition effects specific to this gallery design: </div><ul>
  <li><strong>Fade:</strong> Images fade in and out of view.</li>  <li><strong>Zoom: </strong>Images shrink out of view.</li>  <li><strong>Pop above:</strong> Images slide in from the top left of the slider.</li>  <li><strong>Roll above:</strong> Images roll in from the top of the slider.</li>  <li><strong>Pop right: </strong>Images slide in from the right side of the slider.</li>  <li><strong>Pop left:</strong> Images slide in from the left side of the slider.</li>  <li><strong>Random:</strong> Image transitions are random.</li></ul></div></div></div>

We have tons of beautiful, diverse galleries for you to display images on your site. Each gallery includes different characteristics and options, so that you can find the perfect one for your needs.Di...

Wix Editor: Gallery Comparison and Glossary

<div data-component-type="text"><div>We have tons of beautiful, diverse galleries for you to display images on your site. Each gallery includes different characteristics and options, so that you can find the perfect one for your needs.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-an-overview" target="">The Pro Gallery</a> has the most customization options and is a great way to display images, videos and text together. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="general-options" level="3">General Options</h2></div><div data-component-type="text"><div>Each gallery type in Wix Editor comes with a unique set of capabilities to serve different purposes.</div></div><div data-component-type="text"><div>Depending on the abilities you need, search for the gallery that works best for you: </div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="209.421875"><div>Ability</div></th><th data-column-width="292.953125"><div>What it means</div></th><th data-column-width="197.625"><div>Available galleries</div></th></tr></thead><tbody><tr><td><div><strong>Show image titles and descriptions</strong></div></td><td><div>Visitors can learn more information about each image. </div></td><td><ul>
  <li>Grid</li>  <li>Slider</li>  <li>3D Slideshow</li>  <li>Animated Slide</li></ul></td></tr><tr><td><div><strong>Stretch the gallery to full-width </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/28/04715d15-290b-4470-ad58-6549f805986a.png" /></div></td><td><div>Your gallery is stretched to fill the entire width of your visitors' screen.</div></td><td><ul>
  <li>Grid</li>  <li>Slider</li></ul></td></tr><tr><td><div><strong>Adding navigation arrows</strong></div></td><td><div>These arrows allow your visitors to browse through your gallery. </div></td><td><ul>
  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li></ul></td></tr><tr><td><div><strong>Autoplay</strong></div></td><td><div>Your gallery starts playing automatically, without visitors having to click anything. </div></td><td><ul>
  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li>  <li>3D Slideshow</li>  <li>3D Carousel</li>  <li>Animated Slide</li></ul></td></tr><tr><td><div><strong>Add a Play button</strong></div></td><td><div>Your gallery <strong>doesn't</strong> start playing automatically – visitors need to click the Play button.</div></td><td><div>Slider (Postcard)</div></td></tr><tr><td><div><strong>Loop</strong></div></td><td><div>Your gallery images play on repeat when visitors hover over the navigation arrows.</div></td><td><div>Slider (Spheres)</div></td></tr></tbody></table></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="settings-panel" level="3">Settings Panel</h2></div><div data-component-type="text"><div>Every gallery comes with a Settings panel, so you can decide how it plays and behaves. </div></div><div data-component-type="text"><div>Below, you can learn what each setting does and which galleries have it:</div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="232.265625"><div>Setting</div></th><th data-column-width="262.875"><div>What it does</div></th><th data-column-width="204.859375"><div>Available galleries</div></th></tr></thead><tbody><tr><td><div><strong>Autoplays on loading</strong></div></td><td><div>Enable this toggle so your gallery starts playing automatically, as soon as the page loads.</div><div><br /></div><div>Control the time (in seconds) given to each image under <strong>How long between images?</strong></div></td><td><ul>
  <li>Grid (Portrait)</li>  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li>  <li>3D Slideshow</li>  <li>3D Carousel</li>  <li>Animated Slide</li></ul></td></tr><tr><td><div><strong>Play button</strong></div></td><td><div>Enable this toggle to give your visitors the control </div></td><td><ul>
  <li>Grid (Portrait)</li>  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li></ul></td></tr><tr><td><div><strong>In a loop</strong></div></td><td><div>Enable this toggle so your gallery images play on repeat when visitors hover over the navigation arrows. </div><div><br /></div><div>Control the time (in seconds) given to each image under <strong>Speed</strong>.</div></td><td><div>Slider (Spheres) </div></td></tr><tr><td><div><strong>Navigation arrows</strong></div></td><td><div>Enable this toggle to add arrows to your gallery, so visitors can browse more freely. </div><div><br /></div><div><strong>Note:</strong> In the Slider (Spheres) and 3D Slideshow galleries, these arrows are part of the design and cannot be removed.</div></td><td><ul>
  <li>Grid (Portrait)</li>  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li></ul></td></tr><tr><td><div><strong>Slide buttons</strong></div></td><td><div>Enable this toggle to add buttons to your gallery, so visitors can browse through the slides.</div></td><td><div>Animated Slide</div></td></tr><tr><td><div><strong>When they're resized</strong></div></td><td><div>Choose how images are resized to fit the gallery:</div><ul>
  <li><strong>Autocrop: </strong>Crops (cuts) the images to fit the image space.</li>  <li><strong>Fit:</strong> Fits the whole image in the image space.</li></ul></td><td><ul>
  <li>All Grid galleries</li>  <li>All Slider galleries</li>  <li>Freestyle</li></ul></td></tr><tr><td><div><strong>When clicked</strong></div></td><td><div>Choose what happens when visitors click a gallery image:</div><ul>
  <li><strong>Nothing happens</strong></li>  <li><strong>They open in a popup:</strong> The image opens enlarged in a popup.</li>  <li><strong>A link opens:</strong> Each image opens a link of your choice when clicked.  </li></ul></td><td><div>All galleries include this option</div></td></tr><tr><td><div><strong>Do images show text?</strong></div></td><td><div>Choose what information visitors can see about each image:</div><ul>
  <li><strong>A title and a description</strong></li>  <li><strong>Just a title</strong></li>  <li><strong>Just a description </strong></li>  <li><strong>No text</strong></li></ul></td><td><ul>
  <li>Grid (Masonry)</li>  <li>Animated Slide</li></ul></td></tr><tr><td><div><strong>Apply transition effects?</strong></div></td><td><div>Add a cool effect for your images when they load. For example, make them fade in and out of view.</div><div><br /></div><div><strong>Note: </strong>The available effects differ based on the gallery you choose. </div></td><td><ul>
  <li>Slider (Arrows)</li>  <li>Slider (Postcard)</li>  <li>Grid (Portrait)</li>  <li>Animated Slide</li></ul></td></tr><tr><td><div><strong>How are extra rows shown?</strong></div></td><td><div>You can decide what the &quot;Show More&quot; button says, and how many rows to show after clicking this button. </div></td><td><div>Polaroid and Rollover Grids with over 9 images.</div></td></tr></tbody></table></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-panel" level="3">Design Panel</h2></div><div data-component-type="text"><div>When clicking the Design icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/05/26/de3fe466-b9dc-453f-91ae-f916370184e0/57510be0-6595-44f4-8181-cc8ff84fe5dc.png" />, you can either choose a different look for your gallery or click <strong>Customize Design</strong> to adjust specific settings. </div></div><div data-component-type="text"><div>Below, you can learn about all the different options to customize the gallery's design: </div></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th data-column-width="226.1875"><div>Setting</div></th><th data-column-width="473.8125"><div>What it does</div></th></tr></thead><tbody><tr><td><div><strong>Fill Color &amp; Opacity</strong></div></td><td><div>Match your gallery colors to the rest of your site by changing the colors of text boxes, frames, the background, etc.</div></td></tr><tr><td><div><strong>Border</strong></div></td><td><div>Design a border for your images to make them stand out. </div></td></tr><tr><td><div><strong>Corners</strong></div></td><td><div>Change the shape of your images by rounding the corners.</div></td></tr><tr><td><div><strong>Shadow</strong></div></td><td><div>Create a 3D effect for your images by adding shadows.</div></td></tr><tr><td><div><strong>Text</strong></div></td><td><div>Format the text that appears on your gallery to match your site and brand. Adjust the font color, size, and more.</div></td></tr><tr><td><div><strong>Spacing</strong></div></td><td><div>Adjust the height and padding of the text box showing the image details. </div></td></tr><tr><td><div><strong>Regular</strong> / <strong>Hover</strong></div></td><td><div>In Grid galleries, you can customize the design for each of these views separately:</div><ul>
  <li><strong>Regular:</strong> What visitors see before they click or hover over your gallery.</li>  <li><strong>Hover:</strong> What visitors see when they hover over gallery items.</li></ul></td></tr><tr><td><div><strong>Pagination Opacity &amp; Color</strong></div></td><td><div>In the Animated Slide gallery, you can choose the color and opacity of the circle buttons that visitors click to move between slides.</div></td></tr><tr><td><div><strong>Slides Opacity &amp; Color</strong></div></td><td><div>In the Animated Slide gallery, you can choose the background color and its opacity for each individual slide.  </div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to make your gallery even more stylish?</div><div class="info-content"><div>At the top of the <strong>Gallery Design</strong> panel, choose from a range of galleries with different frames, shapes and decorations.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/05/12/d71ba8a6-3ce1-474b-9d6a-48647f0bf662/ca121b86-8c74-4cc1-b979-5a2585c03f63.gif" /></div></div></div></div>

Link an element to a gallery image to promote exciting and important content on your site. This is especially useful if you use images to showcase news or information, as visitors can access and view ...

Wix Editor: Linking an Element to a Gallery Image

<div data-component-type="text"><div>Link an element to a gallery image to promote exciting and important content on your site. This is especially useful if you use images to showcase news or information, as visitors can access and view the image with just one click. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/24/c645128a-5260-431e-88b6-b6fe47de31c0/ac483a7a-f80d-498c-85fe-1f45c4c9faa4.png" alt="A live site. The cursor is hovering over a button that links to an image." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-copy-the-image-url" level="3">Step 1 | Copy the image URL</h2></div><div data-component-type="text"><div>Open and copy the URL of the image on your live site to get started. Make sure that you've published your site first, as you can't retrieve the URL from inside the Editor.</div></div><div data-component-type="heading"><h2 id="" level="4">To copy the gallery image URL:</h2></div><div data-component-type="text"><ol>
  <li>Open your live site.</li>  <li>Navigate to the page the with the relevant gallery.</li>  <li>Click your chosen image in the gallery to expand it.</li>  <li>Copy the URL of the image from the browser bar.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/24/efc84b06-ecfd-4a17-bab6-13c23e8783ab/75648909-9f1c-425d-8380-8304986d72ed.png" alt="An image has been expanded on a live site. the URL is highlighted." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can open your live site from the top bar of the Editor. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-publishing-your-site#viewing-your-live-site" target="">Learn how to view your published site</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-the-link-to-the-element" level="3">Step 2 | Add the link to the element</h2></div><div data-component-type="text"><div>Once you've copied the URL, you can add it as a link to an element on your site. Some popular elements you can link to images include buttons and text headings.</div></div><div data-component-type="heading"><h2 id="" level="4">To link the element to the image:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26" target="">Open the Wix Editor</a>.</li>  <li>Click the relevant element.</li>  <li>Click the Link icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/06/dcbf59c4-985c-4a5e-a55e-8d028e34ff7a.png" />.</li>  <li>Click <strong>Web Address</strong> from the menu on the left side of the panel.</li>  <li>Paste the image URL into the field titled <strong>What's the web address (URL)?</strong>.</li>  <li>(Optional) Select whether the image opens in the same or a new window.</li>  <li>(Optional) Choose the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-an-element#advanced-seo-settings" target="">link rel attribute</a> under <strong>Advanced SEO Settings</strong>.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/24/ed564841-4f69-4dd0-95f4-7e67e914530b/89fbf334-6028-41bd-98dd-477bb026c5b8.png" alt="The link panel in the Editor. The image URL has been entered." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><ul>
  <li>Publish your changes to see the link in action. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-saving-previewing-and-publishing-your-site#publishing-your-site" target="">Learn how to publish site changes</a></li>  <li>You can also link gallery images to other locations, so visitors can click them to go to the relevant content. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-gallery-images" target="">Learn how to add links to gallery images</a></li></ul></div></div></div>

Currently, the background gallery feature is not supported.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Setting a Gallery as a Background

<div data-component-type="text"><div>Currently, the background gallery feature is not supported.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to add social icons to galleries.As an alternative, you can add a social bar to the page containing your gallery. We are always working to update and improve our products...

Wix Editor Request: Adding Social Icons to Galleries

<div data-component-type="text"><div>Currently, it is not possible to add social icons to galleries.</div></div><div data-component-type="text"><div>As an alternative, you can add a <a href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-social-bar" target="">social bar</a> to the page containing your gallery. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to add a comment box to individual images inside a gallery.As an alternative, we have several comment apps and elements available in the Wix App Market and in the Add pan...

Wix Editor Request: Adding a Comment Box to Gallery Images

<div data-component-type="text"><div>Currently, it is not possible to add a comment box to individual images inside a gallery.</div></div><div data-component-type="text"><div>As an alternative, we have several comment apps and elements available in the Wix App Market and in the Add panel, which can be added to pages on your site: </div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-facebook-comments-box" target="_blank">Facebook comments box</a> </li>  <li><a data-composite="true" href="https://www.wix.com/app-market/comments" target="_blank">Comments</a> </li>  <li><a data-composite="true" href="https://www.wix.com/app-market/comments-plus" target="_blank">Comments and reviews / testimonials</a></li></ul></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to shuffle images in galleries.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Shuffle Gallery Images

<div data-component-type="text"><div>Currently, it is not possible to shuffle images in galleries.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to add a Share button to an image or gallery on your site.As an alternative, you can add a Pin to Pinterest button to an individual image so that your visitors can share ...

Wix Editor Request: Adding a Share Button to an Image or Gallery

<div data-component-type="text"><div>Currently, it is not possible to add a <strong>Share</strong> button to an image or gallery on your site.</div></div><div data-component-type="text"><div>As an alternative, you can add a <a href="https://support.wix.com/en/article/wix-editor-using-pinterest-on-your-wix-site#pin-to-pinterest">Pin to Pinterest</a> button to an individual image so that your visitors can share your content on Pinterest. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, it is not possible to add a menu to a gallery.As an alternative, you can try out any of our other gallery designs such as the Thumbnail gallery (found under Slider Galleries), which creates...

Wix Editor Request: Adding a Menu to a Gallery

<div data-component-type="text"><div>Currently, it is not possible to add a menu to a gallery.</div></div><div data-component-type="text"><div>As an alternative, you can try out any of our other gallery designs such as the Thumbnail gallery (found under Slider Galleries), which creates a similar effect as it shows a small preview of your gallery images in a form of a thumbnail. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, you cannot multi-select several gallery images and delete them in one go..We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Deleting Multiple Gallery Images at Once

<div data-component-type="text"><p>Currently, you cannot multi-select several gallery images and delete them in one go..</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, you cannot remove the numbering in slideshow galleries.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Removing the Numbering in Slideshow Galleries

<div data-component-type="text"><div>Currently, you cannot remove the numbering in <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-slideshow" target="">slideshow galleries</a>.</div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, a mouse-over zoom feature on galleries is not supported.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Mouse-Over Zoom on Galleries

<div data-component-type="text"><p>Currently, a mouse-over zoom feature on galleries is not supported.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, there is no centering option when the 
 images are resized in grid galleries.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Centering Images in Grid Galleries

<div data-component-type="text"><p>Currently, there is no centering option when the 
 <a href="https://support.wix.com/en/article/wix-editor-adjusting-your-gallery-settings" data-item-id="1303c901-e318-4b81-8641-94dd3227e81c">images are resized</a> in grid galleries.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, you cannot add tags to gallery images.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Adding Tags to Gallery Images

<div data-component-type="text"><p>Currently, you cannot add tags to gallery images.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, customizing the image scaling in thumbnail galleries is not supported.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Customizing the Image Scaling of Thumbnails in Galleries

<div data-component-type="text"><p>Currently, customizing the image scaling in thumbnail galleries is not supported.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, there is no option to hide the image title and description when hovering over gallery images.We are always working to update and improve our products, and your feedback is hugely appreciate...

Wix Editor Request: Hiding the Title and Description When Hovering Over Gallery Images

<div data-component-type="text"><p>Currently, there is no option to hide the image title and description when hovering over gallery images.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, there are no specific galleries for images in portrait orientation.As a workaround, you can change the scaling of the images in some of our existing galleries. Click here to learn how.We ar...

Wix Editor Request: Galleries for Images in Portrait Orientation

<div data-component-type="text"><div>Currently, there are no specific galleries for images in portrait orientation.</div></div><div data-component-type="text"><div>As a workaround, you can change the scaling of the images in some of our existing galleries. Click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adjusting-your-gallery-settings" target="">here</a> to learn how.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated. </div></div>

Currently, changing the text size of gallery images in expand mode is not supported. You can, however, change the text size of the regular view in some galleries. Learn how to customize gallery textWe...

Wix Editor Request: Changing the Text Size for Gallery Images in Expand Mode

<div data-component-type="text"><div>Currently, changing the text size of gallery images in <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-customizing-the-expand-mode-for-your-gallery" target="">expand mode</a> is not supported. You can, however, change the text size of the regular view in some galleries. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-gallery-image-text#customizing-the-design-of-your-text" target="">Learn how to customize gallery text</a></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Currently, it is not possible to combine multiple galleries. We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Merging Galleries Together

<div data-component-type="text"><div>Currently, it is not possible to combine multiple galleries. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Adding files and media

Images

Galleries

Videos

Documents and files