[{"data":1,"prerenderedAt":1101},["ShallowReactive",2],{"header:help":3,"footer:default":67,"story:navigation\u002Fsearch:help":250,"story:help\u002Fcategories":288,"story:help\u002Farticles\u002Fset-up-automagicache-for-a-custom-template":314,"no-guide:set-up-automagicache-for-a-custom-template":59,"article:\u002Fhelp\u002Farticles\u002Fset-up-automagicache-for-a-custom-template":836,"story:contact":858,"help:tree:0541ddaa-c035-49b5-8a45-badea5433bdb":1047,"_apollo:default":1100},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":57,"full_slug":58,"sort_by_date":59,"position":60,"tag_list":61,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":63,"first_published_at":64,"release_id":59,"lang":65,"path":59,"alternates":66,"default_full_slug":59,"translated_slugs":59},"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":11,"link":12,"badge":16,"items":17,"title":13,"buttons":50,"new_tab":24,"submenu":51,"alignment":13,"component":52,"badge_link":53,"top_menu_items":56},"e5645a1a-f991-40e8-8d67-e40ebc082b5a",{"id":13,"url":13,"linktype":14,"fieldtype":15,"cached_url":13},"","story","multilink","Help Center",[18,27,34,39,44],{"_uid":19,"link":20,"title":23,"new_tab":24,"submenu":25,"component":26},"5cbe2861-1f49-4166-97da-a4dddd8105e3",{"id":21,"url":13,"linktype":14,"fieldtype":15,"cached_url":22},"4c0a2d99-ec30-4579-8ef1-6bf5564d4839","help\u002Fcategories\u002F","Articles",false,[],"header___item",{"_uid":28,"link":29,"title":32,"new_tab":33,"component":26},"1c8edeb5-b9e9-4cb8-b1c6-c1f292f7d7cd",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},"https:\u002F\u002Fwiki.foxycart.com\u002F","url","Documentation",true,{"_uid":35,"link":36,"title":38,"new_tab":33,"component":26},"8d7df70e-f087-4da0-b616-6f0e9a5af35c",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},"https:\u002F\u002Fapi.foxycart.com\u002F","API Documentation",{"_uid":40,"link":41,"title":43,"new_tab":33,"component":26},"f76e7944-23d5-4652-87e4-cdae79272762",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},"https:\u002F\u002Fstatus.foxy.io\u002F","System Status",{"_uid":45,"link":46,"title":49,"new_tab":24,"component":26},"0de16771-4c84-466c-a1da-d8568113c71f",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"01e4e370-f9b9-45af-8fa9-f15540699b0d","contact","Contact Us",[],[],"header",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},"4a679eb7-662d-4ea4-a976-5a2acbf0b663","help\u002F",[],"help-header","navigation\u002Fhelp-header",null,20,[],10082747,"71b81c2e-5e09-48a1-a397-a3c72fcd344a","2022-09-21T14:50:25.655Z","default",[],{"name":68,"created_at":69,"published_at":70,"updated_at":71,"id":72,"uuid":73,"content":74,"slug":243,"full_slug":244,"sort_by_date":59,"position":245,"tag_list":246,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":247,"first_published_at":248,"release_id":59,"lang":65,"path":59,"alternates":249,"default_full_slug":59,"translated_slugs":59},"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":75,"about":76,"logos":77,"socials":82,"sections":108,"component":225,"cta_title":226,"bottom_links":227,"cta_subtitle":241,"cta_button_link":242,"cta_button_text":183},"830983f5-c4c4-43c8-b150-86a5e3fa6dc8","Foxy’s hosted cart & payment page allow you to sell anything, using your existing website or platform.",[78],{"id":79,"alt":13,"name":13,"focus":13,"title":13,"filename":80,"copyright":13,"fieldtype":81},14760,"https:\u002F\u002Fa-us.storyblok.com\u002Ff\u002F1001040\u002Fx\u002F3b030847ec\u002Fb-corp.svg","asset",[83,90,96,102],{"_uid":84,"icon":85,"link":86,"name":88,"component":89},"faf0a618-ea94-42ea-9182-03be18c43216","fa-facebook",{"id":13,"url":87,"linktype":31,"fieldtype":15,"cached_url":87},"https:\u002F\u002Fwww.facebook.com\u002Ffoxycart","Facebook","footer___social",{"_uid":91,"icon":92,"link":93,"name":95,"component":89},"14309c18-7e79-423e-b375-34555bac0811","fa-instagram",{"id":13,"url":94,"linktype":31,"fieldtype":15,"cached_url":94},"https:\u002F\u002Fwww.instagram.com\u002Ffoxy_io","Instagram",{"_uid":97,"icon":98,"link":99,"name":101,"component":89},"8f7fe7cf-0dd3-4596-8334-226ea466716a","fa-linkedin",{"id":13,"url":100,"linktype":31,"fieldtype":15,"cached_url":100},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Ffoxycart.com","LinkedIn",{"_uid":103,"icon":104,"link":105,"name":107,"component":89},"90a675b4-dd97-40b5-be09-00a87223d4c5","fa-youtube",{"id":13,"url":106,"linktype":31,"fieldtype":15,"cached_url":106},"https:\u002F\u002Fwww.youtube.com\u002Fuser\u002Ffoxycart","Youtube",[109,139,184,206],{"_uid":110,"name":111,"items":112,"component":138},"82849945-282f-488c-b18d-a8d2252f514a","Company",[113,120,126,132],{"_uid":114,"link":115,"title":118,"new_tab":24,"component":119},"1f699ab1-938b-4d9d-9825-aabcbe6f57fe",{"id":116,"url":13,"linktype":14,"fieldtype":15,"cached_url":117},"63634293-a749-4226-9439-9f38ee6dcda0","about-us","About Us","footer___menu_items",{"_uid":121,"link":122,"title":125,"new_tab":24,"component":119},"b26b00f1-a0e7-4be2-8ab3-428b8cc841f8",{"id":123,"url":13,"linktype":14,"fieldtype":15,"cached_url":124},"26cb7c55-faed-4a77-a291-1552d4111b3e","how-foxy-works","How Foxy Works",{"_uid":127,"link":128,"title":131,"new_tab":24,"component":119},"b40c68a0-1ceb-4226-9515-6176534f61fe",{"id":129,"url":13,"linktype":14,"fieldtype":15,"cached_url":130},"dc6657d7-7f4f-4c0d-b781-e971b038ee26","for-good","Foxy For Good",{"_uid":133,"link":134,"title":137,"new_tab":24,"component":119},"3ad0c134-bef9-4fff-b891-e09f16109036",{"id":135,"url":13,"linktype":14,"fieldtype":15,"cached_url":136},"23cae210-baf4-4588-9862-d09f4f52ccd2","brand-assets","Brand Assets","footer___section",{"_uid":140,"name":141,"items":142,"component":138},"a6805fa8-ac60-47f1-b8f0-f27aded0afbe","Product",[143,149,155,161,167,173,179],{"_uid":144,"link":145,"title":148,"new_tab":24,"component":119},"b39c8a4e-2383-486f-b76a-11fbb15d8134",{"id":146,"url":13,"linktype":14,"fieldtype":15,"cached_url":147},"bb04690f-fe98-4ce6-80be-05b950f2364f","features\u002F","Features",{"_uid":150,"link":151,"title":154,"new_tab":24,"component":119},"64f8a41f-c181-433d-bc0a-fc94e71ecbf6",{"id":152,"url":13,"linktype":14,"fieldtype":15,"cached_url":153},"c450c58d-761d-48c0-a9af-0b064611689b","pricing","Pricing",{"_uid":156,"link":157,"title":160,"new_tab":24,"component":119},"6e0b287f-fd8c-4146-9e0e-0ab0b5c9ce3c",{"id":158,"url":13,"linktype":14,"fieldtype":15,"cached_url":159},"fab20ad9-e76a-4947-b709-3a6fdfa88028","blog\u002Fcategories\u002Fproduct-updates","Product Updates",{"_uid":162,"link":163,"title":166,"new_tab":24,"component":119},"47e5a074-a6b5-4f1c-8c2f-89a2ae9f83eb",{"id":164,"url":13,"linktype":14,"fieldtype":15,"cached_url":165},"d2c83612-d611-47f3-a3b4-ca7fe08540b8","changelogs\u002F","Changelogs",{"_uid":168,"link":169,"title":172,"new_tab":24,"component":119},"b5c08774-542f-4ffd-b357-c94d674488b9",{"id":170,"url":13,"linktype":14,"fieldtype":15,"cached_url":171},"08876121-0df3-4ed9-aa11-902b3e41cd02","whats-next","What's Next",{"_uid":174,"link":175,"title":178,"new_tab":24,"component":119},"9c2704ed-6d9f-43e1-9e67-c8d91c083288",{"id":176,"url":13,"linktype":14,"fieldtype":15,"cached_url":177},"056a7857-b18f-4025-8f97-91a38fc19bc8","compare\u002F","Compare",{"_uid":180,"link":181,"title":183,"new_tab":24,"component":119},"5f2db35b-674b-406a-8fa7-d246633af9fe",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"https:\u002F\u002Fadmin.foxy.io\u002Fsign-up","Try Foxy Free",{"_uid":185,"name":186,"items":187,"component":138},"63fa1f29-4252-4640-9922-fe310e69e54a","Security",[188,194,200],{"_uid":189,"link":190,"title":193,"new_tab":24,"component":119},"1158ddb6-9eb0-466f-8eb6-7ca2ae66c8b8",{"id":191,"url":13,"linktype":14,"fieldtype":15,"cached_url":192},"1f58fb2c-8681-4742-b6e8-09999beae9f6","security-contact","Security Contact",{"_uid":195,"link":196,"title":199,"new_tab":24,"component":119},"9a79c54a-6022-4dfd-854b-766f5e4703ba",{"id":197,"url":13,"linktype":14,"fieldtype":15,"cached_url":198},"55cbfcc3-425a-4261-8037-54e919851d2d","pci","PCI Compliance",{"_uid":201,"link":202,"title":205,"new_tab":24,"component":119},"0b85f5b6-9534-4071-b323-b39d053dd4d7",{"id":203,"url":13,"linktype":14,"fieldtype":15,"cached_url":204},"c3ac0fe3-83e2-4879-afbd-d4c83e1590df","help\u002Farticles\u002Four-official-domains-public-code","Domains & Codebases",{"_uid":207,"name":208,"items":209,"component":138},"998ded67-d107-49f4-8154-ca6be51671ec","Support",[210,213,216,219,222],{"_uid":211,"link":212,"title":16,"new_tab":24,"component":119},"594ffd35-3049-4004-bb08-0db568ebd819",{"id":54,"url":13,"linktype":14,"fieldtype":15,"cached_url":55},{"_uid":214,"link":215,"title":32,"new_tab":33,"component":119},"0a1a55ab-a985-4f9d-8b42-26da714d0c1c",{"id":13,"url":30,"linktype":31,"fieldtype":15,"cached_url":30},{"_uid":217,"link":218,"title":38,"new_tab":33,"component":119},"61e0b7c8-aadf-419b-a339-b3ccabc65bf4",{"id":13,"url":37,"linktype":31,"fieldtype":15,"cached_url":37},{"_uid":220,"link":221,"title":43,"new_tab":33,"component":119},"fd67a89e-1c54-4d31-94b5-64be999062d6",{"id":13,"url":42,"linktype":31,"fieldtype":15,"cached_url":42},{"_uid":223,"link":224,"title":49,"new_tab":24,"component":119},"231a6f71-e996-4ad4-b033-d4d5542f34f0",{"id":47,"url":13,"linktype":14,"fieldtype":15,"cached_url":48},"footer","Get started with our *unlimited free trial*.",[228,235],{"_uid":229,"link":230,"text":233,"component":234},"f0b77210-2632-45a2-8436-e57cad84d01a",{"id":231,"url":13,"linktype":14,"fieldtype":15,"cached_url":232},"60ba16a2-c1f4-485f-b978-8d2eeeafbf5a","terms-of-service","Terms of Service","footer___bottom_links",{"_uid":236,"link":237,"text":240,"component":234},"4bd497b0-993f-4b4d-a5b7-8a49c7c8fec9",{"id":238,"url":13,"linktype":14,"fieldtype":15,"cached_url":239},"332302b9-1d18-4016-b9c8-9b33c72d782b","privacy-policy","Privacy Policy","No credit card required.",{"id":13,"url":182,"linktype":31,"fieldtype":15,"cached_url":182},"default-footer","navigation\u002Fdefault-footer",50,[],"11006268-07f9-41e9-96f3-c51fb723399d","2022-09-21T20:39:02.357Z",[],{"name":251,"created_at":252,"published_at":253,"updated_at":254,"id":255,"uuid":256,"content":257,"slug":279,"full_slug":282,"sort_by_date":59,"position":283,"tag_list":284,"is_startpage":24,"parent_id":62,"meta_data":59,"group_id":285,"first_published_at":286,"release_id":59,"lang":65,"path":59,"alternates":287,"default_full_slug":59,"translated_slugs":59},"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":258,"name":251,"indices":259,"summary":13,"component":279,"primary_image":280},"5e4a56e8-76f1-4790-b3a7-70f1be97d042",[260,265,269,274],{"key":261,"_uid":262,"icon":13,"name":263,"component":264},"all","c12a3210-7323-4273-8217-5215e52efe84","All","index",{"key":266,"_uid":267,"icon":268,"name":23,"component":264},"help_center_article","5acff080-95e4-44d3-8dcf-1b19720af382","fa-file-alt",{"key":270,"_uid":271,"icon":272,"name":273,"component":264},"help_center_guide","b8fbc206-c083-471e-a1f0-0ebeb90a669d","fa-book","Guides",{"key":275,"_uid":276,"icon":277,"name":278,"component":264},"blog_post","23419e83-2e56-4c4c-8a05-9fd1b3c9a9bd","fa-file-image","Blog Posts","search",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":281},{},"navigation\u002Fsearch",60,[],"11e1fd31-95cd-4fc9-b736-8b8910663e6c","2024-10-21T23:17:05.904Z",[],{"name":23,"created_at":289,"published_at":290,"updated_at":291,"id":292,"uuid":21,"content":293,"slug":307,"full_slug":22,"sort_by_date":59,"position":308,"tag_list":309,"is_startpage":33,"parent_id":310,"meta_data":59,"group_id":311,"first_published_at":312,"release_id":59,"lang":65,"path":59,"alternates":313,"default_full_slug":59,"translated_slugs":59},"2022-09-19T14:42:29.685Z","2024-07-30T18:17:22.506Z","2024-07-30T18:17:22.525Z",2660,{"_uid":294,"icon":13,"name":23,"guides":295,"pinned":24,"summary":296,"category":13,"component":297,"blog_posts":298,"content_hub":24,"icon_custom":299,"case_studies":300,"faq_sections":301,"help_articles":302,"featured_guides":303,"mailbox_category":13,"featured_articles":304,"featured_blog_posts":305,"featured_case_studies":306},"d6dae89a-907a-4bf7-82de-fe2ba875ee6e",[],"Get your questions answered with our browsable knowledge base.","help_center_category",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"categories",530,[],2658,"19ebcdd2-027f-47f5-9a5b-a8992c959578","2022-09-19T16:24:39.219Z",[],{"name":315,"created_at":316,"published_at":317,"updated_at":318,"id":319,"uuid":320,"content":321,"slug":829,"full_slug":830,"sort_by_date":59,"position":831,"tag_list":832,"is_startpage":24,"parent_id":833,"meta_data":59,"group_id":834,"first_published_at":317,"release_id":59,"lang":65,"path":59,"alternates":835,"default_full_slug":59,"translated_slugs":59},"Set up AutoMagiCache for a custom template","2026-07-23T03:53:58.005Z","2026-07-23T04:10:02.252Z","2026-07-23T04:10:02.270Z",201069518917862,"0541ddaa-c035-49b5-8a45-badea5433bdb",{"_uid":322,"body":323,"name":315,"image":824,"pinned":24,"summary":826,"category":827,"component":266,"related_articles":828},"3b2b74c8-4de9-4585-a9da-c69503d102fd",{"type":324,"content":325},"doc",[326,333,340,346,351,376,381,393,399,428,433,438,446,451,461,466,473,478,485,490,497,508,515,525,530,540,545,552,557,562,567,572,577,649,654,659,668,673],{"type":327,"attrs":328,"content":329},"paragraph",{"textAlign":59},[330],{"text":331,"type":332},"Host your own cart, checkout, and receipt template design, and have Foxy automatically cache and merge it with the required functionality.","text",{"type":334,"attrs":335,"content":337},"heading",{"level":336,"textAlign":59},2,[338],{"text":339,"type":332},"Steps",{"type":334,"attrs":341,"content":343},{"level":342,"textAlign":59},3,[344],{"text":345,"type":332},"1. Prepare your templates",{"type":327,"attrs":347,"content":348},{"textAlign":59},[349],{"text":350,"type":332},"You’ll need three separate template files — cart, checkout, and receipt — each based on your own site’s design. Within each one:",{"type":352,"content":353},"bullet_list",[354,362,369],{"type":355,"content":356},"list_item",[357],{"type":327,"attrs":358,"content":359},{"textAlign":59},[360],{"text":361,"type":332},"Remove anything not needed on the Foxy pages, like javascript libraries and stylesheets specific to other parts of your site. This reduces page size and load time.",{"type":355,"content":363},[364],{"type":327,"attrs":365,"content":366},{"textAlign":59},[367],{"text":368,"type":332},"Remove distractions that could cause a customer to abandon checkout, like banners, signup forms, and ads.",{"type":355,"content":370},[371],{"type":327,"attrs":372,"content":373},{"textAlign":59},[374],{"text":375,"type":332},"Leave the main section where the Foxy template will be inserted empty and ready for the next step.",{"type":334,"attrs":377,"content":378},{"level":342,"textAlign":59},[379],{"text":380,"type":332},"2. Add the Foxy code",{"type":327,"attrs":382,"content":383},{"textAlign":59},[384,386,391],{"text":385,"type":332},"In the ",{"text":387,"type":332,"marks":388},"\u003Chead>",[389],{"type":390},"code",{"text":392,"type":332}," of each template, add the default stylesheet include:",{"type":394,"attrs":395,"content":396},"code_block",{"class":59},[397],{"text":398,"type":332},"{% for css_file_href in config.css_files %}\n    \u003Clink href=\"{{ css_file_href }}\" rel=\"stylesheet\" media=\"all\">\n{% endfor %}\n",{"type":327,"attrs":400,"content":401},{"textAlign":59},[402,404,408,410,414,416,420,422,426],{"text":403,"type":332},"Add an ",{"text":405,"type":332,"marks":406},"id=\"fc\"",[407],{"type":390},{"text":409,"type":332}," to the parent element that will contain the Foxy template code — typically a ",{"text":411,"type":332,"marks":412},"div",[413],{"type":390},{"text":415,"type":332}," wrapping the template code below, though it can also go on the ",{"text":417,"type":332,"marks":418},"body",[419],{"type":390},{"text":421,"type":332}," or ",{"text":423,"type":332,"marks":424},"html",[425],{"type":390},{"text":427,"type":332}," tag:",{"type":394,"attrs":429,"content":430},{"class":59},[431],{"text":432,"type":332},"\u003Cdiv id=\"fc\">\n\u003C!-- Insert Foxy template logic here -->\n\u003C\u002Fdiv>\n",{"type":327,"attrs":434,"content":435},{"textAlign":59},[436],{"text":437,"type":332},"Then, within the main section of each template, paste the relevant code:",{"type":327,"attrs":439,"content":440},{"textAlign":59},[441],{"text":442,"type":332,"marks":443},"Cart",[444],{"type":445},"bold",{"type":394,"attrs":447,"content":448},{"class":59},[449],{"text":450,"type":332},"{% set cart_is_fullpage = true %}\n\u003Cdiv class=\"fc-context--cart-fullpage\" data-fc-container=\"cart\">\n    {% embed 'cart.inc.twig' %}\n    {% endembed %}\n\u003C\u002Fdiv>\n",{"type":327,"attrs":452,"content":453},{"textAlign":59},[454,456,459],{"text":455,"type":332},"Also add this attribute to the ",{"text":417,"type":332,"marks":457},[458],{"type":390},{"text":460,"type":332}," tag for the full-page cart:",{"type":394,"attrs":462,"content":463},{"class":59},[464],{"text":465,"type":332},"data-fc-context='{\"cart_is_fullpage\":true}'\n",{"type":327,"attrs":467,"content":468},{"textAlign":59},[469],{"text":470,"type":332,"marks":471},"Checkout",[472],{"type":445},{"type":394,"attrs":474,"content":475},{"class":59},[476],{"text":477,"type":332},"{% include 'svg.inc.twig' %}\n{% import \"utils.inc.twig\" as utils %}\n{% embed 'checkout.inc.twig' %}\n{% endembed %}\n",{"type":327,"attrs":479,"content":480},{"textAlign":59},[481],{"text":482,"type":332,"marks":483},"Receipt",[484],{"type":445},{"type":394,"attrs":486,"content":487},{"class":59},[488],{"text":489,"type":332},"{% include 'svg.inc.twig' %}\n{% import \"utils.inc.twig\" as utils %}\n{% embed 'receipt.inc.twig' %}\n{% endembed %}\n",{"type":327,"attrs":491,"content":492},{"textAlign":59},[493],{"text":494,"type":332,"marks":495},"Emails",[496],{"type":445},{"type":327,"attrs":498,"content":499},{"textAlign":59},[500,502,506],{"text":501,"type":332},"To customize emails, go to the emails template page in your store’s admin, select ",{"text":503,"type":332,"marks":504},"custom",[505],{"type":445},{"text":507,"type":332}," for the relevant template, and copy out the default code to edit directly.",{"type":327,"attrs":509,"content":510},{"textAlign":59},[511],{"text":512,"type":332,"marks":513},"Custom code placeholders (optional)",[514],{"type":445},{"type":327,"attrs":516,"content":517},{"textAlign":59},[518,520,523],{"text":519,"type":332},"If you also want to support adding custom code from the admin’s custom header\u002Ffooter fields on top of your own template, include these two lines. In the ",{"text":387,"type":332,"marks":521},[522],{"type":390},{"text":524,"type":332},":",{"type":394,"attrs":526,"content":527},{"class":59},[528],{"text":529,"type":332},"\u003C!-- FC script insertion -->{{ fc_header_content|raw }}\u003C!-- \u002FFC script insertion -->\n",{"type":327,"attrs":531,"content":532},{"textAlign":59},[533,535,539],{"text":534,"type":332},"Right above the closing ",{"text":536,"type":332,"marks":537},"\u003C\u002Fbody>",[538],{"type":390},{"text":427,"type":332},{"type":394,"attrs":541,"content":542},{"class":59},[543],{"text":544,"type":332},"\u003C!-- FC footer script insertion -->{% include template_from_string(fc_footer_content) %}\u003C!-- \u002FFC footer scripts -->\n",{"type":327,"attrs":546,"content":547},{"textAlign":59},[548],{"text":549,"type":332,"marks":550},"Internet Explorer 8 & 9 support (optional)",[551],{"type":445},{"type":327,"attrs":553,"content":554},{"textAlign":59},[555],{"text":556,"type":332},"If you need to support IE 8 & 9, add this before any stylesheets:",{"type":394,"attrs":558,"content":559},{"class":59},[560],{"text":561,"type":332},"\u003C!--[if lt IE 9 ]>\n    \u003Cscript type=\"text\u002Fjavascript\">\n        var IEElms = ['article', 'aside', 'header', 'main', 'nav', 'section'];\n        for (var i = 0; i \u003C IEElms.length; i++) {\n            document.createElement(IEElms[i]);\n        };\n    \u003C\u002Fscript>\n    \u003Cscript src=\"\u002F\u002F{{ config.store_domain }}\u002Fstatic\u002Fscripts\u002Frespond\u002Frespond.1.4.2.js\" charset=\"utf-8\">\u003C\u002Fscript>\n\u003C![endif]-->\n",{"type":334,"attrs":563,"content":564},{"level":342,"textAlign":59},[565],{"text":566,"type":332},"3. Upload your templates",{"type":327,"attrs":568,"content":569},{"textAlign":59},[570],{"text":571,"type":332},"Your template files need to be publicly accessible online — usually wherever you host your website — without a password, and at a stable URL that doesn’t redirect.",{"type":334,"attrs":573,"content":574},{"level":342,"textAlign":59},[575],{"text":576,"type":332},"4. Cache your templates",{"type":578,"attrs":579,"content":581},"ordered_list",{"order":580},1,[582,598,610,623,636],{"type":355,"content":583},[584],{"type":327,"attrs":585,"content":586},{"textAlign":59},[587,589,596],{"text":588,"type":332},"Go to the ",{"text":590,"type":332,"marks":591},"Foxy admin",[592],{"type":593,"attrs":594},"link",{"href":595,"uuid":59,"anchor":59,"target":59,"linktype":31},"https:\u002F\u002Fadmin.foxy.io",{"text":597,"type":332},".",{"type":355,"content":599},[600],{"type":327,"attrs":601,"content":602},{"textAlign":59},[603,605,609],{"text":604,"type":332},"Go to ",{"text":606,"type":332,"marks":607},"Templates > Configuration",[608],{"type":445},{"text":597,"type":332},{"type":355,"content":611},[612],{"type":327,"attrs":613,"content":614},{"textAlign":59},[615,617,621],{"text":616,"type":332},"Find the template you’re caching, and enter its URL in the ",{"text":618,"type":332,"marks":619},"Remote template URL",[620],{"type":445},{"text":622,"type":332}," field.",{"type":355,"content":624},[625],{"type":327,"attrs":626,"content":627},{"textAlign":59},[628,630,634],{"text":629,"type":332},"Click ",{"text":631,"type":332,"marks":632},"Cache",[633],{"type":445},{"text":635,"type":332},". Foxy will scrape your template and securely cache it, along with its assets (images, CSS, JS), on Foxy’s servers.",{"type":355,"content":637},[638],{"type":327,"attrs":639,"content":640},{"textAlign":59},[641,643,647],{"text":642,"type":332},"Once caching completes, review the cached template in the text area, then click ",{"text":644,"type":332,"marks":645},"Save",[646],{"type":445},{"text":648,"type":332}," to apply it.",{"type":327,"attrs":650,"content":651},{"textAlign":59},[652],{"text":653,"type":332},"Your original template files (and their images and CSS) need to stay live at their URLs even after caching — Foxy’s CDN servers need them there to pull from when caching again.",{"type":334,"attrs":655,"content":656},{"level":342,"textAlign":59},[657],{"text":658,"type":332},"5. Apply additional styling",{"type":327,"attrs":660,"content":661},{"textAlign":59},[662,664,667],{"text":663,"type":332},"Once your design is in place, you may still need some custom CSS to bring the Foxy templates fully in line with your site. Classes use the BEM naming method, so most elements can be targeted with just one or two classes. Use your browser’s inspection tool to find the classes you need, then add your styles through the custom header field in ",{"text":606,"type":332,"marks":665},[666],{"type":445},{"text":597,"type":332},{"type":334,"attrs":669,"content":670},{"level":336,"textAlign":59},[671],{"text":672,"type":332},"Notes",{"type":352,"content":674},[675,692,714,749,766,795,806],{"type":355,"content":676},[677],{"type":327,"attrs":678,"content":679},{"textAlign":59},[680,684,686,690],{"text":681,"type":332,"marks":682},"Manual asset caching.",[683],{"type":445},{"text":685,"type":332}," If you don’t want to use AutoMagiCache, you can securely cache individual HTTP images yourself by calling them through ",{"text":687,"type":332,"marks":688},"https:\u002F\u002FYOURDOMAIN.foxycart.com\u002Fcache.php?url=http:\u002F\u002Fexample.com\u002Fpath\u002Fto\u002Fimage.gif",[689],{"type":390},{"text":691,"type":332},". This only works on the cart, checkout, and receipt pages, and isn’t necessary if you’re already caching your template with AutoMagiCache.",{"type":355,"content":693},[694,709],{"type":327,"attrs":695,"content":696},{"textAlign":59},[697,701,703,707],{"text":698,"type":332,"marks":699},"“Error: Unclosed Comment Tag.”",[700],{"type":445},{"text":702,"type":332}," This is usually caused by including modernizr.js, which contains a ",{"text":704,"type":332,"marks":705},"{#",[706],{"type":390},{"text":708,"type":332}," sequence that gets interpreted as an unclosed Twig comment tag. Wrap the script in raw tags to fix it:",{"type":394,"attrs":710,"content":711},{"class":59},[712],{"text":713,"type":332},"{% raw %}\n\u003Cscript src=\"..\u002Fpath\u002Fto\u002Fmodernizr.js\">\n{% endraw %}\n",{"type":355,"content":715},[716],{"type":327,"attrs":717,"content":718},{"textAlign":59},[719,723,725,729,731,735,737,741,743,747],{"text":720,"type":332,"marks":721},"What AutoMagiCache does.",[722],{"type":445},{"text":724,"type":332}," It pulls in your template from the URL provided, strips ",{"text":726,"type":332,"marks":727},"\u003Cbase>",[728],{"type":390},{"text":730,"type":332}," tags, converts some known links (like Google Analytics) from http to https, imports external CSS and JS inline (rewriting image paths to use Foxy’s image caching), rewrites ",{"text":732,"type":332,"marks":733},"\u003Cimg>",[734],{"type":390},{"text":736,"type":332},", ",{"text":738,"type":332,"marks":739},"\u003Ca>",[740],{"type":390},{"text":742,"type":332},", and ",{"text":744,"type":332,"marks":745},"\u003Cform>",[746],{"type":390},{"text":748,"type":332}," paths to point to the correct locations.",{"type":355,"content":750},[751],{"type":327,"attrs":752,"content":753},{"textAlign":59},[754,758,760,764],{"text":755,"type":332,"marks":756},"IE conditional stylesheets.",[757],{"type":445},{"text":759,"type":332}," The Foxy JavaScript insertion happens automatically after your last detected stylesheet. If that stylesheet is inside an IE conditional comment, the script may get inserted into the comment instead. Add ",{"text":761,"type":332,"marks":762},"{{ fc_header_content|raw }}",[763],{"type":390},{"text":765,"type":332}," manually where you want the script inserted to avoid this.",{"type":355,"content":767},[768],{"type":327,"attrs":769,"content":770},{"textAlign":59},[771,775,777,781,783,787,789,793],{"text":772,"type":332,"marks":773},"Linked stylesheets.",[774],{"type":445},{"text":776,"type":332}," If a ",{"text":778,"type":332,"marks":779},"\u003Clink>",[780],{"type":390},{"text":782,"type":332}," element isn’t being cached properly, check that ",{"text":784,"type":332,"marks":785},"rel=\"stylesheet\"",[786],{"type":390},{"text":788,"type":332}," comes before the ",{"text":790,"type":332,"marks":791},"href",[792],{"type":390},{"text":794,"type":332}," attribute.",{"type":355,"content":796},[797],{"type":327,"attrs":798,"content":799},{"textAlign":59},[800,804],{"text":801,"type":332,"marks":802},"Hotlinking protection.",[803],{"type":445},{"text":805,"type":332}," If you run anti-hotlinking scripts, temporarily disable them while caching your template, or images may not show up correctly.",{"type":355,"content":807},[808],{"type":327,"attrs":809,"content":810},{"textAlign":59},[811,813,817,818,822],{"text":812,"type":332},"Attributes must use single or double quotes (",{"text":814,"type":332,"marks":815},"src=\"foo\u002Fbar\"",[816],{"type":390},{"text":421,"type":332},{"text":819,"type":332,"marks":820},"src='foo\u002Fbar'",[821],{"type":390},{"text":823,"type":332},") for AutoMagiCache to parse them correctly.",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":825},{},"How to host your own cart, checkout, and receipt template design and have Foxy automatically cache and merge it with the required functionality.","45e43cc3-8895-479a-9136-9c5cf9c978c5",[],"set-up-automagicache-for-a-custom-template","help\u002Farticles\u002Fset-up-automagicache-for-a-custom-template",-4530,[],2659,"c16ca7f1-358b-4d86-8320-8862bf3a76c3",[],{"html":837,"sections":838,"segments":855},"\u003Cp>Host your own cart, checkout, and receipt template design, and have Foxy automatically cache and merge it with the required functionality.\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>\u003C\u002Fsection>\u003Csection id=\"1-prepare-your-templates\" data-title=\"1. Prepare your templates\" data-title-node=\"H3\">\u003Ch3 data-anchor-id=\"1-prepare-your-templates\">1. Prepare your templates\u003C\u002Fh3>\u003Cp>You’ll need three separate template files — cart, checkout, and receipt — each based on your own site’s design. Within each one:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>Remove anything not needed on the Foxy pages, like javascript libraries and stylesheets specific to other parts of your site. This reduces page size and load time.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Remove distractions that could cause a customer to abandon checkout, like banners, signup forms, and ads.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Leave the main section where the Foxy template will be inserted empty and ready for the next step.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>\u003Csection id=\"2-add-the-foxy-code\" data-title=\"2. Add the Foxy code\" data-title-node=\"H3\">\u003Ch3 data-anchor-id=\"2-add-the-foxy-code\">2. Add the Foxy code\u003C\u002Fh3>\u003Cp>In the \u003Ccode class=\"badge bg-soft-danger text-danger\"><head>\u003C\u002Fcode> of each template, add the default stylesheet include:\u003C\u002Fp>\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>{% for css_file_href in config.css_files %}\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">link\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">href\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"{{ css_file_href }}"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">rel\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"stylesheet"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">media\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"all"\u003C\u002Fspan>>\u003C\u002Fspan>\n{% endfor %}\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>Add an \u003Ccode class=\"badge bg-soft-danger text-danger\">id="fc"\u003C\u002Fcode> to the parent element that will contain the Foxy template code — typically a \u003Ccode class=\"badge bg-soft-danger text-danger\">div\u003C\u002Fcode> wrapping the template code below, though it can also go on the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">html\u003C\u002Fcode> tag:\u003C\u002Fp>\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\">div\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">id\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"fc"\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003Cspan class=\"hljs-comment\"><!-- Insert Foxy template logic here -->\u003C\u002Fspan>\n\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>Then, within the main section of each template, paste the relevant code:\u003C\u002Fp>\u003Cp>\u003Cstrong>Cart\u003C\u002Fstrong>\u003C\u002Fp>\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>{% set cart_is_fullpage = true %}\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">class\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"fc-context--cart-fullpage"\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">data-fc-container\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"cart"\u003C\u002Fspan>>\u003C\u002Fspan>\n    {% embed 'cart.inc.twig' %}\n    {% endembed %}\n\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>Also add this attribute to the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> tag for the full-page cart:\u003C\u002Fp>\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>data-fc-context='{"cart_is_fullpage":true}'\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003Cstrong>Checkout\u003C\u002Fstrong>\u003C\u002Fp>\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>{% include 'svg.inc.twig' %}\n{% import "utils.inc.twig" as utils %}\n{% embed 'checkout.inc.twig' %}\n{% endembed %}\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003Cstrong>Receipt\u003C\u002Fstrong>\u003C\u002Fp>\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>{% include 'svg.inc.twig' %}\n{% import "utils.inc.twig" as utils %}\n{% embed 'receipt.inc.twig' %}\n{% endembed %}\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003Cstrong>Emails\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>To customize emails, go to the emails template page in your store’s admin, select \u003Cstrong>custom\u003C\u002Fstrong> for the relevant template, and copy out the default code to edit directly.\u003C\u002Fp>\u003Cp>\u003Cstrong>Custom code placeholders (optional)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>If you also want to support adding custom code from the admin’s custom header\u002Ffooter fields on top of your own template, include these two lines. In the \u003Ccode class=\"badge bg-soft-danger text-danger\"><head>\u003C\u002Fcode>:\u003C\u002Fp>\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-comment\"><!-- FC script insertion -->\u003C\u002Fspan>{{ fc_header_content|raw }}\u003Cspan class=\"hljs-comment\"><!-- \u002FFC script insertion -->\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>Right above the closing \u003Ccode class=\"badge bg-soft-danger text-danger\"><\u002Fbody>\u003C\u002Fcode> tag:\u003C\u002Fp>\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-comment\"><!-- FC footer script insertion -->\u003C\u002Fspan>{% include template_from_string(fc_footer_content) %}\u003Cspan class=\"hljs-comment\"><!-- \u002FFC footer scripts -->\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003Cstrong>Internet Explorer 8 & 9 support (optional)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>If you need to support IE 8 & 9, add this before any stylesheets:\u003C\u002Fp>\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-comment\"><!--[if lt IE 9 ]>\n    <script type="text\u002Fjavascript">\n        var IEElms = ['article', 'aside', 'header', 'main', 'nav', 'section'];\n        for (var i = 0; i < IEElms.length; i++) {\n            document.createElement(IEElms[i]);\n        };\n    <\u002Fscript>\n    <script src="\u002F\u002F{{ config.store_domain }}\u002Fstatic\u002Fscripts\u002Frespond\u002Frespond.1.4.2.js" charset="utf-8"><\u002Fscript>\n<![endif]-->\u003C\u002Fspan>\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\u003Csection id=\"3-upload-your-templates\" data-title=\"3. Upload your templates\" data-title-node=\"H3\">\u003Ch3 data-anchor-id=\"3-upload-your-templates\">3. Upload your templates\u003C\u002Fh3>\u003Cp>Your template files need to be publicly accessible online — usually wherever you host your website — without a password, and at a stable URL that doesn’t redirect.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"4-cache-your-templates\" data-title=\"4. Cache your templates\" data-title-node=\"H3\">\u003Ch3 data-anchor-id=\"4-cache-your-templates\">4. Cache your templates\u003C\u002Fh3>\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>Go to the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\" class=\"\">Foxy admin\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">2\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Go to \u003Cstrong>Templates > Configuration\u003C\u002Fstrong>.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">3\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Find the template you’re caching, and enter its URL in the \u003Cstrong>Remote template URL\u003C\u002Fstrong> field.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">4\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Click \u003Cstrong>Cache\u003C\u002Fstrong>. Foxy will scrape your template and securely cache it, along with its assets (images, CSS, JS), on Foxy’s servers.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step-item\">\u003Cdiv class=\"step-content-wrapper\">\u003Cspan class=\"step-icon step-icon-soft-primary\">5\u003C\u002Fspan>\u003Cdiv class=\"w-100 overflow-hidden\">\u003Cdiv class=\"step-content mt-2\">\u003Cp>Once caching completes, review the cached template in the text area, then click \u003Cstrong>Save\u003C\u002Fstrong> to apply it.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>Your original template files (and their images and CSS) need to stay live at their URLs even after caching — Foxy’s CDN servers need them there to pull from when caching again.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"5-apply-additional-styling\" data-title=\"5. Apply additional styling\" data-title-node=\"H3\">\u003Ch3 data-anchor-id=\"5-apply-additional-styling\">5. Apply additional styling\u003C\u002Fh3>\u003Cp>Once your design is in place, you may still need some custom CSS to bring the Foxy templates fully in line with your site. Classes use the BEM naming method, so most elements can be targeted with just one or two classes. Use your browser’s inspection tool to find the classes you need, then add your styles through the custom header field in \u003Cstrong>Templates > Configuration\u003C\u002Fstrong>.\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>\u003Cstrong>Manual asset caching.\u003C\u002Fstrong> If you don’t want to use AutoMagiCache, you can securely cache individual HTTP images yourself by calling them through \u003Ccode class=\"badge bg-soft-danger text-danger\">https:\u002F\u002FYOURDOMAIN.foxycart.com\u002Fcache.php?url=http:\u002F\u002Fexample.com\u002Fpath\u002Fto\u002Fimage.gif\u003C\u002Fcode>. This only works on the cart, checkout, and receipt pages, and isn’t necessary if you’re already caching your template with AutoMagiCache.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>“Error: Unclosed Comment Tag.”\u003C\u002Fstrong> This is usually caused by including modernizr.js, which contains a \u003Ccode class=\"badge bg-soft-danger text-danger\">{#\u003C\u002Fcode> sequence that gets interpreted as an unclosed Twig comment tag. Wrap the script in raw tags to fix it:\u003C\u002Fp>\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>{% raw %}\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">script\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">src\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"..\u002Fpath\u002Fto\u002Fmodernizr.js"\u003C\u002Fspan>>\u003C\u002Fspan>\n{% endraw %}\n\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>What AutoMagiCache does.\u003C\u002Fstrong> It pulls in your template from the URL provided, strips \u003Ccode class=\"badge bg-soft-danger text-danger\"><base>\u003C\u002Fcode> tags, converts some known links (like Google Analytics) from http to https, imports external CSS and JS inline (rewriting image paths to use Foxy’s image caching), rewrites \u003Ccode class=\"badge bg-soft-danger text-danger\"><img>\u003C\u002Fcode>, \u003Ccode class=\"badge bg-soft-danger text-danger\"><a>\u003C\u002Fcode>, and \u003Ccode class=\"badge bg-soft-danger text-danger\"><form>\u003C\u002Fcode> paths to point to the correct locations.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>IE conditional stylesheets.\u003C\u002Fstrong> The Foxy JavaScript insertion happens automatically after your last detected stylesheet. If that stylesheet is inside an IE conditional comment, the script may get inserted into the comment instead. Add \u003Ccode class=\"badge bg-soft-danger text-danger\">{{ fc_header_content|raw }}\u003C\u002Fcode> manually where you want the script inserted to avoid this.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Linked stylesheets.\u003C\u002Fstrong> If a \u003Ccode class=\"badge bg-soft-danger text-danger\"><link>\u003C\u002Fcode> element isn’t being cached properly, check that \u003Ccode class=\"badge bg-soft-danger text-danger\">rel="stylesheet"\u003C\u002Fcode> comes before the \u003Ccode class=\"badge bg-soft-danger text-danger\">href\u003C\u002Fcode> attribute.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Hotlinking protection.\u003C\u002Fstrong> If you run anti-hotlinking scripts, temporarily disable them while caching your template, or images may not show up correctly.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Attributes must use single or double quotes (\u003Ccode class=\"badge bg-soft-danger text-danger\">src="foo\u002Fbar"\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">src='foo\u002Fbar'\u003C\u002Fcode>) for AutoMagiCache to parse them correctly.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>",[839,842,845,847,849,851,853],{"id":840,"title":339,"level":841},"steps","H2",{"id":843,"title":345,"level":844},"1-prepare-your-templates","H3",{"id":846,"title":380,"level":844},"2-add-the-foxy-code",{"id":848,"title":566,"level":844},"3-upload-your-templates",{"id":850,"title":576,"level":844},"4-cache-your-templates",{"id":852,"title":658,"level":844},"5-apply-additional-styling",{"id":854,"title":672,"level":841},"notes",[856],{"type":423,"content":857},"\u003Cp>Host your own cart, checkout, and receipt template design, and have Foxy automatically cache and merge it with the required functionality.\u003C\u002Fp>\u003Ch2>Steps\u003C\u002Fh2>\u003Ch3>1. Prepare your templates\u003C\u002Fh3>\u003Cp>You’ll need three separate template files — cart, checkout, and receipt — each based on your own site’s design. Within each one:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cp>Remove anything not needed on the Foxy pages, like javascript libraries and stylesheets specific to other parts of your site. This reduces page size and load time.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Remove distractions that could cause a customer to abandon checkout, like banners, signup forms, and ads.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Leave the main section where the Foxy template will be inserted empty and ready for the next step.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>2. Add the Foxy code\u003C\u002Fh3>\u003Cp>In the \u003Ccode class=\"badge bg-soft-danger text-danger\"><head>\u003C\u002Fcode> of each template, add the default stylesheet include:\u003C\u002Fp>\u003Cpre>\u003Ccode>{% for css_file_href in config.css_files %}\n    <link href="{{ css_file_href }}" rel="stylesheet" media="all">\n{% endfor %}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Add an \u003Ccode class=\"badge bg-soft-danger text-danger\">id="fc"\u003C\u002Fcode> to the parent element that will contain the Foxy template code — typically a \u003Ccode class=\"badge bg-soft-danger text-danger\">div\u003C\u002Fcode> wrapping the template code below, though it can also go on the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">html\u003C\u002Fcode> tag:\u003C\u002Fp>\u003Cpre>\u003Ccode><div id="fc">\n<!-- Insert Foxy template logic here -->\n<\u002Fdiv>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Then, within the main section of each template, paste the relevant code:\u003C\u002Fp>\u003Cp>\u003Cstrong>Cart\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>{% set cart_is_fullpage = true %}\n<div class="fc-context--cart-fullpage" data-fc-container="cart">\n    {% embed 'cart.inc.twig' %}\n    {% endembed %}\n<\u002Fdiv>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Also add this attribute to the \u003Ccode class=\"badge bg-soft-danger text-danger\">body\u003C\u002Fcode> tag for the full-page cart:\u003C\u002Fp>\u003Cpre>\u003Ccode>data-fc-context='{"cart_is_fullpage":true}'\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Checkout\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>{% include 'svg.inc.twig' %}\n{% import "utils.inc.twig" as utils %}\n{% embed 'checkout.inc.twig' %}\n{% endembed %}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Receipt\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>{% include 'svg.inc.twig' %}\n{% import "utils.inc.twig" as utils %}\n{% embed 'receipt.inc.twig' %}\n{% endembed %}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Emails\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>To customize emails, go to the emails template page in your store’s admin, select \u003Cstrong>custom\u003C\u002Fstrong> for the relevant template, and copy out the default code to edit directly.\u003C\u002Fp>\u003Cp>\u003Cstrong>Custom code placeholders (optional)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>If you also want to support adding custom code from the admin’s custom header\u002Ffooter fields on top of your own template, include these two lines. In the \u003Ccode class=\"badge bg-soft-danger text-danger\"><head>\u003C\u002Fcode>:\u003C\u002Fp>\u003Cpre>\u003Ccode><!-- FC script insertion -->{{ fc_header_content|raw }}<!-- \u002FFC script insertion -->\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Right above the closing \u003Ccode class=\"badge bg-soft-danger text-danger\"><\u002Fbody>\u003C\u002Fcode> tag:\u003C\u002Fp>\u003Cpre>\u003Ccode><!-- FC footer script insertion -->{% include template_from_string(fc_footer_content) %}<!-- \u002FFC footer scripts -->\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Internet Explorer 8 & 9 support (optional)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>If you need to support IE 8 & 9, add this before any stylesheets:\u003C\u002Fp>\u003Cpre>\u003Ccode><!--[if lt IE 9 ]>\n    <script type="text\u002Fjavascript">\n        var IEElms = ['article', 'aside', 'header', 'main', 'nav', 'section'];\n        for (var i = 0; i < IEElms.length; i++) {\n            document.createElement(IEElms[i]);\n        };\n    <\u002Fscript>\n    <script src="\u002F\u002F{{ config.store_domain }}\u002Fstatic\u002Fscripts\u002Frespond\u002Frespond.1.4.2.js" charset="utf-8"><\u002Fscript>\n<![endif]-->\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch3>3. Upload your templates\u003C\u002Fh3>\u003Cp>Your template files need to be publicly accessible online — usually wherever you host your website — without a password, and at a stable URL that doesn’t redirect.\u003C\u002Fp>\u003Ch3>4. Cache your templates\u003C\u002Fh3>\u003Col order=\"1\">\u003Cli>\u003Cp>Go to the \u003Ca href=\"https:\u002F\u002Fadmin.foxy.io\" class=\"\">Foxy admin\u003C\u002Fa>.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Go to \u003Cstrong>Templates > Configuration\u003C\u002Fstrong>.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Find the template you’re caching, and enter its URL in the \u003Cstrong>Remote template URL\u003C\u002Fstrong> field.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Click \u003Cstrong>Cache\u003C\u002Fstrong>. Foxy will scrape your template and securely cache it, along with its assets (images, CSS, JS), on Foxy’s servers.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Once caching completes, review the cached template in the text area, then click \u003Cstrong>Save\u003C\u002Fstrong> to apply it.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>Your original template files (and their images and CSS) need to stay live at their URLs even after caching — Foxy’s CDN servers need them there to pull from when caching again.\u003C\u002Fp>\u003Ch3>5. Apply additional styling\u003C\u002Fh3>\u003Cp>Once your design is in place, you may still need some custom CSS to bring the Foxy templates fully in line with your site. Classes use the BEM naming method, so most elements can be targeted with just one or two classes. Use your browser’s inspection tool to find the classes you need, then add your styles through the custom header field in \u003Cstrong>Templates > Configuration\u003C\u002Fstrong>.\u003C\u002Fp>\u003Ch2>Notes\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Manual asset caching.\u003C\u002Fstrong> If you don’t want to use AutoMagiCache, you can securely cache individual HTTP images yourself by calling them through \u003Ccode class=\"badge bg-soft-danger text-danger\">https:\u002F\u002FYOURDOMAIN.foxycart.com\u002Fcache.php?url=http:\u002F\u002Fexample.com\u002Fpath\u002Fto\u002Fimage.gif\u003C\u002Fcode>. This only works on the cart, checkout, and receipt pages, and isn’t necessary if you’re already caching your template with AutoMagiCache.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>“Error: Unclosed Comment Tag.”\u003C\u002Fstrong> This is usually caused by including modernizr.js, which contains a \u003Ccode class=\"badge bg-soft-danger text-danger\">{#\u003C\u002Fcode> sequence that gets interpreted as an unclosed Twig comment tag. Wrap the script in raw tags to fix it:\u003C\u002Fp>\u003Cpre>\u003Ccode>{% raw %}\n<script src="..\u002Fpath\u002Fto\u002Fmodernizr.js">\n{% endraw %}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>What AutoMagiCache does.\u003C\u002Fstrong> It pulls in your template from the URL provided, strips \u003Ccode class=\"badge bg-soft-danger text-danger\"><base>\u003C\u002Fcode> tags, converts some known links (like Google Analytics) from http to https, imports external CSS and JS inline (rewriting image paths to use Foxy’s image caching), rewrites \u003Ccode class=\"badge bg-soft-danger text-danger\"><img>\u003C\u002Fcode>, \u003Ccode class=\"badge bg-soft-danger text-danger\"><a>\u003C\u002Fcode>, and \u003Ccode class=\"badge bg-soft-danger text-danger\"><form>\u003C\u002Fcode> paths to point to the correct locations.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>IE conditional stylesheets.\u003C\u002Fstrong> The Foxy JavaScript insertion happens automatically after your last detected stylesheet. If that stylesheet is inside an IE conditional comment, the script may get inserted into the comment instead. Add \u003Ccode class=\"badge bg-soft-danger text-danger\">{{ fc_header_content|raw }}\u003C\u002Fcode> manually where you want the script inserted to avoid this.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Linked stylesheets.\u003C\u002Fstrong> If a \u003Ccode class=\"badge bg-soft-danger text-danger\"><link>\u003C\u002Fcode> element isn’t being cached properly, check that \u003Ccode class=\"badge bg-soft-danger text-danger\">rel="stylesheet"\u003C\u002Fcode> comes before the \u003Ccode class=\"badge bg-soft-danger text-danger\">href\u003C\u002Fcode> attribute.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>\u003Cstrong>Hotlinking protection.\u003C\u002Fstrong> If you run anti-hotlinking scripts, temporarily disable them while caching your template, or images may not show up correctly.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Attributes must use single or double quotes (\u003Ccode class=\"badge bg-soft-danger text-danger\">src="foo\u002Fbar"\u003C\u002Fcode> or \u003Ccode class=\"badge bg-soft-danger text-danger\">src='foo\u002Fbar'\u003C\u002Fcode>) for AutoMagiCache to parse them correctly.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>",{"name":859,"created_at":860,"published_at":861,"updated_at":862,"id":863,"uuid":47,"content":864,"slug":48,"full_slug":48,"sort_by_date":59,"position":1042,"tag_list":1043,"is_startpage":24,"parent_id":59,"meta_data":59,"group_id":1044,"first_published_at":1045,"release_id":59,"lang":65,"path":59,"alternates":1046,"default_full_slug":59,"translated_slugs":59},"Contact","2022-09-23T19:56:58.957Z","2025-05-08T18:24:40.382Z","2025-05-08T18:24:40.392Z",3138,{"seo":865,"_uid":868,"title":869,"action":870,"fields":871,"method":1018,"columns":1019,"subtitle":1033,"component":48,"button_text":1039,"submit_title":1040,"submit_subtitle":1041},{"_uid":866,"title":859,"plugin":867,"description":13},"24ff7574-3bcc-48d2-85b5-e529dfea1cc4","meta-fields","8f54f1da-9d8f-49b2-89e7-840e886491cb","We're here to help.","https:\u002F\u002Fusebasin.com\u002Ff\u002F029f48d65402",[872,877,881,989,992,997,1012],{"_uid":873,"name":874,"type":332,"label":875,"options":13,"required":33,"component":876,"placeholder":13},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":878,"name":879,"type":879,"label":880,"options":13,"required":33,"component":876,"placeholder":13},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":882,"name":883,"type":884,"label":885,"options":886,"required":33,"component":876,"conditions":887,"placeholder":13},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[888,943,953,960,968,976,982],{"_uid":889,"equals":890,"fields":891,"component":942},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[892],{"_uid":893,"body":894,"type":940,"title":13,"component":941},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":895},[896],{"type":327,"content":897},[898,900,907,909,911,912,916,918,923,931,933,938],{"text":899,"type":332},"We are ",{"text":901,"type":332,"marks":902},"Foxy.io",[903],{"type":593,"attrs":904},{"href":905,"uuid":59,"anchor":59,"custom":906,"target":59,"linktype":31},"http:\u002F\u002FFoxy.io",{},{"text":908,"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":910},"hard_break",{"type":910},{"text":913,"type":332,"marks":914},"NOTE:",[915],{"type":445},{"text":917,"type":332}," We are ",{"text":919,"type":332,"marks":920},"not ",[921],{"type":922},"italic",{"text":924,"type":332,"marks":925},"Foxy.in",[926,930],{"type":593,"attrs":927},{"href":928,"uuid":59,"anchor":59,"custom":929,"target":59,"linktype":31},"http:\u002F\u002FFoxy.in",{},{"type":922},{"text":932,"type":332},". We are not in any way affiliated with ",{"text":924,"type":332,"marks":934},[935],{"type":593,"attrs":936},{"href":928,"uuid":59,"anchor":59,"custom":937,"target":59,"linktype":31},{},{"text":939,"type":332},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":944,"equals":945,"fields":946,"component":942},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[947],{"_uid":948,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":951,"placeholder":13,"default_value":952},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":954,"equals":208,"fields":955,"component":942},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[956],{"_uid":957,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":958,"placeholder":13,"default_value":959},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":961,"equals":962,"fields":963,"component":942},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[964],{"_uid":965,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":966,"placeholder":13,"default_value":967},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":969,"equals":970,"fields":971,"component":942},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[972],{"_uid":973,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":974,"placeholder":13,"default_value":975},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":977,"equals":890,"fields":978,"component":942},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[979],{"_uid":980,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":981,"placeholder":13,"default_value":952},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":983,"equals":984,"fields":985,"component":942},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[986],{"_uid":987,"name":949,"type":950,"label":13,"options":13,"required":24,"component":876,"conditions":988,"placeholder":13,"default_value":952},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":990,"component":991},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":993,"name":994,"type":995,"label":996,"options":13,"required":33,"component":876,"placeholder":13},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":998,"name":999,"type":884,"label":1000,"options":1001,"required":33,"component":876,"conditions":1002,"placeholder":13},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[1003],{"_uid":1004,"equals":1005,"fields":1006,"component":942},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[1007],{"_uid":1008,"name":1009,"type":332,"label":1010,"options":13,"required":33,"component":876,"conditions":1011,"placeholder":13},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":1013,"name":1014,"type":884,"label":1015,"options":1016,"required":33,"component":876,"conditions":1017,"placeholder":13},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[1020],{"_uid":1021,"text":1022,"title":1031,"component":1032},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":1023},[1024],{"type":327,"content":1025},[1026,1028,1029],{"text":1027,"type":332},"855.369.9227",{"type":910},{"text":1030,"type":332},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":1034},[1035],{"type":327,"content":1036},[1037],{"text":1038,"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",[],[288,1048,1075],{"name":1049,"created_at":1050,"published_at":1051,"updated_at":1052,"id":1053,"uuid":1054,"content":1055,"slug":1069,"full_slug":1070,"sort_by_date":59,"position":1071,"tag_list":1072,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":1073,"first_published_at":1051,"release_id":59,"lang":65,"path":59,"alternates":1074,"default_full_slug":59,"translated_slugs":59},"Templates","2023-01-19T16:30:39.158Z","2023-01-19T17:25:34.000Z","2023-01-19T17:25:34.017Z",28248,"d584ea62-7dcd-4152-be82-6ee0fdeb153c",{"_uid":1056,"icon":1057,"name":1049,"guides":1058,"summary":1059,"category":13,"component":297,"blog_posts":1060,"content_hub":24,"icon_custom":1061,"case_studies":1062,"faq_sections":1063,"help_articles":1064,"featured_guides":1065,"mailbox_category":13,"featured_articles":1066,"featured_blog_posts":1067,"featured_case_studies":1068},"a86c693a-d801-4062-b52b-47c4d9e82416","fa-pencil-paintbrush",[],"Customize Foxy related templates.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"filename":13,"copyright":59,"fieldtype":81},[],[],[],[],[],[],[],"templates","help\u002Fcategories\u002Ftemplates",70,[],"4e91bfd5-f795-474d-874f-ae78f4631d0c",[],{"name":1076,"created_at":1077,"published_at":1078,"updated_at":1079,"id":1080,"uuid":827,"content":1081,"slug":1094,"full_slug":1095,"sort_by_date":59,"position":1096,"tag_list":1097,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":1098,"first_published_at":1078,"release_id":59,"lang":65,"path":59,"alternates":1099,"default_full_slug":59,"translated_slugs":59},"Advanced Template Customization","2026-07-23T03:33:42.362Z","2026-07-23T03:34:37.518Z","2026-07-23T03:34:37.530Z",201064539644123,{"_uid":1082,"icon":13,"name":1076,"type":1083,"pinned":24,"summary":1084,"category":1054,"component":297,"blog_posts":1085,"icon_custom":1086,"case_studies":1088,"faq_sections":1089,"featured_guides":1090,"mailbox_category":13,"featured_articles":1091,"featured_blog_posts":1092,"featured_case_studies":1093},"0990cacf-3028-4cdb-838c-4a85d4fb99d3","simple","Host your own template design or edit the raw Twig markup for full control over the checkout experience.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":1087},{},[],[],[],[],[],[],"advanced-template-customization","help\u002Fcategories\u002Fadvanced-template-customization",-870,[],"1e42cb9c-7eba-43cb-a2eb-2fa2d3307bb1",[],{},1784780323771]