{"id":14254,"date":"2022-01-25T11:04:51","date_gmt":"2022-01-25T05:04:51","guid":{"rendered":"https:\/\/hasthemes.com\/blog\/?p=14254"},"modified":"2022-09-05T14:43:04","modified_gmt":"2022-09-05T08:43:04","slug":"elementor-image-gallery-widget","status":"publish","type":"post","link":"https:\/\/hasthemes.com\/blog\/elementor-image-gallery-widget\/","title":{"rendered":"Elementor Image Gallery widget"},"content":{"rendered":"\n<p>With the Elementor Image Gallery <a href=\"https:\/\/hasthemes.com\/blog\/elementor-drop-cap-widget\/\">widget<\/a>, you can quickly and easily add stylish image galleries to your pages. With easy-to-use controls provided by the Gallery widget, you just need to select your images, choose a layout, and style your gallery. You&#8217;ll have a beautiful image gallery that will perfectly showcase your photos. <\/p>\n\n\n\n<p>The Elementor Image Gallery widget works great to add stunning, complex image galleries to your pages. With easy drag-and-drop styling of the Elementor <a href=\"https:\/\/woolentor.com\" target=\"_blank\" rel=\"noreferrer noopener\">page builder<\/a> and a huge range of options, you can create galleries that perfectly match your website&#8217;s look and feel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"584\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-scroll-image-widget.png\" alt=\"Elementor Image Gallery widget\" class=\"wp-image-48509\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-scroll-image-widget.png 1012w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-scroll-image-widget-768x443.png 768w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><figcaption>Elementor Image Gallery widget<\/figcaption><\/figure>\n\n\n\n<p>Adding a gallery to your website is now easier than ever with the Elementor Gallery widget. This widget gives you access to the truly impressive capabilities of the gallery widget, allowing you to showcase your images beautifully. So add impact and professionalism to your website today with the Elementor Gallery widget.<\/p>\n\n\n\n<div class=\"gutentoc tocactive nostyle\"><div class=\"gutentoc-toc-wrap\"><div class=\"gutentoc-toc-title-wrap\"><div class=\"gutentoc-toc-title\">Table Of Contents<\/div><div id=\"open\" class=\"text_open\">show<\/div><\/div><div id=\"toclist\"><div class=\"gutentoc-toc__list-wrap\"><ul class=\"gutentoc-toc__list\"><li><a href=\"#benefits-of-the-elementor-image-gallery-widget\">Benefits of the Elementor Image Gallery widget<\/a><\/li><ul class=\"gutentoc-toc__list\"><li><a href=\"#gallery-widget-by-ht-mega\">Gallery widget by HT Mega<\/a><\/li><ul class=\"gutentoc-toc__list\"><li><a href=\"#how-to-use-thumbnails-gallery-widget-using-ht-mega-elementor-addon\">How to use Thumbnails Gallery Widget using HT Mega Elementor Addon<\/a><\/li><\/ul><li><a href=\"#gallery-widget-by-move-addons\">Gallery widget by Move Addons<\/a><\/li><\/ul><li><a href=\"#conclusion\">Conclusion<\/a><\/li><\/ul><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"benefits-of-the-elementor-image-gallery-widget\">Benefits of the Elementor Image Gallery widget<\/h2>\n\n\n\n<p>Elementor Gallery Widget is the perfect tool to showcase their images in a beautiful, professional manner. With its easy-to-use interface and wide range of customizable options, the Gallery widget makes it easy to create an elegant gallery that will impress your clients and help you stand out from the competition.<\/p>\n\n\n\n<p>An Elementor gallery <a href=\"https:\/\/hasthemes.com\/blog\/elementor-panel-slider-widget\/\" target=\"_blank\" data-type=\"post\" data-id=\"16358\" rel=\"noreferrer noopener\">widget<\/a> can also be helpful in grouping your photos into categories and then using them as clickable filters on the front-end. Whether you&#8217;re a professional photographer looking to showcase your work, or someone who just wants to share memories with friends and family, Elementor&#8217;s Filterable Gallery widget is the perfect way to do it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gallery-widget-by-ht-mega\">Gallery widget by HT Mega<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"249\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/02\/ht-mega-addons-elementor-page-builder.webp\" alt=\"HT Mega Elementor Addons\" class=\"wp-image-17378\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/02\/ht-mega-addons-elementor-page-builder.webp 768w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/02\/ht-mega-addons-elementor-page-builder-600x195.webp 600w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption> Gallery widget by HT Mega <\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/wphtmega.com\" target=\"_blank\" rel=\"noreferrer noopener\">HT Mega&#8217;s<\/a> Gallery widget includes a slider thumbnail for showing your products in the best possible light. A thumbnail gallery slider is an important part of your website because it will help you attract users&#8217; attention. Furthermore, a well-organized thumbnail gallery slider will improve the professionalism and engagement of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1012\" height=\"570\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-gallery-widget-by-ht-mega-1.png\" alt=\" Gallery widget by HT Mega \" class=\"wp-image-48518\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-gallery-widget-by-ht-mega-1.png 1012w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/09\/elementor-gallery-widget-by-ht-mega-1-768x432.png 768w\" sizes=\"auto, (max-width: 1012px) 100vw, 1012px\" \/><figcaption> Gallery widget by HT Mega <\/figcaption><\/figure>\n\n\n\n<p>You can choose the position of the thumbnails by adding the thumbnail gallery widget to the section. Multiple thumbnail images and titles can be added. In the style options, you may also adjust all of the essential thumbnail settings. To create an eye-catching thumbnail gallery slider on your website, you may control the essential styles for this widget.&nbsp;<\/p>\n\n\n\n<p>The gallery widget in the HT Mega allows you to customize the color and typography for a more modern design. You&#8217;ll also receive motion effects, a custom backdrop, a border, attributes, and CSS, among other things. The following styles for the gallery are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Thumbnails Right Side&nbsp;<\/li><li>Thumb Bottom Side&nbsp;<\/li><li>Thumb Left Side&nbsp;<\/li><li>Thumb Top Side&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/hasthemes.com\/blog\/woolentor\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"150\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/06\/2.png\" alt=\"WooLentor WooCommerce Builder\" class=\"wp-image-40655\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/06\/2.png 750w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/06\/2-600x120.png 600w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"how-to-use-thumbnails-gallery-widget-using-ht-mega-elementor-addon\">How to use Thumbnails Gallery Widget using HT Mega Elementor Addon<\/h4>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to use Thumbnails Gallery Widget using HT Mega Elementor Addon | Part 21\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/ZNpF2Mad7C0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption> How to use <a href=\"https:\/\/www.youtube.com\/watch?v=ZNpF2Mad7C0\" target=\"_blank\" rel=\"noreferrer noopener\">Thumbnails Gallery Widget<\/a> using HT Mega Elementor Addon <\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/wphtmega.com\/widget\/element-thumbnails-gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gallery-widget-by-move-addons\">Gallery widget by Move Addons<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/moveaddons.com\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2021\/11\/move-addons-for-elementor.png\" alt=\"Gallery widget by Move Addons\" class=\"wp-image-12533\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2021\/11\/move-addons-for-elementor.png 772w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2021\/11\/move-addons-for-elementor-600x194.png 600w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2021\/11\/move-addons-for-elementor-768x249.png 768w\" sizes=\"auto, (max-width: 772px) 100vw, 772px\" \/><\/a><figcaption> Gallery widget by Move Addons <\/figcaption><\/figure>\n\n\n\n<p>Gallery Widgets by <a href=\"https:\/\/moveaddons.com\" target=\"_blank\" rel=\"noreferrer noopener\">Move Addons<\/a> offer 5 different filterable galleries demos. You can choose from the Basic gallery, Image Grid, <a href=\"https:\/\/demo.moveaddons.com\/image-masonry\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Masonry<\/a>, Slide Thumbnail galleries, and many more. In the filterable gallery option, you can customize your image size and borders to create the best look for your <a href=\"https:\/\/hasthemes.com\/blog\/get-elementor\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor <\/a>web page. You can also add up to 3 columns and alter them as per your need. Move Addons offer 5 menu styles and multiple border styles.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"569\" src=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/01\/move-addon-elementor-gallery-widget.jpg\" alt=\"Move Addons Gallery widget \" class=\"wp-image-14441\" srcset=\"https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/01\/move-addon-elementor-gallery-widget.jpg 890w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/01\/move-addon-elementor-gallery-widget-491x314.jpg 491w, https:\/\/hasthemes.com\/blog\/wp-content\/uploads\/2022\/01\/move-addon-elementor-gallery-widget-768x491.jpg 768w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><figcaption> <strong>Move Addons<\/strong> <strong>Gallery widget <\/strong><\/figcaption><\/figure>\n\n\n\n<p>The <a href=\"https:\/\/hasthemes.com\/blog\/elementor-review\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> Gallery widget by Move Addons is a great way to show off your content in a stylish and professional manner. With a range of customization options, you can create a gallery that perfectly suits your needs. Whether you want to display titles, captions, or alt text alongside your images, this Gallery widget makes it easy to create a beautiful and engaging gallery.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/demo.moveaddons.com\/filterable-gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pricing-plan-ht-mega-and-move-addons-\">Pricing Plan: HT Mega and Move Addons <\/h3>\n\n\n\n<p> Check the pricing table for Move Addons and HT Mega plugins.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th><a href=\"https:\/\/wphtmega.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">HT Mega<\/a><\/th><th><a href=\"https:\/\/moveaddons.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Move Addons<\/a><\/th><\/tr><\/thead><tbody><tr><td>1 Website: $49\/year<\/td><td>1 Website: $39\/year<\/td><\/tr><tr><td>5 Websites: $79\/Year<\/td><td> 5 Websites: $89\/Year <\/td><\/tr><tr><td> 999 (Growth Package) Websites: $99\/Year<\/td><td> Unlimited Websites: $179\/Year <\/td><\/tr><tr><td><strong><a href=\"https:\/\/wphtmega.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Now or Check Pricing Plan<\/a><\/strong><\/td><td> <strong><a href=\"https:\/\/moveaddons.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buy Now or Check Pricing Plan <\/a><\/strong><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\"> Pricing Plan: HT Mega and Move Addons<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>The Elementor Image Gallery widget is ideal to add complex and beautiful image galleries to your pages. With easy-to-use styling options, you can create galleries that perfectly match your website&#8217;s look and feel. The Image Gallery widget comes in handy to showcase your beautiful photos in a stylish and easy-to-use format. With options for layout, styling, and captions, you can create a gallery that perfectly suits your needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the Elementor Image Gallery widget, you can quickly and easily add stylish image galleries to your pages. With easy-to-use controls provided by the Gallery widget, you just need to select your images, choose a layout, and style your gallery. You&#8217;ll have a beautiful image gallery that will perfectly showcase your photos. The Elementor Image [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":19907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[101],"class_list":["post-14254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-elementor-widgets"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/14254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/comments?post=14254"}],"version-history":[{"count":0,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/posts\/14254\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media\/19907"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/media?parent=14254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/categories?post=14254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/blog\/wp-json\/wp\/v2\/tags?post=14254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}