{"id":1871,"date":"2026-04-01T14:37:49","date_gmt":"2026-04-01T14:37:49","guid":{"rendered":"https:\/\/onesystemcrm.com\/help\/?post_type=docs&p=1871"},"modified":"2026-04-01T14:37:49","modified_gmt":"2026-04-01T14:37:49","password":"","slug":"funnels-websites-photos-gallery-element","status":"publish","type":"docs","link":"https:\/\/onesystemcrm.com\/help\/docs\/funnels-websites-photos-gallery-element\/","title":{"rendered":"Funnels & Websites: Photos Gallery Element"},"content":{"rendered":"

Key Features & Benefits<\/strong><\/h2>\n

\nImage Integration:<\/strong>\u00a0Easily add images to your gallery for a more dynamic presentation.<\/p>\n

Lightbox:\u00a0<\/strong>Showcase your media with lightbox support<\/p>\n

Heading Option:<\/strong>\u00a0Add a custom heading to the gallery to provide context or branding.<\/span><\/p>\n

\n

Layout Customization:<\/strong><\/h3>\n
    \n
  • Grid, Vertical & Horizontal Masonry Layouts: Choose the best way to display your gallery.<\/span><\/li>\n
  • Column Control: Set the number of columns to fit your design.<\/span><\/li>\n
  • Spacing Between Images: Adjust the spacing between gallery items.<\/span><\/li>\n
  • Mobile Behavior: Ensure your gallery is fully responsive with custom settings for mobile devices.<\/span><\/li>\n<\/ul>\n
    \n

    Image Info & Actions:<\/strong><\/h3>\n
      \n
    • Captions & Descriptions: Add custom captions or descriptions for each image.<\/span><\/li>\n
    • Click Actions: Define actions when an image is clicked (open in lightbox or redirect to a URL).<\/span><\/li>\n
    • Open Link in New Tab: Option to open clicked links in a new browser tab.<\/span><\/li>\n
    • Watermark: Add a watermark to images for branding or protection purposes.<\/span><\/li>\n<\/ul>\n
      \n

      How to Use?<\/strong><\/span><\/h2>\n
        \n
      • Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.<\/span><\/li>\n
      • Drag and drop the widget onto your desired page section.<\/span><\/li>\n
      • \n

        Customize the gallery:<\/span><\/p>\n

          \n
        • \n

          Add Images by selecting files from your media library.\u00a0(You can also drag and drop files directly into the Media Library modal to upload before adding them to the gallery).<\/strong><\/span>
          \n<\/span><\/p>\n<\/li>\n

        • Set Gallery Layout by choosing between grid or masonry options, and adjust the column count and spacing as needed.<\/span><\/li>\n
        • Configure Mobile Behavior.<\/span><\/li>\n
        • Add captions or descriptions to your images, and choose the action for when users click on the image (open in lightbox or redirect).<\/span><\/li>\n
        • \n

          Apply a watermark to images for added branding or protection if needed.<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

          <\/p>\n

          <\/p>\n

          <\/p>\n

          <\/p>\n

          <\/p>\n","protected":false},"excerpt":{"rendered":"

          Key Features & Benefits Image Integration:\u00a0Easily add images to your gallery for a more dynamic presentation. Lightbox:\u00a0Showcase your media with […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-1871","docs","type-docs","status-publish","hentry","doc_category-funnels-and-websites"],"year_month":"2026-09","word_count":267,"total_views":"39","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"usamasaeed219","author_nicename":"usamasaeed219","author_url":"https:\/\/onesystemcrm.com\/help\/author\/usamasaeed219\/"},"doc_category_info":[{"term_name":"Funnels and Websites","term_url":"https:\/\/onesystemcrm.com\/help\/docs-category\/funnels-and-websites\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/comments?post=1871"}],"version-history":[{"count":1,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1871\/revisions"}],"predecessor-version":[{"id":1872,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1871\/revisions\/1872"}],"wp:attachment":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/media?parent=1871"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_category?post=1871"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}