Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.
A lightbox opens the post on top of your page when a visitor clicks it. Visitors stay on your website. The lightbox shows the large photo or plays the video, with the account name and the caption. Visitors can move to the next or previous post with the arrows.
Lightbox needs a Pro widget. Pro widgets come with the Lite, Pro and Developer plans. Every paid plan starts with a 14-day free trial. See Free and Pro widgets.
Click Install Widget, then Copy Code. Replace the old code on your website with the new code.
You must replace the code on your website. The lightbox needs two extra lines that only the new code has. Without them, nothing happens when a visitor clicks a post.
Lightbox is in Photo Link on Pro Instagram, Facebook, X (Twitter) and YouTube widgets. The Feed layout has no Photo Link setting.To add product links to the lightbox, see Shoppable photos.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"SnapWidget Docs","colors":{"primary":"#2563EB","light":"#3B82F6","dark":"#1D4ED8"},"logo":{"light":"https://mintcdn.com/snapwidget/tkFpPuR-C8wHblDY/logo/light.svg?fit=max\u0026auto=format\u0026n=tkFpPuR-C8wHblDY\u0026q=85\u0026s=13a167c8e04ef37975898245acc28bad","dark":"https://mintcdn.com/snapwidget/tkFpPuR-C8wHblDY/logo/dark.svg?fit=max\u0026auto=format\u0026n=tkFpPuR-C8wHblDY\u0026q=85\u0026s=375049f41ab9688a8017331a90e8c210","href":"https://snapwidget.com"},"favicon":"https://mintcdn.com/snapwidget/QJTE73Rcy1kqujES/favicon.svg?fit=max\u0026auto=format\u0026n=QJTE73Rcy1kqujES\u0026q=85\u0026s=fbe0320ea696c7b658b543a4400d1503","navbar":{"links":[{"href":"https://snapwidget.com/pricing","label":"Pricing"},{"href":"mailto:support@snapwidget.com","label":"Support"}],"primary":{"type":"button","label":"Dashboard","href":"https://snapwidget.com/dashboard"}},"footer":{"socials":{"x":"https://x.com/snapwidget","facebook":"https://www.facebook.com/snapwidget","instagram":"https://www.instagram.com/snapwidget","youtube":"https://www.youtube.com/channel/UC165wn44taS2-fwnJD8njXQ"}},"fonts":{"family":"Geist"},"icons":{"library":"lucide"},"contextual":{"options":["copy","view","chatgpt","claude","perplexity"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"snapwidget","hasAudioNarration":false,"actualSubdomain":"snapwidget","customDomains":["snapwidget.com"],"gitSource":{"type":"github","owner":"hermanschutte","repo":"snapwidget-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":"","_id":"6ad8c73a735467fd781f87f2"},"entitlements":{},"buildId":"6af485c14319e8083bb9dc6b","clientVersion":"0.0.4102","searchFilterCounts":[{"language":"default","tag":"Guides","count":111},{"language":"default","tag":"Install on your website","count":45},{"language":"default","tag":"API Reference","count":40},{"language":"default","tag":"Website builders","count":20},{"language":"default","tag":"CMS and blogs","count":16},{"language":"default","tag":"Widget settings","count":13},{"language":"default","tag":"Reviews","count":12},{"language":"default","tag":"Widgets","count":12},{"language":"default","tag":"Troubleshooting","count":11},{"language":"default","tag":"Instagram","count":10}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[],"page":{"pagePath":"widget-settings/lightbox","slug":"/widget-settings/lightbox","pageMetadata":{"title":"How do I display a photo in a lightbox?","sidebarTitle":"Lightbox","description":"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.","href":"/widget-settings/lightbox"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const need_0=`Lightbox needs a Pro widget.`;function _createMdxContent(props){const _components={a:`a`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Note,OptimizedImage,Step,Steps,Warning}=_components;if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`A lightbox opens the post on top of your page when a visitor clicks it. Visitors stay on your website. The lightbox shows the large photo or plays the video, with the account name and the caption. Visitors can move to the next or previous post with the arrows.`}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[need_0,` Pro widgets come with the Lite, Pro and Developer plans. Every paid plan starts with a 14-day free trial. See `,_jsx(_components.a,{href:`/getting-started/free-and-pro-widgets`,children:`Free and Pro widgets`}),`.`]})}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Open your widget`,children:_jsxs(_components.p,{children:[`On your `,_jsx(_components.a,{href:`https://snapwidget.com/dashboard`,children:`dashboard`}),`, click the widget.`]})}),_jsxs(Step,{title:`Set Photo Link to Lightbox`,children:[_jsxs(_components.p,{children:[`On the `,_jsx(_components.strong,{children:`Advanced`}),` tab, set `,_jsx(_components.strong,{children:`Photo Link`}),` to `,_jsx(_components.strong,{children:`Lightbox`}),`.`]}),_jsx(OptimizedImage,{src:`https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=3907bedab1c229fb4ce40b1914f92035`,alt:`Photo Link set to Lightbox on the Advanced tab`,\"data-og-width\":`1446`,width:`1446`,\"data-og-height\":`840`,height:`840`,\"data-path\":`images/widget-settings/lightbox/photo-link-lightbox.jpg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=280\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=cd86dabadf20763513a4d4ad26c6aff0 280w, https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=560\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=57c679876db2e07dcbce27be4e849e22 560w, https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=840\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=d1a9cbf26dc4fe5add1d8a2013ba0ac6 840w, https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=1100\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=e0d2c19a4af992f3bda26feb44c93bf1 1100w, https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=1650\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=e1571d9ab2d9047b14aeae6a59e2f96b 1650w, https://mintcdn.com/snapwidget/kHxTIsWVKiWr43ju/images/widget-settings/lightbox/photo-link-lightbox.jpg?w=2500\u0026fit=max\u0026auto=format\u0026n=kHxTIsWVKiWr43ju\u0026q=85\u0026s=d760667df7a7f8c81b13057ac73b7006 2500w`})]}),_jsx(Step,{title:`Update the code on your website`,children:_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Install Widget`}),`, then `,_jsx(_components.strong,{children:`Copy Code`}),`. Replace the old code on your website with the new code.`]})})]}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`You must replace the code on your website. The lightbox needs two extra lines that only the new code has. Without them, nothing happens when a visitor clicks a post.`})}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Lightbox`}),` is in `,_jsx(_components.strong,{children:`Photo Link`}),` on Pro Instagram, Facebook, X (Twitter) and YouTube widgets. The `,_jsx(_components.strong,{children:`Feed`}),` layout has no `,_jsx(_components.strong,{children:`Photo Link`}),` setting.`]}),`\n`,_jsxs(_components.p,{children:[`To add product links to the lightbox, see `,_jsx(_components.a,{href:`/widget-settings/shoppable-photos`,children:`Shoppable photos`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{need_0,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"How do I display a photo in a lightbox?","sidebarTitle":"Lightbox","description":"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.","href":"/widget-settings/lightbox"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[977,993,"`Lightbox needs a Pro widget.`,` Pro wid"]]},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"snapwidget","siteName":"SnapWidget Docs","title":"How do I display a photo in a lightbox? - SnapWidget Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-27T06:37:59.417Z","originalFileLocation":"widget-settings/lightbox.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\">\u003cmeta data-mint-head name=\"application-name\" content=\"SnapWidget Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"How do I display a photo in a lightbox? - SnapWidget Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"SnapWidget Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://snapwidget.com/docs/widget-settings/lightbox\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://snapwidget.mintlify.site/docs/_mintlify/api/og/v2?division=Widget+settings\u0026amp;title=How+do+I+display+a+photo+in+a+lightbox%3F\u0026amp;description=Set+Photo+Link+to+Lightbox+on+a+Pro+widget+to+open+posts+in+a+lightbox+on+your+own+page%2C+so+visitors+stay+on+your+site.\u0026amp;theme=4c2348aa188979370253517f\u0026amp;signature=ad4e4e1aa0c407192fc2d4246479de113f1435c9f0b3008374123a2389656497\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"How do I display a photo in a lightbox? - SnapWidget Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://snapwidget.mintlify.site/docs/_mintlify/api/og/v2?division=Widget+settings\u0026amp;title=How+do+I+display+a+photo+in+a+lightbox%3F\u0026amp;description=Set+Photo+Link+to+Lightbox+on+a+Pro+widget+to+open+posts+in+a+lightbox+on+your+own+page%2C+so+visitors+stay+on+your+site.\u0026amp;theme=4c2348aa188979370253517f\u0026amp;signature=ad4e4e1aa0c407192fc2d4246479de113f1435c9f0b3008374123a2389656497\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/snapwidget/xf9AGSjsZTCiIfHk/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"SnapWidget Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#2563EB\">\u003clink data-mint-head rel=\"canonical\" href=\"https://snapwidget.com/docs/widget-settings/lightbox\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/widget-settings/lightbox.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://snapwidget.com/#organization\",\"name\":\"SnapWidget Docs\",\"url\":\"https://snapwidget.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/snapwidget/tkFpPuR-C8wHblDY/logo/light.svg?fit=max\u0026auto=format\u0026n=tkFpPuR-C8wHblDY\u0026q=85\u0026s=13a167c8e04ef37975898245acc28bad\"}},{\"@type\":\"WebSite\",\"@id\":\"https://snapwidget.com/docs#website\",\"name\":\"SnapWidget Docs\",\"url\":\"https://snapwidget.com/docs\",\"publisher\":{\"@id\":\"https://snapwidget.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://snapwidget.com/docs/widget-settings/lightbox#webpage\",\"url\":\"https://snapwidget.com/docs/widget-settings/lightbox\",\"name\":\"How do I display a photo in a lightbox?\",\"description\":\"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\",\"dateModified\":\"2026-10-27T06:37:59.417Z\",\"isPartOf\":{\"@id\":\"https://snapwidget.com/docs#website\"},\"breadcrumb\":{\"@id\":\"https://snapwidget.com/docs/widget-settings/lightbox#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://snapwidget.com/docs/widget-settings/lightbox#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Widget settings\",\"item\":\"https://snapwidget.com/docs/widget-settings/change-layout-and-description\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I display a photo in a lightbox?\",\"item\":\"https://snapwidget.com/docs/widget-settings/lightbox\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://snapwidget.com/docs/widget-settings/lightbox#article\",\"headline\":\"How do I display a photo in a lightbox?\",\"name\":\"How do I display a photo in a lightbox?\",\"description\":\"Set Photo Link to Lightbox on a Pro widget to open posts in a lightbox on your own page, so visitors stay on your site.\",\"url\":\"https://snapwidget.com/docs/widget-settings/lightbox\",\"mainEntityOfPage\":{\"@id\":\"https://snapwidget.com/docs/widget-settings/lightbox#webpage\"},\"dateModified\":\"2026-10-27T06:37:59.417Z\",\"publisher\":{\"@id\":\"https://snapwidget.com/#organization\"},\"isPartOf\":{\"@id\":\"https://snapwidget.com/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"SnapWidget Docs\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"SnapWidget Docs\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/docs/widget-settings/lightbox.md","siteName":"SnapWidget Docs","nav":{"global":null,"tabs":[{"tab":"Guides","groups":[{"group":"Getting started","pages":[{"title":"Help and guides","sidebarTitle":"Welcome","icon":"house","href":""},{"title":"What is SnapWidget and how does it work?","sidebarTitle":"What is SnapWidget?","href":"/getting-started/what-is-snapwidget"},{"title":"How do I create a new Instagram widget?","sidebarTitle":"Create an Instagram widget","href":"/getting-started/create-an-instagram-widget"},{"title":"Where can I find my widget code snippet?","sidebarTitle":"Find your widget code","href":"/getting-started/find-your-widget-code"},{"title":"What is the Sources page?","sidebarTitle":"Sources page","href":"/getting-started/sources"},{"title":"What is the difference between free and pro widgets?","sidebarTitle":"Free and Pro widgets","href":"/getting-started/free-and-pro-widgets"}]},{"group":"AI agents","pages":[{"title":"Use SnapWidget with an AI agent","sidebarTitle":"Connect an AI agent","href":"/ai-agents"}]},{"group":"Instagram","pages":[{"title":"How do I create a new widget for an Instagram Business Account?","sidebarTitle":"Instagram business account widget","href":"/instagram/business-account-widget"},{"title":"How do I create an Instagram hashtag widget?","sidebarTitle":"Instagram hashtag widget","href":"/instagram/hashtag-widget"},{"title":"Can I display Instagram photos for another user?","sidebarTitle":"Photos for another user","href":"/instagram/another-users-photos"},{"title":"How can I use Send For Auth to create a widget for another user?","sidebarTitle":"Send For Auth","href":"/instagram/send-for-auth"},{"title":"How do I determine if I've got a Business, Creator or Personal Instagram account?","sidebarTitle":"Check your account type","href":"/instagram/check-your-account-type"},{"title":"How do I convert a personal Instagram profile to a business profile?","sidebarTitle":"Convert to a business account","href":"/instagram/convert-to-a-business-account"},{"title":"How to Switch to a Creator Account on Instagram (2026 Guide)","sidebarTitle":"Switch to a creator account","href":"/instagram/switch-to-a-creator-account"},{"title":"Can I display Instagram photos in the new 3:4 ratio grid?","sidebarTitle":"3:4 ratio grid","href":"/instagram/3-4-ratio-grid"},{"title":"Deprecation of the Instagram Basic Display API","sidebarTitle":"Basic Display API deprecation","href":"/instagram/basic-display-api-deprecation"},{"title":"Can I use an Instagram widget without an Instagram account?","sidebarTitle":"Without an Instagram account","href":"/instagram/without-an-instagram-account"}]},{"group":"Facebook","pages":[{"title":"How do I create a widget to display Facebook photos?","sidebarTitle":"Facebook photos widget","href":"/facebook/photos-widget"},{"title":"How do I create a widget to display photos for a Facebook page?","sidebarTitle":"Facebook page photos","href":"/facebook/page-photos-widget"},{"title":"How do I create a widget to display photos from a Facebook page album?","sidebarTitle":"Facebook page album","href":"/facebook/page-album-widget"},{"title":"Can I use a Facebook widget without a Facebook account?","sidebarTitle":"Without a Facebook account","href":"/facebook/without-a-facebook-account"}]},{"group":"X (Twitter)","pages":[{"title":"How do I create an X (Twitter) hashtag widget?","sidebarTitle":"X hashtag widget","href":"/x/hashtag-widget"},{"title":"Can I use an X (Twitter) widget without an X account?","sidebarTitle":"Without an X account","href":"/x/without-an-x-account"}]},{"group":"YouTube","pages":[{"title":"How do I show my YouTube videos on my website?","sidebarTitle":"YouTube widget","href":"/youtube/youtube-widget"}]},{"group":"Review widgets","pages":[{"title":"What are review widgets?","sidebarTitle":"Review widgets","href":"/reviews/review-widgets"},{"title":"How do I import my Google reviews?","sidebarTitle":"Add a Google source","href":"/reviews/add-a-google-source"},{"title":"How do I import my G2 reviews?","sidebarTitle":"Add a G2 source","href":"/reviews/add-a-g2-source"},{"title":"How do I add my own reviews or import a CSV file?","sidebarTitle":"Add your own reviews","href":"/reviews/add-your-own-reviews"},{"title":"How do I ask customers for a review?","sidebarTitle":"Ask for reviews","href":"/reviews/ask-for-reviews"},{"title":"How do I approve, hide or edit reviews?","sidebarTitle":"Approve, hide and edit reviews","href":"/reviews/manage-reviews"},{"title":"How do I create a review widget?","sidebarTitle":"Create a review widget","href":"/reviews/create-a-review-widget"},{"title":"What settings does a review widget have?","sidebarTitle":"Review widget settings","href":"/reviews/review-widget-settings"},{"title":"How do I add a review widget to my website?","sidebarTitle":"Install a review widget","href":"/reviews/install-a-review-widget"}]},{"group":"Widget settings","pages":[{"title":"How do I change the layout or the description of a widget?","sidebarTitle":"Change the layout or description","href":"/widget-settings/change-layout-and-description"},{"title":"How can I show more posts in my widget?","sidebarTitle":"Show more posts","href":"/widget-settings/show-more-posts"},{"title":"How do I configure specific widget layouts based on display size?","sidebarTitle":"Layouts by screen size","href":"/widget-settings/layouts-by-screen-size"},{"title":"How do I filter the content displayed in my widget?","sidebarTitle":"Filter content","href":"/widget-settings/filter-content"},{"title":"How do I hide, pin or approve the posts in my widget?","sidebarTitle":"Hide, pin and approve posts","description":"Post moderation for your widget: hide one post, pin your best posts first, hide posts with words such as sale, or approve each new post before it shows on your website.","href":"/widget-settings/choose-posts"},{"title":"How do I display a photo in a lightbox?","sidebarTitle":"Lightbox","href":"/widget-settings/lightbox"},{"title":"How do I display my Instagram photos in a popup window?","sidebarTitle":"Popup","description":"Set Photo Link to Photo Popup or Instagram Popup on a Pro widget to open a photo in a small popup window when a visitor clicks it.","href":"/widget-settings/popup"},{"title":"How do I link my photos to the Instagram page for each photo?","sidebarTitle":"Link to Instagram","href":"/widget-settings/link-to-instagram"},{"title":"How do I let users link to a page on my site when clicking on a photo?","sidebarTitle":"Link to your pages","href":"/widget-settings/link-to-your-pages"},{"title":"How do I disable the links on the photos in the widget?","sidebarTitle":"Disable photo links","href":"/widget-settings/disable-photo-links"},{"title":"How do I make my photos shoppable?","sidebarTitle":"Shoppable photos","href":"/widget-settings/shoppable-photos"},{"title":"How do I see the views and clicks of my widgets?","sidebarTitle":"Analytics","href":"/widget-settings/analytics"},{"title":"How do I use custom CSS to style my widget?","sidebarTitle":"Custom CSS","href":"/widget-settings/custom-css"}]},{"group":"Install on your website","pages":[{"title":"How do I add an Instagram widget to any HTML website?","sidebarTitle":"Any HTML website","href":"/install/html-website"},{"group":"Website builders","pages":[{"title":"How do I add an Instagram widget to my GoDaddy Website Builder website?","sidebarTitle":"GoDaddy","href":"/install/godaddy"},{"title":"How do I add an Instagram widget to my Google Sites website?","sidebarTitle":"Google Sites","href":"/install/google-sites"},{"title":"How do I add an Instagram widget to my Framer website?","sidebarTitle":"Framer","href":"/install/framer"},{"title":"How do I add an Instagram widget to my Jimdo website?","sidebarTitle":"Jimdo","href":"/install/jimdo"},{"title":"How do I add an Instagram widget to my Kajabi website?","sidebarTitle":"Kajabi","href":"/install/kajabi"},{"title":"How do I add an Instagram widget to my MemberVault website?","sidebarTitle":"MemberVault","href":"/install/membervault"},{"title":"How do I add an Instagram widget to my Nicepage website?","sidebarTitle":"Nicepage","href":"/install/nicepage"},{"title":"How do I add an Instagram widget to my PageCloud website?","sidebarTitle":"PageCloud","href":"/install/pagecloud"},{"title":"How do I add an Instagram widget to my Showit website?","sidebarTitle":"Showit","href":"/install/showit"},{"title":"How do I add an Instagram widget to my SITE123 website?","sidebarTitle":"SITE123","href":"/install/site123"},{"title":"How do I add an Instagram widget to my SitePad Builder website?","sidebarTitle":"SitePad","href":"/install/sitepad"},{"title":"How do I add an Instagram widget to SnapPages?","sidebarTitle":"SnapPages","href":"/install/snappages"},{"title":"How do I add an Instagram widget to Squarespace?","sidebarTitle":"Squarespace","href":"/install/squarespace"},{"title":"How do I add an Instagram widget to my Studio website?","sidebarTitle":"Studio","href":"/install/studio"},{"title":"How do I add an Instagram widget to my Webflow website?","sidebarTitle":"Webflow","href":"/install/webflow"},{"title":"How do I add an Instagram widget to my Webnode website?","sidebarTitle":"Webnode","href":"/install/webnode"},{"title":"How do I add an Instagram widget to my WebSite X5 website?","sidebarTitle":"WebSite X5","href":"/install/website-x5"},{"title":"How do I add an Instagram feed widget to my Weebly website?","sidebarTitle":"Weebly","href":"/install/weebly"},{"title":"How do I add an Instagram widget to my Wix website?","sidebarTitle":"Wix","href":"/install/wix"},{"title":"How do I add an Instagram widget to my ZOHO website?","sidebarTitle":"Zoho Sites","href":"/install/zoho-sites"}]},{"group":"E-commerce","pages":[{"title":"How do I add an Instagram widget to my Big Cartel website?","sidebarTitle":"Big Cartel","href":"/install/big-cartel"},{"title":"How do I add an Instagram widget to BigCommerce?","sidebarTitle":"BigCommerce","href":"/install/bigcommerce"},{"title":"How do I add an Instagram widget to Cratejoy?","sidebarTitle":"Cratejoy","href":"/install/cratejoy"},{"title":"How do I add an Instagram widget to my CubeCart website?","sidebarTitle":"CubeCart","href":"/install/cubecart"},{"title":"How do I add an Instagram feed to my Mijnwebwinkel webshop?","sidebarTitle":"Mijnwebwinkel","href":"/install/mijnwebwinkel"},{"title":"How do I add an Instagram widget to Shopify?","sidebarTitle":"Shopify","href":"/install/shopify"}]},{"group":"CMS and blogs","pages":[{"title":"How do I add an Instagram widget to my Blogger webpage or blog post?","sidebarTitle":"Blogger","href":"/install/blogger"},{"title":"How do I add an Instagram widget to my Bludit website?","sidebarTitle":"Bludit","href":"/install/bludit"},{"title":"How do I add an Instagram widget to my ClassicPress website page?","sidebarTitle":"ClassicPress","href":"/install/classicpress"},{"title":"How do I add an Instagram widget to my CMSimple website?","sidebarTitle":"CMSimple","href":"/install/cmsimple"},{"title":"How do I add an Instagram widget to my Dotclear website page or blog?","sidebarTitle":"Dotclear","href":"/install/dotclear"},{"title":"How do I add an Instagram widget to my Drupal website?","sidebarTitle":"Drupal","href":"/install/drupal"},{"title":"How do I add an Instagram widget to my Elementor website?","sidebarTitle":"Elementor","href":"/install/elementor"},{"title":"How do I add an Instagram widget to my FlatPress website page or blog?","sidebarTitle":"FlatPress","href":"/install/flatpress"},{"title":"How do I add an Instagram widget to my Grav website?","sidebarTitle":"Grav","href":"/install/grav"},{"title":"How do I add an Instagram widget to my HTMLy website?","sidebarTitle":"HTMLy","href":"/install/htmly"},{"title":"How do I add an Instagram widget to my Joomla website?","sidebarTitle":"Joomla","href":"/install/joomla"},{"title":"How do I add an Instagram widget to my Serendipity website?","sidebarTitle":"Serendipity","href":"/install/serendipity"},{"title":"How do I add an Instagram widget to my Tumblr blog?","sidebarTitle":"Tumblr","href":"/install/tumblr"},{"title":"How do I add an Instagram widget to my WebsiteBaker website?","sidebarTitle":"WebsiteBaker","href":"/install/websitebaker"},{"title":"How do I add an Instagram widget to my WonderCMS website?","sidebarTitle":"WonderCMS","href":"/install/wondercms"},{"title":"How do I add an Instagram widget to my WordPress website?","sidebarTitle":"WordPress","href":"/install/wordpress"}]},{"group":"Nederlands","pages":[{"title":"Hoe voeg ik een Instagram feed toe aan mijn Mijnwebwinkel webshop?","sidebarTitle":"Mijnwebwinkel (NL)","href":"/install/mijnwebwinkel-nl"},{"title":"Hoe maak ik mijn foto's shoppable?","sidebarTitle":"Shoppable foto's (NL)","href":"/widget-settings/shoppable-photos-nl"}]}]},{"group":"Account and billing","pages":[{"title":"What are the pricing plans for SnapWidget?","sidebarTitle":"Pricing plans","href":"/account/pricing-plans"},{"title":"How do I invite my team to SnapWidget?","sidebarTitle":"Invite your team","href":"/account/team"},{"title":"How do I update my payment information?","sidebarTitle":"Update payment information","href":"/account/update-payment-information"},{"title":"How do I delete my SnapWidget account?","sidebarTitle":"Delete your account","href":"/account/delete-your-account"},{"title":"How does GDPR affect SnapWidget?","sidebarTitle":"GDPR","href":"/account/gdpr"}]},{"group":"FAQ","pages":[{"title":"Is the free widget still free?","sidebarTitle":"Is the free widget still free?","href":"/faq/is-the-free-widget-still-free"},{"title":"Will my photos automatically update in the widget when I post them to Instagram?","sidebarTitle":"Automatic updates","href":"/faq/automatic-updates"},{"title":"Can I use SnapWidget on a responsive website?","sidebarTitle":"Responsive websites","href":"/faq/responsive-websites"},{"title":"Can I use the widget with https?","sidebarTitle":"HTTPS","href":"/faq/https"}]},{"group":"Troubleshooting","pages":[{"title":"Why am I getting a message saying my widget needs to be updated / re-authed?","sidebarTitle":"Widget needs to be updated","href":"/troubleshooting/widget-needs-to-be-updated"},{"title":"Why is my widget displaying a message that it needs to be upgraded?","sidebarTitle":"Widget needs to be upgraded","href":"/troubleshooting/widget-needs-to-be-upgraded"},{"title":"Why is my Instagram widget not updating with new photos?","sidebarTitle":"Widget not updating","href":"/troubleshooting/widget-not-updating"},{"title":"My Instagram account is public, so why aren't my photos showing up?","sidebarTitle":"Photos not showing","href":"/troubleshooting/photos-not-showing"},{"title":"Why am I seeing someone else's photos in my widget?","sidebarTitle":"Someone else's photos","href":"/troubleshooting/someone-elses-photos"},{"title":"Why are my photos going to SnapWidget and not Instagram when clicked?","sidebarTitle":"Photos open SnapWidget","href":"/troubleshooting/photos-open-snapwidget"},{"title":"Why am I not seeing comments and likes in my widget?","sidebarTitle":"Comments and likes","href":"/troubleshooting/comments-and-likes"},{"title":"Nothing happens when I click Connect in the widget setup","sidebarTitle":"Connect button","href":"/troubleshooting/username-field"},{"title":"Why am I getting an error about off-Facebook activity being turned off?","sidebarTitle":"Off-Facebook activity","href":"/troubleshooting/off-facebook-activity"},{"title":"How do I add SnapWidget to the Firefox Facebook Container?","sidebarTitle":"Firefox Facebook Container","href":"/troubleshooting/firefox-facebook-container"},{"title":"Why does WordPress display a link instead of the widget?","sidebarTitle":"WordPress shows a link","href":"/troubleshooting/wordpress-shows-a-link"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]}]},"basePath":"","title":"How do I display a photo in a lightbox? - SnapWidget Docs","buildId":"dpl_2AK98Hxhwu4fUXpx9atbv41cC328","deploymentId":"dpl_2AK98Hxhwu4fUXpx9atbv41cC328","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-T84NdC3b.js","lightbox-handle-r17bVUz3.js"]}
