[{"data":1,"prerenderedAt":721},["ShallowReactive",2],{"story:navigation\u002Fsearch:help":3,"story:help\u002Fcategories":48,"header:help":77,"footer:default":132,"story:help\u002Farticles\u002Fadd-the-customer-portal-to-your-website":314,"no-guide:add-the-customer-portal-to-your-website":36,"article:\u002Fhelp\u002Farticles\u002Fadd-the-customer-portal-to-your-website":489,"story:contact":501,"help:tree:191cb912-30e8-4aa6-a95f-47096fadbae3":691,"_apollo:default":720},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":34,"full_slug":39,"sort_by_date":36,"position":40,"tag_list":41,"is_startpage":42,"parent_id":43,"meta_data":36,"group_id":44,"first_published_at":45,"release_id":36,"lang":46,"path":36,"alternates":47,"default_full_slug":36,"translated_slugs":36},"Search","2024-10-21T22:08:54.973Z","2025-05-26T09:17:25.790Z","2025-05-26T09:17:25.804Z",13592003,"14cbc359-9ac1-4a7a-a8de-ad4ac8ef26d4",{"_uid":11,"name":4,"indices":12,"summary":16,"component":34,"primary_image":35},"5e4a56e8-76f1-4790-b3a7-70f1be97d042",[13,19,24,29],{"key":14,"_uid":15,"icon":16,"name":17,"component":18},"all","c12a3210-7323-4273-8217-5215e52efe84","","All","index",{"key":20,"_uid":21,"icon":22,"name":23,"component":18},"help_center_article","5acff080-95e4-44d3-8dcf-1b19720af382","fa-file-alt","Articles",{"key":25,"_uid":26,"icon":27,"name":28,"component":18},"help_center_guide","b8fbc206-c083-471e-a1f0-0ebeb90a669d","fa-book","Guides",{"key":30,"_uid":31,"icon":32,"name":33,"component":18},"blog_post","23419e83-2e56-4c4c-8a05-9fd1b3c9a9bd","fa-file-image","Blog Posts","search",{"id":36,"alt":36,"name":16,"focus":36,"title":36,"source":36,"filename":16,"copyright":36,"fieldtype":37,"meta_data":38},null,"asset",{},"navigation\u002Fsearch",60,[],false,10082747,"11e1fd31-95cd-4fc9-b736-8b8910663e6c","2024-10-21T23:17:05.904Z","default",[],{"name":23,"created_at":49,"published_at":50,"updated_at":51,"id":52,"uuid":53,"content":54,"slug":68,"full_slug":69,"sort_by_date":36,"position":70,"tag_list":71,"is_startpage":72,"parent_id":73,"meta_data":36,"group_id":74,"first_published_at":75,"release_id":36,"lang":46,"path":36,"alternates":76,"default_full_slug":36,"translated_slugs":36},"2022-09-19T14:42:29.685Z","2024-07-30T18:17:22.506Z","2024-07-30T18:17:22.525Z",2660,"4c0a2d99-ec30-4579-8ef1-6bf5564d4839",{"_uid":55,"icon":16,"name":23,"guides":56,"pinned":42,"summary":57,"category":16,"component":58,"blog_posts":59,"content_hub":42,"icon_custom":60,"case_studies":61,"faq_sections":62,"help_articles":63,"featured_guides":64,"mailbox_category":16,"featured_articles":65,"featured_blog_posts":66,"featured_case_studies":67},"d6dae89a-907a-4bf7-82de-fe2ba875ee6e",[],"Get your questions answered with our browsable knowledge base.","help_center_category",[],{"id":36,"alt":36,"name":16,"focus":36,"title":36,"filename":16,"copyright":36,"fieldtype":37},[],[],[],[],[],[],[],"categories","help\u002Fcategories\u002F",530,[],true,2658,"19ebcdd2-027f-47f5-9a5b-a8992c959578","2022-09-19T16:24:39.219Z",[],{"name":78,"created_at":79,"published_at":80,"updated_at":81,"id":82,"uuid":83,"content":84,"slug":125,"full_slug":126,"sort_by_date":36,"position":127,"tag_list":128,"is_startpage":42,"parent_id":43,"meta_data":36,"group_id":129,"first_published_at":130,"release_id":36,"lang":46,"path":36,"alternates":131,"default_full_slug":36,"translated_slugs":36},"Help Center Header","2024-08-09T18:06:34.939Z","2024-10-21T21:58:39.217Z","2024-10-21T21:58:39.232Z",10082752,"3e9b88f7-c163-4657-a2f2-62532d600fad",{"_uid":85,"link":86,"badge":89,"items":90,"title":16,"buttons":118,"new_tab":42,"submenu":119,"alignment":16,"component":120,"badge_link":121,"top_menu_items":124},"e5645a1a-f991-40e8-8d67-e40ebc082b5a",{"id":16,"url":16,"linktype":87,"fieldtype":88,"cached_url":16},"story","multilink","Help Center",[91,96,102,107,112],{"_uid":92,"link":93,"title":23,"new_tab":42,"submenu":94,"component":95},"5cbe2861-1f49-4166-97da-a4dddd8105e3",{"id":53,"url":16,"linktype":87,"fieldtype":88,"cached_url":69},[],"header___item",{"_uid":97,"link":98,"title":101,"new_tab":72,"component":95},"1c8edeb5-b9e9-4cb8-b1c6-c1f292f7d7cd",{"id":16,"url":99,"linktype":100,"fieldtype":88,"cached_url":99},"https:\u002F\u002Fwiki.foxycart.com\u002F","url","Documentation",{"_uid":103,"link":104,"title":106,"new_tab":72,"component":95},"8d7df70e-f087-4da0-b616-6f0e9a5af35c",{"id":16,"url":105,"linktype":100,"fieldtype":88,"cached_url":105},"https:\u002F\u002Fapi.foxycart.com\u002F","API Documentation",{"_uid":108,"link":109,"title":111,"new_tab":72,"component":95},"f76e7944-23d5-4652-87e4-cdae79272762",{"id":16,"url":110,"linktype":100,"fieldtype":88,"cached_url":110},"https:\u002F\u002Fstatus.foxy.io\u002F","System Status",{"_uid":113,"link":114,"title":117,"new_tab":42,"component":95},"0de16771-4c84-466c-a1da-d8568113c71f",{"id":115,"url":16,"linktype":87,"fieldtype":88,"cached_url":116},"01e4e370-f9b9-45af-8fa9-f15540699b0d","contact","Contact Us",[],[],"header",{"id":122,"url":16,"linktype":87,"fieldtype":88,"cached_url":123},"4a679eb7-662d-4ea4-a976-5a2acbf0b663","help\u002F",[],"help-header","navigation\u002Fhelp-header",20,[],"71b81c2e-5e09-48a1-a397-a3c72fcd344a","2022-09-21T14:50:25.655Z",[],{"name":133,"created_at":134,"published_at":135,"updated_at":136,"id":137,"uuid":138,"content":139,"slug":307,"full_slug":308,"sort_by_date":36,"position":309,"tag_list":310,"is_startpage":42,"parent_id":43,"meta_data":36,"group_id":311,"first_published_at":312,"release_id":36,"lang":46,"path":36,"alternates":313,"default_full_slug":36,"translated_slugs":36},"Default Footer","2024-08-09T18:06:59.024Z","2025-09-04T06:24:46.223Z","2025-09-04T06:24:46.241Z",10082753,"e59e67ac-248a-482f-84a1-53d4f318186a",{"_uid":140,"about":141,"logos":142,"socials":146,"sections":172,"component":289,"cta_title":290,"bottom_links":291,"cta_subtitle":305,"cta_button_link":306,"cta_button_text":247},"830983f5-c4c4-43c8-b150-86a5e3fa6dc8","Foxy’s hosted cart & payment page allow you to sell anything, using your existing website or platform.",[143],{"id":144,"alt":16,"name":16,"focus":16,"title":16,"filename":145,"copyright":16,"fieldtype":37},14760,"https:\u002F\u002Fa-us.storyblok.com\u002Ff\u002F1001040\u002Fx\u002F3b030847ec\u002Fb-corp.svg",[147,154,160,166],{"_uid":148,"icon":149,"link":150,"name":152,"component":153},"faf0a618-ea94-42ea-9182-03be18c43216","fa-facebook",{"id":16,"url":151,"linktype":100,"fieldtype":88,"cached_url":151},"https:\u002F\u002Fwww.facebook.com\u002Ffoxycart","Facebook","footer___social",{"_uid":155,"icon":156,"link":157,"name":159,"component":153},"14309c18-7e79-423e-b375-34555bac0811","fa-instagram",{"id":16,"url":158,"linktype":100,"fieldtype":88,"cached_url":158},"https:\u002F\u002Fwww.instagram.com\u002Ffoxy_io","Instagram",{"_uid":161,"icon":162,"link":163,"name":165,"component":153},"8f7fe7cf-0dd3-4596-8334-226ea466716a","fa-linkedin",{"id":16,"url":164,"linktype":100,"fieldtype":88,"cached_url":164},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Ffoxycart.com","LinkedIn",{"_uid":167,"icon":168,"link":169,"name":171,"component":153},"90a675b4-dd97-40b5-be09-00a87223d4c5","fa-youtube",{"id":16,"url":170,"linktype":100,"fieldtype":88,"cached_url":170},"https:\u002F\u002Fwww.youtube.com\u002Fuser\u002Ffoxycart","Youtube",[173,203,248,270],{"_uid":174,"name":175,"items":176,"component":202},"82849945-282f-488c-b18d-a8d2252f514a","Company",[177,184,190,196],{"_uid":178,"link":179,"title":182,"new_tab":42,"component":183},"1f699ab1-938b-4d9d-9825-aabcbe6f57fe",{"id":180,"url":16,"linktype":87,"fieldtype":88,"cached_url":181},"63634293-a749-4226-9439-9f38ee6dcda0","about-us","About Us","footer___menu_items",{"_uid":185,"link":186,"title":189,"new_tab":42,"component":183},"b26b00f1-a0e7-4be2-8ab3-428b8cc841f8",{"id":187,"url":16,"linktype":87,"fieldtype":88,"cached_url":188},"26cb7c55-faed-4a77-a291-1552d4111b3e","how-foxy-works","How Foxy Works",{"_uid":191,"link":192,"title":195,"new_tab":42,"component":183},"b40c68a0-1ceb-4226-9515-6176534f61fe",{"id":193,"url":16,"linktype":87,"fieldtype":88,"cached_url":194},"dc6657d7-7f4f-4c0d-b781-e971b038ee26","for-good","Foxy For Good",{"_uid":197,"link":198,"title":201,"new_tab":42,"component":183},"3ad0c134-bef9-4fff-b891-e09f16109036",{"id":199,"url":16,"linktype":87,"fieldtype":88,"cached_url":200},"23cae210-baf4-4588-9862-d09f4f52ccd2","brand-assets","Brand Assets","footer___section",{"_uid":204,"name":205,"items":206,"component":202},"a6805fa8-ac60-47f1-b8f0-f27aded0afbe","Product",[207,213,219,225,231,237,243],{"_uid":208,"link":209,"title":212,"new_tab":42,"component":183},"b39c8a4e-2383-486f-b76a-11fbb15d8134",{"id":210,"url":16,"linktype":87,"fieldtype":88,"cached_url":211},"bb04690f-fe98-4ce6-80be-05b950f2364f","features\u002F","Features",{"_uid":214,"link":215,"title":218,"new_tab":42,"component":183},"64f8a41f-c181-433d-bc0a-fc94e71ecbf6",{"id":216,"url":16,"linktype":87,"fieldtype":88,"cached_url":217},"c450c58d-761d-48c0-a9af-0b064611689b","pricing","Pricing",{"_uid":220,"link":221,"title":224,"new_tab":42,"component":183},"6e0b287f-fd8c-4146-9e0e-0ab0b5c9ce3c",{"id":222,"url":16,"linktype":87,"fieldtype":88,"cached_url":223},"fab20ad9-e76a-4947-b709-3a6fdfa88028","blog\u002Fcategories\u002Fproduct-updates","Product Updates",{"_uid":226,"link":227,"title":230,"new_tab":42,"component":183},"47e5a074-a6b5-4f1c-8c2f-89a2ae9f83eb",{"id":228,"url":16,"linktype":87,"fieldtype":88,"cached_url":229},"d2c83612-d611-47f3-a3b4-ca7fe08540b8","changelogs\u002F","Changelogs",{"_uid":232,"link":233,"title":236,"new_tab":42,"component":183},"b5c08774-542f-4ffd-b357-c94d674488b9",{"id":234,"url":16,"linktype":87,"fieldtype":88,"cached_url":235},"08876121-0df3-4ed9-aa11-902b3e41cd02","whats-next","What's Next",{"_uid":238,"link":239,"title":242,"new_tab":42,"component":183},"9c2704ed-6d9f-43e1-9e67-c8d91c083288",{"id":240,"url":16,"linktype":87,"fieldtype":88,"cached_url":241},"056a7857-b18f-4025-8f97-91a38fc19bc8","compare\u002F","Compare",{"_uid":244,"link":245,"title":247,"new_tab":42,"component":183},"5f2db35b-674b-406a-8fa7-d246633af9fe",{"id":16,"url":246,"linktype":100,"fieldtype":88,"cached_url":246},"https:\u002F\u002Fadmin.foxy.io\u002Fsign-up","Try Foxy Free",{"_uid":249,"name":250,"items":251,"component":202},"63fa1f29-4252-4640-9922-fe310e69e54a","Security",[252,258,264],{"_uid":253,"link":254,"title":257,"new_tab":42,"component":183},"1158ddb6-9eb0-466f-8eb6-7ca2ae66c8b8",{"id":255,"url":16,"linktype":87,"fieldtype":88,"cached_url":256},"1f58fb2c-8681-4742-b6e8-09999beae9f6","security-contact","Security Contact",{"_uid":259,"link":260,"title":263,"new_tab":42,"component":183},"9a79c54a-6022-4dfd-854b-766f5e4703ba",{"id":261,"url":16,"linktype":87,"fieldtype":88,"cached_url":262},"55cbfcc3-425a-4261-8037-54e919851d2d","pci","PCI Compliance",{"_uid":265,"link":266,"title":269,"new_tab":42,"component":183},"0b85f5b6-9534-4071-b323-b39d053dd4d7",{"id":267,"url":16,"linktype":87,"fieldtype":88,"cached_url":268},"c3ac0fe3-83e2-4879-afbd-d4c83e1590df","help\u002Farticles\u002Four-official-domains-public-code","Domains & Codebases",{"_uid":271,"name":272,"items":273,"component":202},"998ded67-d107-49f4-8154-ca6be51671ec","Support",[274,277,280,283,286],{"_uid":275,"link":276,"title":89,"new_tab":42,"component":183},"594ffd35-3049-4004-bb08-0db568ebd819",{"id":122,"url":16,"linktype":87,"fieldtype":88,"cached_url":123},{"_uid":278,"link":279,"title":101,"new_tab":72,"component":183},"0a1a55ab-a985-4f9d-8b42-26da714d0c1c",{"id":16,"url":99,"linktype":100,"fieldtype":88,"cached_url":99},{"_uid":281,"link":282,"title":106,"new_tab":72,"component":183},"61e0b7c8-aadf-419b-a339-b3ccabc65bf4",{"id":16,"url":105,"linktype":100,"fieldtype":88,"cached_url":105},{"_uid":284,"link":285,"title":111,"new_tab":72,"component":183},"fd67a89e-1c54-4d31-94b5-64be999062d6",{"id":16,"url":110,"linktype":100,"fieldtype":88,"cached_url":110},{"_uid":287,"link":288,"title":117,"new_tab":42,"component":183},"231a6f71-e996-4ad4-b033-d4d5542f34f0",{"id":115,"url":16,"linktype":87,"fieldtype":88,"cached_url":116},"footer","Get started with our *unlimited free trial*.",[292,299],{"_uid":293,"link":294,"text":297,"component":298},"f0b77210-2632-45a2-8436-e57cad84d01a",{"id":295,"url":16,"linktype":87,"fieldtype":88,"cached_url":296},"60ba16a2-c1f4-485f-b978-8d2eeeafbf5a","terms-of-service","Terms of Service","footer___bottom_links",{"_uid":300,"link":301,"text":304,"component":298},"4bd497b0-993f-4b4d-a5b7-8a49c7c8fec9",{"id":302,"url":16,"linktype":87,"fieldtype":88,"cached_url":303},"332302b9-1d18-4016-b9c8-9b33c72d782b","privacy-policy","Privacy Policy","No credit card required.",{"id":16,"url":246,"linktype":100,"fieldtype":88,"cached_url":246},"default-footer","navigation\u002Fdefault-footer",50,[],"11006268-07f9-41e9-96f3-c51fb723399d","2022-09-21T20:39:02.357Z",[],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":482,"full_slug":483,"sort_by_date":36,"position":484,"tag_list":485,"is_startpage":42,"parent_id":486,"meta_data":36,"group_id":487,"first_published_at":317,"release_id":36,"lang":46,"path":36,"alternates":488,"default_full_slug":36,"translated_slugs":36},"Add the customer portal to your website","2026-07-16T21:31:32.401Z","2026-07-16T21:56:24.538Z","2026-07-16T21:56:24.553Z",198852167332649,"191cb912-30e8-4aa6-a95f-47096fadbae3",{"_uid":322,"body":323,"name":315,"image":477,"pinned":42,"summary":479,"category":480,"component":20,"related_articles":481},"b4b32112-06a2-45a3-9fee-ca8f4fcc54f2",{"type":324,"content":325},"doc",[326,340,347,366,372,382,396,401,456,461],{"type":327,"attrs":328,"content":329},"paragraph",{"textAlign":36},[330,333,338],{"text":331,"type":332},"Once the customer portal is enabled in your Foxy admin, you add it to your site by embedding the ","text",{"text":334,"type":332,"marks":335},"foxy-customer-portal",[336],{"type":337},"code",{"text":339,"type":332}," element and its script.",{"type":341,"attrs":342,"content":344},"heading",{"level":343,"textAlign":36},2,[345],{"text":346,"type":332},"Steps",{"type":348,"attrs":349,"content":351},"ordered_list",{"order":350},1,[352],{"type":353,"content":354},"list_item",[355],{"type":327,"attrs":356,"content":357},{"textAlign":36},[358,360,364],{"text":359,"type":332},"Add the following to your page, replacing ",{"text":361,"type":332,"marks":362},"YOUR_FOXY_STORE.foxycart.com",[363],{"type":337},{"text":365,"type":332}," with your store’s Foxy subdomain (or custom subdomain, if configured):",{"type":367,"attrs":368,"content":369},"code_block",{"class":36},[370],{"text":371,"type":332},"   \u003Cfoxy-customer-portal base=\"https:\u002F\u002FYOUR_FOXY_STORE.foxycart.com\u002Fs\u002Fcustomer\u002F\">\n   \u003C\u002Ffoxy-customer-portal>\n\n   \u003Cscript type=\"module\">\n     import 'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ffoxy-customer-portal.js';\n\n     const I18nElement = customElements.get('foxy-i18n');\n     const i18nBase = 'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ftranslations';\n     I18nElement.onResourceFetch((ns, lang) => fetch(`${i18nBase}\u002F${ns}\u002F${lang}.json`));\n   \u003C\u002Fscript>\n",{"type":348,"attrs":373,"content":374},{"order":350},[375],{"type":353,"content":376},[377],{"type":327,"attrs":378,"content":379},{"textAlign":36},[380],{"text":381,"type":332},"Publish the page. The portal will show a login form, and customers can sign in with the email and password used at checkout.",{"type":327,"attrs":383,"content":384},{"textAlign":36},[385,387,394],{"text":386,"type":332},"You can see a working example on the ",{"text":388,"type":332,"marks":389},"customer portal demo page",[390],{"type":391,"attrs":392},"link",{"href":393,"uuid":36,"anchor":36,"target":36,"linktype":100},"https:\u002F\u002Ffoxy.io\u002Fexamples\u002Fcustomer-portal-demo",{"text":395,"type":332},".",{"type":341,"attrs":397,"content":398},{"level":343,"textAlign":36},[399],{"text":400,"type":332},"Notes",{"type":402,"content":403},"bullet_list",[404,423,449],{"type":353,"content":405},[406],{"type":327,"attrs":407,"content":408},{"textAlign":36},[409,411,415,417,421],{"text":410,"type":332},"The ",{"text":412,"type":332,"marks":413},"@1",[414],{"type":337},{"text":416,"type":332}," in the CDN URLs points to the current stable release and updates automatically. To try beta releases, use ",{"text":418,"type":332,"marks":419},"elements@beta",[420],{"type":337},{"text":422,"type":332}," instead — not recommended for production.",{"type":353,"content":424},[425],{"type":327,"attrs":426,"content":427},{"textAlign":36},[428,430,433,435,439,441,447],{"text":429,"type":332},"If you’re customizing your portal (adding custom elements or translations), lock to a specific version instead of ",{"text":412,"type":332,"marks":431},[432],{"type":337},{"text":434,"type":332},", for example ",{"text":436,"type":332,"marks":437},"elements@1.28.0",[438],{"type":337},{"text":440,"type":332},". Check the ",{"text":442,"type":332,"marks":443},"Elements GitHub releases",[444],{"type":391,"attrs":445},{"href":446,"uuid":36,"anchor":36,"target":36,"linktype":100},"https:\u002F\u002Fgithub.com\u002FFoxy\u002Ffoxy-elements\u002Freleases",{"text":448,"type":332}," for the latest version, and watch that repository for updates.",{"type":353,"content":450},[451],{"type":327,"attrs":452,"content":453},{"textAlign":36},[454],{"text":455,"type":332},"You can also load the portal from a third-party CDN like jsDelivr, though the Foxy CDN is recommended unless you have a specific reason not to:",{"type":367,"attrs":457,"content":458},{"class":36},[459],{"text":460,"type":332},"  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ffoxy-customer-portal.js\n  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ftranslations\n",{"type":402,"content":462},[463],{"type":353,"content":464},[465],{"type":327,"attrs":466,"content":467},{"textAlign":36},[468,470,476],{"text":469,"type":332},"For more configuration options and demo code, see the ",{"text":471,"type":332,"marks":472},"customer portal playground",[473],{"type":391,"attrs":474},{"href":475,"uuid":36,"anchor":36,"target":36,"linktype":100},"https:\u002F\u002Felements.foxy.dev\u002F?path=\u002Fstory\u002Fother-customerportal--playground",{"text":395,"type":332},{"id":36,"alt":36,"name":16,"focus":36,"title":36,"source":36,"filename":16,"copyright":36,"fieldtype":37,"meta_data":478},{},"How to embed the Foxy customer portal element on your site.","b4ff4108-a4b3-41f7-96cf-7df60b55fff0",[],"add-the-customer-portal-to-your-website","help\u002Farticles\u002Fadd-the-customer-portal-to-your-website",-3470,[],2659,"935fc10b-dcfe-4400-84d9-9dcb88eaa712",[],{"html":490,"sections":491,"segments":497},"\u003Cp>Once the customer portal is enabled in your Foxy admin, you add it to your site by embedding the \u003Ccode class=\"badge bg-soft-danger text-danger\">foxy-customer-portal\u003C\u002Fcode> element and its script.\u003C\u002Fp>\u003Csection id=\"steps\" data-title=\"Steps\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"steps\">Steps\u003C\u002Fh2>\u003Col class=\"step step-icon-sm step-dashed step-border-last-0 mt-3\">\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">1\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Add the following to your page, replacing \u003Ccode class=\"badge bg-soft-danger text-danger\">YOUR_FOXY_STORE.foxycart.com\u003C\u002Fcode> with your store’s Foxy subdomain (or custom subdomain, if configured):\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003Cdiv class=\"position-relative w-100 overflow-hidden rounded-2\" data-code-block>\u003Cdiv class=\"d-flex justify-content-end border-bottom\" style=\"background:#2b2c3b;\">\u003Cbutton type=\"button\" class=\"btn btn-link btn-sm text-light\" title=\"Copy\" data-code-button>\u003Cspan data-code-default style=\"\">\u003Ci class=\"fal fa-copy me-2\">\u003C\u002Fi> Copy \u003C\u002Fspan>\u003Cspan class=\"text-success\" data-code-success style=\"display:none;\">\u003Ci class=\"fal fa-check ms-2\">\u003C\u002Fi> Copied \u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"small\">\u003Cpre class=\"hljs p-2\" data-code-content>   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">foxy-customer-portal\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">base\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"https:\u002F\u002FYOUR_FOXY_STORE.foxycart.com\u002Fs\u002Fcustomer\u002F"\u003C\u002Fspan>>\u003C\u002Fspan>\n   \u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">foxy-customer-portal\u003C\u002Fspan>>\u003C\u002Fspan>\n\n   \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">type\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"module"\u003C\u002Fspan>>\u003C\u002Fspan>\u003Cspan class=\"language-javascript\">\n     \u003Cspan class=\"hljs-keyword\">import\u003C\u002Fspan> \u003Cspan class=\"hljs-string\">'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ffoxy-customer-portal.js'\u003C\u002Fspan>;\n\n     \u003Cspan class=\"hljs-keyword\">const\u003C\u002Fspan> I18nElement = customElements.\u003Cspan class=\"hljs-title function_\">get\u003C\u002Fspan>(\u003Cspan class=\"hljs-string\">'foxy-i18n'\u003C\u002Fspan>);\n     \u003Cspan class=\"hljs-keyword\">const\u003C\u002Fspan> i18nBase = \u003Cspan class=\"hljs-string\">'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ftranslations'\u003C\u002Fspan>;\n     I18nElement.\u003Cspan class=\"hljs-title function_\">onResourceFetch\u003C\u002Fspan>(\u003Cspan class=\"hljs-function\">(\u003Cspan class=\"hljs-params\">ns, lang\u003C\u002Fspan>) =>\u003C\u002Fspan> \u003Cspan class=\"hljs-title function_\">fetch\u003C\u002Fspan>(\u003Cspan class=\"hljs-string\">`\u003Cspan class=\"hljs-subst\">${i18nBase}\u003C\u002Fspan>\u002F\u003Cspan class=\"hljs-subst\">${ns}\u003C\u002Fspan>\u002F\u003Cspan class=\"hljs-subst\">${lang}\u003C\u002Fspan>.json`\u003C\u002Fspan>));\n   \u003C\u002Fspan>\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">script\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Col class=\"step step-icon-sm step-dashed step-border-last-0 mt-3\">\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">1\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Publish the page. The portal will show a login form, and customers can sign in with the email and password used at checkout.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>You can see a working example on the \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fexamples\u002Fcustomer-portal-demo\" class=\"\">customer portal demo page\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"notes\" data-title=\"Notes\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"notes\">Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>The \u003Ccode class=\"badge bg-soft-danger text-danger\">@1\u003C\u002Fcode> in the CDN URLs points to the current stable release and updates automatically. To try beta releases, use \u003Ccode class=\"badge bg-soft-danger text-danger\">elements@beta\u003C\u002Fcode> instead — not recommended for production.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If you’re customizing your portal (adding custom elements or translations), lock to a specific version instead of \u003Ccode class=\"badge bg-soft-danger text-danger\">@1\u003C\u002Fcode>, for example \u003Ccode class=\"badge bg-soft-danger text-danger\">elements@1.28.0\u003C\u002Fcode>. Check the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FFoxy\u002Ffoxy-elements\u002Freleases\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Elements GitHub releases\u003C\u002Fa> for the latest version, and watch that repository for updates.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>You can also load the portal from a third-party CDN like jsDelivr, though the Foxy CDN is recommended unless you have a specific reason not to:\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cdiv class=\"position-relative w-100 overflow-hidden rounded-2\" data-code-block>\u003Cdiv class=\"d-flex justify-content-end border-bottom\" style=\"background:#2b2c3b;\">\u003Cbutton type=\"button\" class=\"btn btn-link btn-sm text-light\" title=\"Copy\" data-code-button>\u003Cspan data-code-default style=\"\">\u003Ci class=\"fal fa-copy me-2\">\u003C\u002Fi> Copy \u003C\u002Fspan>\u003Cspan class=\"text-success\" data-code-success style=\"display:none;\">\u003Ci class=\"fal fa-check ms-2\">\u003C\u002Fi> Copied \u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"small\">\u003Cpre class=\"hljs p-2\" data-code-content>  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ffoxy-customer-portal.js\n  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ftranslations\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cul>\u003Cli>\u003Cp>For more configuration options and demo code, see the \u003Ca href=\"https:\u002F\u002Felements.foxy.dev\u002F?path=\u002Fstory\u002Fother-customerportal--playground\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">customer portal playground\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>",[492,495],{"id":493,"title":346,"level":494},"steps","H2",{"id":496,"title":400,"level":494},"notes",[498],{"type":499,"content":500},"html","\u003Cp>Once the customer portal is enabled in your Foxy admin, you add it to your site by embedding the \u003Ccode class=\"badge bg-soft-danger text-danger\">foxy-customer-portal\u003C\u002Fcode> element and its script.\u003C\u002Fp>\u003Ch2>Steps\u003C\u002Fh2>\u003Col order=\"1\">\u003Cli>\u003Cp>Add the following to your page, replacing \u003Ccode class=\"badge bg-soft-danger text-danger\">YOUR_FOXY_STORE.foxycart.com\u003C\u002Fcode> with your store’s Foxy subdomain (or custom subdomain, if configured):\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cpre>\u003Ccode>   <foxy-customer-portal base="https:\u002F\u002FYOUR_FOXY_STORE.foxycart.com\u002Fs\u002Fcustomer\u002F">\n   <\u002Ffoxy-customer-portal>\n\n   <script type="module">\n     import 'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ffoxy-customer-portal.js';\n\n     const I18nElement = customElements.get('foxy-i18n');\n     const i18nBase = 'https:\u002F\u002Fcdn-js.foxy.io\u002Felements@1\u002Ftranslations';\n     I18nElement.onResourceFetch((ns, lang) => fetch(`${i18nBase}\u002F${ns}\u002F${lang}.json`));\n   <\u002Fscript>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Col order=\"1\">\u003Cli>\u003Cp>Publish the page. The portal will show a login form, and customers can sign in with the email and password used at checkout.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>You can see a working example on the \u003Ca href=\"https:\u002F\u002Ffoxy.io\u002Fexamples\u002Fcustomer-portal-demo\" class=\"\">customer portal demo page\u003C\u002Fa>.\u003C\u002Fp>\u003Ch2>Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>The \u003Ccode class=\"badge bg-soft-danger text-danger\">@1\u003C\u002Fcode> in the CDN URLs points to the current stable release and updates automatically. To try beta releases, use \u003Ccode class=\"badge bg-soft-danger text-danger\">elements@beta\u003C\u002Fcode> instead — not recommended for production.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If you’re customizing your portal (adding custom elements or translations), lock to a specific version instead of \u003Ccode class=\"badge bg-soft-danger text-danger\">@1\u003C\u002Fcode>, for example \u003Ccode class=\"badge bg-soft-danger text-danger\">elements@1.28.0\u003C\u002Fcode>. Check the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FFoxy\u002Ffoxy-elements\u002Freleases\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">Elements GitHub releases\u003C\u002Fa> for the latest version, and watch that repository for updates.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>You can also load the portal from a third-party CDN like jsDelivr, though the Foxy CDN is recommended unless you have a specific reason not to:\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Cpre>\u003Ccode>  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ffoxy-customer-portal.js\n  https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@foxy.io\u002Felements@1\u002Fdist\u002Fcdn\u002Ftranslations\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cul>\u003Cli>\u003Cp>For more configuration options and demo code, see the \u003Ca href=\"https:\u002F\u002Felements.foxy.dev\u002F?path=\u002Fstory\u002Fother-customerportal--playground\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"\">customer portal playground\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>",{"name":502,"created_at":503,"published_at":504,"updated_at":505,"id":506,"uuid":115,"content":507,"slug":116,"full_slug":116,"sort_by_date":36,"position":686,"tag_list":687,"is_startpage":42,"parent_id":36,"meta_data":36,"group_id":688,"first_published_at":689,"release_id":36,"lang":46,"path":36,"alternates":690,"default_full_slug":36,"translated_slugs":36},"Contact","2022-09-23T19:56:58.957Z","2025-05-08T18:24:40.382Z","2025-05-08T18:24:40.392Z",3138,{"seo":508,"_uid":511,"title":512,"action":513,"fields":514,"method":662,"columns":663,"subtitle":677,"component":116,"button_text":683,"submit_title":684,"submit_subtitle":685},{"_uid":509,"title":502,"plugin":510,"description":16},"24ff7574-3bcc-48d2-85b5-e529dfea1cc4","meta-fields","8f54f1da-9d8f-49b2-89e7-840e886491cb","We're here to help.","https:\u002F\u002Fusebasin.com\u002Ff\u002F029f48d65402",[515,520,524,633,636,641,656],{"_uid":516,"name":517,"type":332,"label":518,"options":16,"required":72,"component":519,"placeholder":16},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":521,"name":522,"type":522,"label":523,"options":16,"required":72,"component":519,"placeholder":16},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":525,"name":526,"type":527,"label":528,"options":529,"required":72,"component":519,"conditions":530,"placeholder":16},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[531,587,597,604,612,620,626],{"_uid":532,"equals":533,"fields":534,"component":586},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[535],{"_uid":536,"body":537,"type":584,"title":16,"component":585},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":538},[539],{"type":327,"content":540},[541,543,550,552,554,555,560,562,567,575,577,582],{"text":542,"type":332},"We are ",{"text":544,"type":332,"marks":545},"Foxy.io",[546],{"type":391,"attrs":547},{"href":548,"uuid":36,"anchor":36,"custom":549,"target":36,"linktype":100},"http:\u002F\u002FFoxy.io",{},{"text":551,"type":332},", an ecommerce platform powering ecommerce for other merchants. We do not sell products, and are unable to assist with questions about order statuses or refunds for any merchants using our platform. Please contact the merchant you ordered from for assistance. If you’d like to report a store using Foxy for fraudulent practices, please select ‘other’ in the subject.",{"type":553},"hard_break",{"type":553},{"text":556,"type":332,"marks":557},"NOTE:",[558],{"type":559},"bold",{"text":561,"type":332}," We are ",{"text":563,"type":332,"marks":564},"not ",[565],{"type":566},"italic",{"text":568,"type":332,"marks":569},"Foxy.in",[570,574],{"type":391,"attrs":571},{"href":572,"uuid":36,"anchor":36,"custom":573,"target":36,"linktype":100},"http:\u002F\u002FFoxy.in",{},{"type":566},{"text":576,"type":332},". We are not in any way affiliated with ",{"text":568,"type":332,"marks":578},[579],{"type":391,"attrs":580},{"href":572,"uuid":36,"anchor":36,"custom":581,"target":36,"linktype":100},{},{"text":583,"type":332},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":588,"equals":589,"fields":590,"component":586},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[591],{"_uid":592,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":595,"placeholder":16,"default_value":596},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":598,"equals":272,"fields":599,"component":586},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[600],{"_uid":601,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":602,"placeholder":16,"default_value":603},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":605,"equals":606,"fields":607,"component":586},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[608],{"_uid":609,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":610,"placeholder":16,"default_value":611},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":613,"equals":614,"fields":615,"component":586},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[616],{"_uid":617,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":618,"placeholder":16,"default_value":619},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":621,"equals":533,"fields":622,"component":586},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[623],{"_uid":624,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":625,"placeholder":16,"default_value":596},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":627,"equals":628,"fields":629,"component":586},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[630],{"_uid":631,"name":593,"type":594,"label":16,"options":16,"required":42,"component":519,"conditions":632,"placeholder":16,"default_value":596},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":634,"component":635},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":637,"name":638,"type":639,"label":640,"options":16,"required":72,"component":519,"placeholder":16},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":642,"name":643,"type":527,"label":644,"options":645,"required":72,"component":519,"conditions":646,"placeholder":16},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[647],{"_uid":648,"equals":649,"fields":650,"component":586},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[651],{"_uid":652,"name":653,"type":332,"label":654,"options":16,"required":72,"component":519,"conditions":655,"placeholder":16},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":657,"name":658,"type":527,"label":659,"options":660,"required":72,"component":519,"conditions":661,"placeholder":16},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[664],{"_uid":665,"text":666,"title":675,"component":676},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":667},[668],{"type":327,"content":669},[670,672,673],{"text":671,"type":332},"855.369.9227",{"type":553},{"text":674,"type":332},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":678},[679],{"type":327,"content":680},[681],{"text":682,"type":332},"Get in touch to get help from our friendly support team.","Submit","Success!","Your email has been received. We'll get back to you as soon as we can, but it might take a business day. If you don't hear back from us in a timely manner, please check your spam folder to ensure our reply didn't go there.",-80,[],"2fd9fb7d-a48a-4184-acfd-30022d8d6f08","2022-09-23T20:10:45.360Z",[],[48,692],{"name":693,"created_at":694,"published_at":695,"updated_at":696,"id":697,"uuid":480,"content":698,"slug":713,"full_slug":714,"sort_by_date":36,"position":715,"tag_list":716,"is_startpage":42,"parent_id":73,"meta_data":36,"group_id":717,"first_published_at":718,"release_id":36,"lang":46,"path":36,"alternates":719,"default_full_slug":36,"translated_slugs":36},"Customer Portal","2023-01-19T16:18:57.721Z","2026-07-16T21:56:28.934Z","2026-07-16T21:56:28.952Z",28234,{"_uid":699,"icon":700,"name":693,"type":701,"guides":702,"pinned":42,"summary":703,"category":16,"component":58,"blog_posts":704,"content_hub":42,"icon_custom":705,"case_studies":706,"faq_sections":707,"help_articles":708,"featured_guides":709,"mailbox_category":16,"featured_articles":710,"featured_blog_posts":711,"featured_case_studies":712},"6a0c718d-ad6f-47c6-bf8e-3405228bbdfa","fa-sign-in-alt","simple",[],"Allow customers to login, view order history, manage subscriptions, and more.",[],{"id":36,"alt":36,"name":16,"focus":36,"title":36,"filename":16,"copyright":36,"fieldtype":37},[],[],[],[],[],[],[],"customer-portal","help\u002Fcategories\u002Fcustomer-portal",160,[],"abeef712-f641-45ad-938e-c0d7943f4047","2023-01-24T10:16:50.938Z",[],{},1784250056445]