{"id":8594,"date":"2026-05-28T10:10:09","date_gmt":"2026-05-28T08:10:09","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=8594"},"modified":"2026-06-09T05:21:44","modified_gmt":"2026-06-09T03:21:44","slug":"cum-sa-adaugati-o-galerie-de-imagini-in-elementor","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/","title":{"rendered":"Cum s\u0103 ad\u0103uga\u021bi o galerie de imagini \u00een Elementor"},"content":{"rendered":"<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Galleries are a simple way to display photos, portfolios, products, or project showcases on a website. Elementor includes built-in gallery widgets that allow you to create image galleries without writing code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide explains how to add and customize a gallery using Elementor.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_1_Log_in_to_WordPress\" >Step 1: Log in to WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_2_Create_a_New_Page_or_Edit_an_Existing_One\" >Step 2: Create a New Page or Edit an Existing One<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_3_Choose_Where_to_Place_the_Gallery\" >Step 3: Choose Where to Place the Gallery<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_4_Add_a_Gallery_Widget\" >Step 4: Add a Gallery Widget<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_5_Configure_Gallery_Settings\" >Step 5: Configure Gallery Settings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_6_Add_Images\" >Step 6: Add Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_7_Customize_the_Gallery_Appearance\" >Step 7: Customize the Gallery Appearance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_8_Add_Links_and_Captions_Optional\" >Step 8: Add Links and Captions (Optional)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Step_9_Preview_and_Publish\" >Step 9: Preview and Publish<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Gallery_Optimization_Tips\" >Gallery Optimization Tips<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Common_Issues\" >Common Issues<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Images_Appear_Blurry\" >Images Appear Blurry<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Gallery_Loads_Slowly\" >Gallery Loads Slowly<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Gallery_Layout_Looks_Different_on_Mobile\" >Gallery Layout Looks Different on Mobile<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Practical_Implications\" >Practical Implications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/how-to-add-an-image-gallery-in-elementor\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Log_in_to_WordPress\"><\/span>Step 1: Log in to WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-1231670439\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Acces timpuriu<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Mai ave\u021bi nevoie de ajutor?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contacta\u021bi echipa noastr\u0103 de servicii pentru clien\u021bi.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Trimite mesaj<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Log in to your WordPress administration panel using an account with permission to edit pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before proceeding, ensure that Elementor is installed and activated on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Create_a_New_Page_or_Edit_an_Existing_One\"><\/span>Step 2: Create a New Page or Edit an Existing One<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Navigate to:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pages \u2192 All Pages<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can either:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit an existing page.<\/li>\n\n\n\n<li>Create a new page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Once the page is open, click <strong>Edit with Elementor<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_3_Choose_Where_to_Place_the_Gallery\"><\/span>Step 3: Choose Where to Place the Gallery<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Within the Elementor editor, locate the section where you want the gallery to appear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can add a gallery to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Landing pages<\/li>\n\n\n\n<li>Portfolio pages<\/li>\n\n\n\n<li>Product pages<\/li>\n\n\n\n<li>Service pages<\/li>\n\n\n\n<li>Blog content sections<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Selecting the location beforehand helps maintain a clear page structure.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_4_Add_a_Gallery_Widget\"><\/span>Step 4: Add a Gallery Widget<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the Elementor widget panel, search for:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gallery<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on your Elementor version, you may see:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basic Gallery<\/li>\n\n\n\n<li>Image Gallery<\/li>\n\n\n\n<li>Media Carousel<\/li>\n\n\n\n<li>Basic Gallery (Pro)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the desired widget onto the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_5_Configure_Gallery_Settings\"><\/span>Step 5: Configure Gallery Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the widget, Elementor will display configuration options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Common settings include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Number of columns<\/li>\n\n\n\n<li>Image size<\/li>\n\n\n\n<li>Gallery layout<\/li>\n\n\n\n<li>Spacing between images<\/li>\n\n\n\n<li>Image ordering<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust these settings according to the design of your page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_6_Add_Images\"><\/span>Step 6: Add Images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Choose Images<\/strong> or <strong>Add Images<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload new images from your computer.<\/li>\n\n\n\n<li>Select existing images from the WordPress Media Library.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For best results:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use optimized image sizes.<\/li>\n\n\n\n<li>Compress images before uploading.<\/li>\n\n\n\n<li>Use descriptive file names.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Properly optimized images can improve page loading times and user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_7_Customize_the_Gallery_Appearance\"><\/span>Step 7: Customize the Gallery Appearance<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor provides several styling options that allow you to adjust the gallery design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Common customization options include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Image spacing<\/li>\n\n\n\n<li>Borders<\/li>\n\n\n\n<li>Border radius<\/li>\n\n\n\n<li>Hover effects<\/li>\n\n\n\n<li>Image overlays<\/li>\n\n\n\n<li>Background colors<\/li>\n\n\n\n<li>Shadow effects<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use these settings consistently to match the overall design of your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_8_Add_Links_and_Captions_Optional\"><\/span>Step 8: Add Links and Captions (Optional)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Images can include additional information or links.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the widget used, you may be able to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add image captions<\/li>\n\n\n\n<li>Display image titles<\/li>\n\n\n\n<li>Link images to media files<\/li>\n\n\n\n<li>Link images to custom URLs<\/li>\n\n\n\n<li>Open images in a lightbox<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These options can improve navigation and provide additional context for visitors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_9_Preview_and_Publish\"><\/span>Step 9: Preview and Publish<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before publishing the page:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Preview the gallery on desktop devices.<\/li>\n\n\n\n<li>Check the mobile and tablet views.<\/li>\n\n\n\n<li>Verify image quality and alignment.<\/li>\n\n\n\n<li>Confirm that links and lightbox functionality work correctly.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Once everything looks correct, click <strong>Publish<\/strong> or <strong>Update<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gallery_Optimization_Tips\"><\/span>Gallery Optimization Tips<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A visually appealing gallery should also remain fast and responsive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Recommended practices include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compress images before uploading.<\/li>\n\n\n\n<li>Use modern formats such as WebP where possible.<\/li>\n\n\n\n<li>Avoid uploading images larger than necessary.<\/li>\n\n\n\n<li>Maintain consistent image dimensions.<\/li>\n\n\n\n<li>Add descriptive Alt Text for accessibility and SEO.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These practices can improve both performance and usability.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Common_Issues\"><\/span>Common Issues<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Images_Appear_Blurry\"><\/span>Images Appear Blurry<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This often occurs when images are uploaded at a resolution that is too low for the display size.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Upload higher-quality images and verify WordPress thumbnail settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gallery_Loads_Slowly\"><\/span>Gallery Loads Slowly<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Large image files are one of the most common causes of slow-loading galleries.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reduce file sizes and use image optimization tools before uploading.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gallery_Layout_Looks_Different_on_Mobile\"><\/span>Gallery Layout Looks Different on Mobile<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Review Elementor&#8217;s responsive settings and adjust columns, spacing, or image sizes for smaller screens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Practical_Implications\"><\/span>Practical Implications<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A gallery can help present visual content in a structured and engaging way. Whether displaying products, completed projects, or photography, galleries make content easier to browse and can encourage visitors to spend more time on a page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Regularly reviewing image quality, responsiveness, and loading performance helps ensure the gallery remains effective across all devices.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor makes it easy to add and customize image galleries without coding. By selecting the appropriate gallery widget, uploading optimized images, and adjusting the layout to match your website design, you can create visually appealing galleries that work well on both desktop and mobile devices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Careful image optimization and responsive design settings help ensure that galleries remain attractive while maintaining good website performance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[42],"manual_kb_tag":[6310,6319,7108,7109,7110,7111,7112,190,369,897],"class_list":["post-8594","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-miscellaneous","manual_kb_tag-image-gallery","manual_kb_tag-responsive-gallery","manual_kb_tag-gallery-widget","manual_kb_tag-add-image-gallery","manual_kb_tag-create-image-gallery","manual_kb_tag-gallery-tutorial","manual_kb_tag-gallery-optimization","manual_kb_tag-wordpress","manual_kb_tag-image-optimization","manual_kb_tag-elementor"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8594\/revisions"}],"predecessor-version":[{"id":8595,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8594\/revisions\/8595"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=8594"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=8594"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=8594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}