[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcustomer-portal":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":571,"links":572,"dates":633},"\u002Fexamples\u002Ftags\u002Fcustomer-portal","collection","screens",true,{"example_count":9,"app_count":10},66,15,{"id":12,"title":13,"description":14},20712,"Customer portal","",{"title":16,"description":17,"og_image":18},"Customer portal screen examples - Nicelydone","Customer portal screen design examples from SaaS apps. Browse examples from Polar, Origin Financial, Dock.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facd60343-37ed-4483-a1a2-b85f39eee0ce.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Customer portal screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"66 screens",[34,110,158,215,259,298,329,366,403,438,488,532],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":71,"app":88},"acd60343-37ed-4483-a1a2-b85f39eee0ce","Customer Portal - Polar","Documentation page explaining the Customer Portal feature, including its capabilities, configuration next steps, and frequently asked questions.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",3008,5844,"Customer Portal - Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45,53,62],{"id":46,"label":47,"slug":48,"rank":49,"group":50},78,"Article","article",0,{"id":10,"label":51,"slug":52},"Marketing Page Types","marketing-page-types",{"id":54,"label":55,"slug":56,"rank":57,"group":58},32,"AI Search","ai-search",1,{"id":59,"label":60,"slug":61},3,"AI","ai",{"id":63,"label":64,"slug":65,"rank":66,"group":67},118,"Help","help",2,{"id":68,"label":69,"slug":70},12,"States & Feedback","states-and-feedback",[72,76,80,84],{"id":73,"title":74,"slug":75},168,"Accordion","accordion",{"id":77,"title":78,"slug":79},211,"Pagination","pagination",{"id":81,"title":82,"slug":83},174,"Card","card",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[94,98,102,106],{"id":95,"title":96,"slug":97},36,"Finance","finance",{"id":99,"title":100,"slug":101},39,"Payments","payments",{"id":103,"title":104,"slug":105},48,"Developer Tools","developer-tools",{"id":107,"title":108,"slug":109},37,"Developer APIs","developer-apis",{"uuid":111,"title":112,"description":113,"canonical_path":114,"image":115,"width":116,"height":117,"image_alt":118,"published_at":119,"kind":43,"patterns":120,"component_categories":137,"app":143},"07165a7b-e7a0-4ac5-acb9-b5bd635f6c43","Origin Financial Billing","Billing settings page where the user manages their subscription, payment methods, and views invoice history via a Stripe-hosted portal.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07165a7b-e7a0-4ac5-acb9-b5bd635f6c43.png",3024,1758,"Origin Financial Billing from Origin Financial","2026-08-31T10:47:43.000Z",[121,129],{"id":122,"label":123,"slug":124,"rank":49,"group":125},96,"Billing Settings","billing-settings",{"id":126,"label":127,"slug":128},10,"Settings & Admin","settings-and-admin",{"id":130,"label":131,"slug":132,"rank":57,"group":133},132,"Payment Method","payment-method",{"id":134,"label":135,"slug":136},14,"Payments & Checkout","payments-and-checkout",[138,142],{"id":139,"title":140,"slug":141},260,"Badge","badge",{"id":85,"title":86,"slug":87},{"slug":144,"title":145,"logo":146,"baseline":147,"categories":148},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[149,150,154],{"id":95,"title":96,"slug":97},{"id":151,"title":152,"slug":153},56,"Accounting","accounting",{"id":155,"title":156,"slug":157},80,"Artificial Intelligence","artificial-intelligence",{"uuid":159,"title":160,"description":161,"canonical_path":162,"image":163,"width":116,"height":117,"image_alt":164,"published_at":165,"kind":43,"patterns":166,"component_categories":187,"app":201},"54854e1b-1319-4496-903d-82f28731160b","Internal · BrightLayer Analytics Deal Room","Detail page for a deal room where the forms tab is currently empty, explaining that forms can be used across workspaces.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54854e1b-1319-4496-903d-82f28731160b.png","Internal · BrightLayer Analytics Deal Room from Dock","2026-07-13T15:30:47.000Z",[167,172,180],{"id":168,"label":169,"slug":170,"rank":49,"group":171},115,"Empty State","empty-state",{"id":68,"label":69,"slug":70},{"id":173,"label":174,"slug":175,"rank":57,"group":176},79,"Browse","browse",{"id":177,"label":178,"slug":179},8,"Pages & Content","pages-and-content",{"id":181,"label":182,"slug":183,"rank":66,"group":184},7,"Add & Create","add-and-create",{"id":66,"label":185,"slug":186},"Actions","actions",[188,192,196,200],{"id":189,"title":190,"slug":191},233,"Tabs","tabs",{"id":193,"title":194,"slug":195},169,"Avatar","avatar",{"id":197,"title":198,"slug":199},240,"Horizontal navigation","horizontal-navigation",{"id":139,"title":140,"slug":141},{"slug":202,"title":203,"logo":204,"baseline":205,"categories":206},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[207,211],{"id":208,"title":209,"slug":210},23,"Collaboration","collaboration",{"id":212,"title":213,"slug":214},29,"Task Management","task-management",{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":116,"height":221,"image_alt":222,"published_at":223,"kind":43,"patterns":224,"component_categories":230,"app":241},"5d026ad9-fe1e-4650-a9bb-2f32ce92cc8d","How to create a customer portal Step-by-step guide for 2026","Blog article providing a step-by-step guide on creating a customer portal, featuring a sticky table of contents and a sidebar call-to-action card.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d026ad9-fe1e-4650-a9bb-2f32ce92cc8d.png",29162,"How to create a customer portal Step-by-step guide for 2026 from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[225],{"id":226,"label":227,"slug":228,"rank":49,"group":229},152,"Guide","guide",{"id":10,"label":51,"slug":52},[231,235,239,240],{"id":232,"title":233,"slug":234},258,"Header","header",{"id":236,"title":237,"slug":238},202,"Footer","footer",{"id":193,"title":194,"slug":195},{"id":81,"title":82,"slug":83},{"slug":242,"title":243,"logo":244,"baseline":245,"categories":246},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[247,251,255,256],{"id":248,"title":249,"slug":250},53,"CRM","crm",{"id":252,"title":253,"slug":254},90,"Business","business",{"id":155,"title":156,"slug":157},{"id":122,"title":257,"slug":258},"No code","no-code",{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":116,"height":265,"image_alt":266,"published_at":267,"kind":43,"patterns":268,"component_categories":274,"app":284},"e4423048-cd4e-4757-b559-9d615615438b","Customer Portal Template  No Code App  Glide","Product page detailing a customer portal template with a preview image, feature breakdown, setup steps, and related templates.","\u002Fexamples\u002Fapps\u002Fglide\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4423048-cd4e-4757-b559-9d615615438b.png",10138,"Customer Portal Template  No Code App  Glide from Glide","2025-09-15T14:48:54.000Z",[269],{"id":270,"label":271,"slug":272,"rank":49,"group":273},137,"Product Page","product-page",{"id":10,"label":51,"slug":52},[275,279,280,281,282,283],{"id":276,"title":277,"slug":278},227,"Stepper","stepper",{"id":232,"title":233,"slug":234},{"id":236,"title":237,"slug":238},{"id":81,"title":82,"slug":83},{"id":139,"title":140,"slug":141},{"id":85,"title":86,"slug":87},{"slug":285,"title":286,"logo":287,"baseline":288,"categories":289},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[290,293,297],{"id":181,"title":291,"slug":292},"Web Development","web-development",{"id":294,"title":295,"slug":296},54,"Mobile","mobile",{"id":122,"title":257,"slug":258},{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":116,"height":304,"image_alt":305,"published_at":306,"kind":43,"patterns":307,"component_categories":315,"app":318},"8068e329-d50c-40e7-98a7-82bcfa987fe0","Mainframe Billing","Loading screen for a Stripe billing portal where the user waits to manage their subscription.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8068e329-d50c-40e7-98a7-82bcfa987fe0.png",1780,"Mainframe Billing from Cobot","2025-09-15T14:01:17.000Z",[308,313],{"id":309,"label":310,"slug":311,"rank":49,"group":312},120,"Loading","loading",{"id":68,"label":69,"slug":70},{"id":122,"label":123,"slug":124,"rank":57,"group":314},{"id":126,"label":127,"slug":128},[316,317],{"id":197,"title":198,"slug":199},{"id":85,"title":86,"slug":87},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"cobot","Cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[324,325],{"id":155,"title":156,"slug":157},{"id":326,"title":327,"slug":328},30,"Productivity","productivity",{"uuid":330,"title":331,"description":332,"canonical_path":333,"image":334,"width":116,"height":335,"image_alt":336,"published_at":337,"kind":43,"patterns":338,"component_categories":344,"app":347},"ac8a28a9-2c03-49d8-b161-59be089e34e4","User profiles  Outseta","Feature page explaining how members can customize and update their user profiles anytime, with a free trial call to action.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac8a28a9-2c03-49d8-b161-59be089e34e4.png",3714,"User profiles  Outseta from Outseta","2025-09-01T19:09:29.000Z",[339],{"id":340,"label":341,"slug":342,"rank":49,"group":343},138,"Feature Page","feature-page",{"id":10,"label":51,"slug":52},[345,346],{"id":232,"title":233,"slug":234},{"id":236,"title":237,"slug":238},{"slug":348,"title":349,"logo":350,"baseline":351,"categories":352},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[353,356,360,361,362],{"id":57,"title":354,"slug":355},"Communities","communities",{"id":357,"title":358,"slug":359},92,"Email","email",{"id":248,"title":249,"slug":250},{"id":99,"title":100,"slug":101},{"id":363,"title":364,"slug":365},47,"Customer Service","customer-service",{"uuid":367,"title":368,"description":369,"canonical_path":370,"image":371,"width":116,"height":304,"image_alt":372,"published_at":373,"kind":43,"patterns":374,"component_categories":380,"app":390},"eb49b445-c22e-4d81-a44c-0763c4069247","Interfaces","Creation overlay where the user chooses to build a new interface from a form template, a customer portal template, or from scratch.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb49b445-c22e-4d81-a44c-0763c4069247.png","Interfaces from Zapier","2025-07-28T14:04:12.000Z",[375],{"id":376,"label":377,"slug":378,"rank":49,"group":379},86,"Templates","templates",{"id":177,"label":178,"slug":179},[381,385,386,387,388,389],{"id":382,"title":383,"slug":384},284,"Modal","modal",{"id":189,"title":190,"slug":191},{"id":197,"title":198,"slug":199},{"id":81,"title":82,"slug":83},{"id":139,"title":140,"slug":141},{"id":85,"title":86,"slug":87},{"slug":391,"title":392,"logo":393,"baseline":394,"categories":395},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[396,397,398,399],{"id":107,"title":108,"slug":109},{"id":103,"title":104,"slug":105},{"id":155,"title":156,"slug":157},{"id":400,"title":401,"slug":402},105,"Workflow Automation","workflow-automation",{"uuid":404,"title":405,"description":406,"canonical_path":407,"image":408,"width":116,"height":304,"image_alt":409,"published_at":410,"kind":43,"patterns":411,"component_categories":424,"app":427},"efbd7423-bfc5-4280-afcb-7d7374b2aa86","Twenty.com Billing","Billing settings page where the user can view their active trial status, add a payment method, update their email, and review invoice history.","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fefbd7423-bfc5-4280-afcb-7d7374b2aa86.png","Twenty.com Billing from Twenty","2025-07-07T13:08:30.000Z",[412,414,422],{"id":122,"label":123,"slug":124,"rank":49,"group":413},{"id":126,"label":127,"slug":128},{"id":415,"label":416,"slug":417,"rank":57,"group":418},91,"Trial","trial",{"id":419,"label":420,"slug":421},9,"Plans & Limits","plans-and-limits",{"id":130,"label":131,"slug":132,"rank":66,"group":423},{"id":134,"label":135,"slug":136},[425,426],{"id":139,"title":140,"slug":141},{"id":85,"title":86,"slug":87},{"slug":428,"title":429,"logo":430,"baseline":431,"categories":432},"twenty","Twenty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F958b58b6-f349-407c-8a71-bb683f68bcd2.png","The #1 Open-Source CRM",[433,434],{"id":248,"title":249,"slug":250},{"id":435,"title":436,"slug":437},45,"Open Source","open-source",{"uuid":439,"title":440,"description":441,"canonical_path":442,"image":443,"width":116,"height":444,"image_alt":445,"published_at":446,"kind":43,"patterns":447,"component_categories":470,"app":477},"e3656f10-547d-4755-ba1e-c397eb88435b","Nicelydone","Feedback board where the user views, searches, filters, and votes on feature requests and general feedback posts.","\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3656f10-547d-4755-ba1e-c397eb88435b.png",2178,"Nicelydone from FeatureOS","2025-06-23T19:38:05.000Z",[448,453,458,460,465],{"id":449,"label":450,"slug":451,"rank":49,"group":452},22,"Search","search",{"id":66,"label":185,"slug":186},{"id":454,"label":455,"slug":456,"rank":57,"group":457},13,"Filter & Sort","filter-and-sort",{"id":66,"label":185,"slug":186},{"id":173,"label":174,"slug":175,"rank":66,"group":459},{"id":177,"label":178,"slug":179},{"id":461,"label":462,"slug":463,"rank":59,"group":464},117,"Feedback","feedback",{"id":68,"label":69,"slug":70},{"id":208,"label":466,"slug":467,"rank":468,"group":469},"Select","select",4,{"id":66,"label":185,"slug":186},[471,472,473,474,475,476],{"id":189,"title":190,"slug":191},{"id":193,"title":194,"slug":195},{"id":197,"title":198,"slug":199},{"id":81,"title":82,"slug":83},{"id":139,"title":140,"slug":141},{"id":85,"title":86,"slug":87},{"slug":478,"title":479,"logo":480,"baseline":481,"categories":482},"featureos","FeatureOS","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffeatureos-3jiqbpun.png","Turn every piece of feedback into your competitive edge",[483,486],{"id":376,"title":484,"slug":485},"Product management","product-management",{"id":487,"title":462,"slug":463},35,{"uuid":489,"title":490,"description":491,"canonical_path":492,"image":493,"width":116,"height":494,"image_alt":495,"published_at":496,"kind":43,"patterns":497,"component_categories":517,"app":520},"b43c11e7-2220-4a35-8360-cebbcdb1e352","Mangomint","Client portal home screen where the user can book a new appointment, view their active membership, and manage upcoming scheduled services.","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb43c11e7-2220-4a35-8360-cebbcdb1e352.png",2658,"Mangomint from Mangomint","2025-05-19T12:33:31.000Z",[498,503,510],{"id":499,"label":500,"slug":501,"rank":49,"group":502},81,"Home","home",{"id":177,"label":178,"slug":179},{"id":59,"label":504,"slug":505,"rank":57,"group":506},"Profile","profile",{"id":507,"label":508,"slug":509},11,"Social & Collaboration","social-and-collaboration",{"id":511,"label":512,"slug":513,"rank":66,"group":514},41,"Dashboard","dashboard",{"id":468,"label":515,"slug":516},"Data & Analysis","data-and-analysis",[518,519],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":521,"title":490,"logo":522,"baseline":523,"categories":524},"mangomint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F25bad55a-e8c6-455f-a94a-ec8e1b845320.png","Everything you need to power your salon and spa",[525,528],{"id":511,"title":526,"slug":527},"Health and Wellness","health-and-wellness",{"id":529,"title":530,"slug":531},101,"Calendar","calendar",{"uuid":533,"title":534,"description":535,"canonical_path":536,"image":537,"width":116,"height":538,"image_alt":539,"published_at":540,"kind":43,"patterns":541,"component_categories":552,"app":558},"7d2e864d-cd05-4b38-8613-e63f03ced146","Front (4)","Settings page where the user can enable and configure a customer portal to let visitors track their requests, featuring a live preview of the portal interface.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d2e864d-cd05-4b38-8613-e63f03ced146.png",1778,"Front (4) from Front","2025-03-03T14:56:15.000Z",[542,547],{"id":543,"label":544,"slug":545,"rank":49,"group":546},102,"Settings","settings",{"id":126,"label":127,"slug":128},{"id":548,"label":549,"slug":550,"rank":57,"group":551},17,"Publish","publish",{"id":66,"label":185,"slug":186},[553,554,555,556,557],{"id":193,"title":194,"slug":195},{"id":189,"title":190,"slug":191},{"id":197,"title":198,"slug":199},{"id":139,"title":140,"slug":141},{"id":85,"title":86,"slug":87},{"slug":559,"title":560,"logo":561,"baseline":562,"categories":563},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[564,565,566,570],{"id":208,"title":209,"slug":210},{"id":363,"title":364,"slug":365},{"id":567,"title":568,"slug":569},82,"Communication","communication",{"id":357,"title":358,"slug":359},[],[573,575,577,579,581,583,585,587,589,591,593,595,597,600,603,606,609,612,615,618,621,624,627,630],{"label":123,"to":574,"count":59},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":174,"to":576,"count":66},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":131,"to":578,"count":66},"\u002Fexamples\u002Fscreens\u002Fpayment-method",{"label":182,"to":580,"count":57},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":55,"to":582,"count":57},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":512,"to":584,"count":57},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":169,"to":586,"count":57},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":462,"to":588,"count":57},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":455,"to":590,"count":57},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":64,"to":592,"count":57},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":500,"to":594,"count":57},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":310,"to":596,"count":57},"\u002Fexamples\u002Fscreens\u002Floading",{"label":598,"to":599},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":601,"to":602},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":604,"to":605},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":607,"to":608},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":610,"to":611},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"label":613,"to":614},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":616,"to":617},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":619,"to":620},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":622,"to":623},"Twenty design examples","\u002Fexamples\u002Fapps\u002Ftwenty",{"label":625,"to":626},"FeatureOS design examples","\u002Fexamples\u002Fapps\u002Ffeatureos",{"label":628,"to":629},"Mangomint design examples","\u002Fexamples\u002Fapps\u002Fmangomint",{"label":631,"to":632},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"published_at":634,"updated_at":42},"2024-12-15T05:22:09.000Z"]