[{"data":1,"prerenderedAt":737},["ShallowReactive",2],{"header:help":3,"footer:default":67,"story:navigation\u002Fsearch:help":250,"story:help\u002Fcategories":288,"story:help\u002Farticles\u002Fadd-a-message-above-the-email-field-on-the-checkout":314,"no-guide:add-a-message-above-the-email-field-on-the-checkout":59,"article:\u002Fhelp\u002Farticles\u002Fadd-a-message-above-the-email-field-on-the-checkout":476,"story:contact":492,"help:tree:737d81cc-b5d8-4ca3-a766-9c9f03f2e4e6":682,"_apollo:default":736},{"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":469,"full_slug":470,"sort_by_date":59,"position":471,"tag_list":472,"is_startpage":24,"parent_id":473,"meta_data":59,"group_id":474,"first_published_at":317,"release_id":59,"lang":65,"path":59,"alternates":475,"default_full_slug":59,"translated_slugs":59},"Add a message above the email field on the checkout","2026-07-21T15:49:51.148Z","2026-07-22T17:45:00.550Z","2026-07-22T17:45:00.564Z",200537666196117,"737d81cc-b5d8-4ca3-a766-9c9f03f2e4e6",{"_uid":322,"body":323,"name":315,"image":464,"pinned":24,"summary":466,"category":467,"component":266,"related_articles":468},"2f979d38-d028-4037-83d7-aed60e3bf124",{"type":324,"content":325},"doc",[326,333,340,345,351,356,408,413,418,423,428,439,447,452,459],{"type":327,"attrs":328,"content":329},"paragraph",{"textAlign":59},[330],{"text":331,"type":332},"You can use this snippet if you'd like to show your customers a message at the top of the checkout page.","text",{"type":334,"attrs":335,"content":337},"heading",{"level":336,"textAlign":59},2,[338],{"text":339,"type":332},"Step 1: Get the Snippet",{"type":327,"attrs":341,"content":342},{"textAlign":59},[343],{"text":344,"type":332},"Copy this code onto your computer's clipboard:",{"type":346,"attrs":347,"content":348},"code_block",{"class":59},[349],{"text":350,"type":332},"{% block login_register %}\n\u003Cdiv class=\"fc-messages\">\n    \u003Cdiv class=\"fc-alert fc-alert--info custom-message\">\n        \u003Cul>\u003Cli>Your custom message here.\u003C\u002Fli>\u003C\u002Ful>\n    \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n{% endblock %}",{"type":334,"attrs":352,"content":353},{"level":336,"textAlign":59},[354],{"text":355,"type":332},"Step 2: Modify the Checkout Template",{"type":357,"content":358},"bullet_list",[359,367,374,394,401],{"type":360,"content":361},"list_item",[362],{"type":327,"attrs":363,"content":364},{"textAlign":59},[365],{"text":366,"type":332},"Go to your checkout template in your Foxy admin here.",{"type":360,"content":368},[369],{"type":327,"attrs":370,"content":371},{"textAlign":59},[372],{"text":373,"type":332},"If you don't see a textarea called \"checkout template:\", on the setting labeled \"or, use a default template:\", select the \"Custom Template\" option to make the textarea box appear.",{"type":360,"content":375},[376],{"type":327,"attrs":377,"content":378},{"textAlign":59},[379,381,386,388,392],{"text":380,"type":332},"Scroll down in the \"checkout template:\" box until you see ",{"text":382,"type":332,"marks":383},"{% embed 'checkout.inc.twig' %}",[384],{"type":385},"code",{"text":387,"type":332},". On the next line, paste the code that you copied in Step 1 above. The line following what you pasted should be ",{"text":389,"type":332,"marks":390},"{% endembed %}",[391],{"type":385},{"text":393,"type":332}," .",{"type":360,"content":395},[396],{"type":327,"attrs":397,"content":398},{"textAlign":59},[399],{"text":400,"type":332},"Change the \"Your custom message here.\" text in the code to be what you'd like to see on the checkout.",{"type":360,"content":402},[403],{"type":327,"attrs":404,"content":405},{"textAlign":59},[406],{"text":407,"type":332},"Scroll down until you see the \"Update Template\" button and click to save.",{"type":334,"attrs":409,"content":410},{"level":336,"textAlign":59},[411],{"text":412,"type":332},"Step 3: Test",{"type":327,"attrs":414,"content":415},{"textAlign":59},[416],{"text":417,"type":332},"Add a product to the cart and go to the checkout to ensure that it works as expected.",{"type":334,"attrs":419,"content":420},{"level":336,"textAlign":59},[421],{"text":422,"type":332},"Optional Styling",{"type":327,"attrs":424,"content":425},{"textAlign":59},[426],{"text":427,"type":332},"You can change the style of the message by adding styles to your custom header on your configuration settings. You may need to click \"Add custom header and footer code to your templates\" to get the \"custom header:\" text area.",{"type":327,"attrs":429,"content":430},{"textAlign":59},[431,433,437],{"text":432,"type":332},"You can put the styles in between ",{"text":434,"type":332,"marks":435},"\u003Cstyle>",[436],{"type":385},{"text":438,"type":332}," tags. Example:",{"type":327,"attrs":440,"content":441},{"textAlign":59},[442],{"text":443,"type":332,"marks":444},"To change the box styling, use:",[445],{"type":446},"bold",{"type":346,"attrs":448,"content":449},{"class":59},[450],{"text":451,"type":332},"\u003Cstyle>\n#fc .fc-messages .custom-message{\n    background-color: lavender;\n    border-color: pink;\n}\n\u003C\u002Fstyle>",{"type":327,"attrs":453,"content":454},{"textAlign":59},[455],{"text":456,"type":332,"marks":457},"To change the text, use:",[458],{"type":446},{"type":346,"attrs":460,"content":461},{"class":59},[462],{"text":463,"type":332},"#fc .fc-messages .custom-message ul li {\n    color: red;\n}",{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":465},{},"How to display a custom message at the top of the checkout, above the email field.","c86d4c1b-9299-4716-802e-52f91ac178b0",[],"add-a-message-above-the-email-field-on-the-checkout","help\u002Farticles\u002Fadd-a-message-above-the-email-field-on-the-checkout",-4190,[],2659,"120f2460-f055-4608-a795-483633a5a959",[],{"html":477,"sections":478,"segments":488},"\u003Cp>You can use this snippet if you'd like to show your customers a message at the top of the checkout page.\u003C\u002Fp>\u003Csection id=\"step-1-get-the-snippet\" data-title=\"Step 1: Get the Snippet\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"step-1-get-the-snippet\">Step 1: Get the Snippet\u003C\u002Fh2>\u003Cp>Copy this code onto your computer's clipboard:\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>{% block login_register %}\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">class\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"fc-messages"\u003C\u002Fspan>>\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan> \u003Cspan class=\"hljs-attr\">class\u003C\u002Fspan>=\u003Cspan class=\"hljs-string\">"fc-alert fc-alert--info custom-message"\u003C\u002Fspan>>\u003C\u002Fspan>\n        \u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C\u002Fspan>>\u003C\u002Fspan>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">li\u003C\u002Fspan>>\u003C\u002Fspan>Your custom message here.\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">li\u003C\u002Fspan>>\u003C\u002Fspan>\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">ul\u003C\u002Fspan>>\u003C\u002Fspan>\n    \u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan>>\u003C\u002Fspan>\n\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">div\u003C\u002Fspan>>\u003C\u002Fspan>\n\n{% endblock %}\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\u003Csection id=\"step-2-modify-the-checkout-template\" data-title=\"Step 2: Modify the Checkout Template\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"step-2-modify-the-checkout-template\">Step 2: Modify the Checkout Template\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Go to your checkout template in your Foxy admin here.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If you don't see a textarea called "checkout template:", on the setting labeled "or, use a default template:", select the "Custom Template" option to make the textarea box appear.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Scroll down in the "checkout template:" box until you see \u003Ccode class=\"badge bg-soft-danger text-danger\">{% embed 'checkout.inc.twig' %}\u003C\u002Fcode>. On the next line, paste the code that you copied in Step 1 above. The line following what you pasted should be \u003Ccode class=\"badge bg-soft-danger text-danger\">{% endembed %}\u003C\u002Fcode> .\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Change the "Your custom message here." text in the code to be what you'd like to see on the checkout.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Scroll down until you see the "Update Template" button and click to save.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fsection>\u003Csection id=\"step-3-test\" data-title=\"Step 3: Test\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"step-3-test\">Step 3: Test\u003C\u002Fh2>\u003Cp>Add a product to the cart and go to the checkout to ensure that it works as expected.\u003C\u002Fp>\u003C\u002Fsection>\u003Csection id=\"optional-styling\" data-title=\"Optional Styling\" data-title-node=\"H2\">\u003Chr class=\"my-8\" style=\"margin-left: -48px; margin-right: -40vw\">\u003Ch2 data-anchor-id=\"optional-styling\">Optional Styling\u003C\u002Fh2>\u003Cp>You can change the style of the message by adding styles to your custom header on your configuration settings. You may need to click "Add custom header and footer code to your templates" to get the "custom header:" text area.\u003C\u002Fp>\u003Cp>You can put the styles in between \u003Ccode class=\"badge bg-soft-danger text-danger\"><style>\u003C\u002Fcode> tags. Example:\u003C\u002Fp>\u003Cp>\u003Cstrong>To change the box styling, use:\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>\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">style\u003C\u002Fspan>>\u003C\u002Fspan>\n#fc .fc-messages .custom-message{\n    background-color: lavender;\n    border-color: pink;\n}\n\u003Cspan class=\"hljs-tag\"><\u002F\u003Cspan class=\"hljs-name\">style\u003C\u002Fspan>>\u003C\u002Fspan>\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cp>\u003Cstrong>To change the text, use:\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>#fc .fc-messages .custom-message ul li {\n    color: red;\n}\u003C\u002Fpre>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>",[479,482,484,486],{"id":480,"title":339,"level":481},"step-1-get-the-snippet","H2",{"id":483,"title":355,"level":481},"step-2-modify-the-checkout-template",{"id":485,"title":412,"level":481},"step-3-test",{"id":487,"title":422,"level":481},"optional-styling",[489],{"type":490,"content":491},"html","\u003Cp>You can use this snippet if you'd like to show your customers a message at the top of the checkout page.\u003C\u002Fp>\u003Ch2>Step 1: Get the Snippet\u003C\u002Fh2>\u003Cp>Copy this code onto your computer's clipboard:\u003C\u002Fp>\u003Cpre>\u003Ccode>{% block login_register %}\n<div class="fc-messages">\n    <div class="fc-alert fc-alert--info custom-message">\n        <ul><li>Your custom message here.<\u002Fli><\u002Ful>\n    <\u002Fdiv>\n<\u002Fdiv>\n\n{% endblock %}\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Step 2: Modify the Checkout Template\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Go to your checkout template in your Foxy admin here.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>If you don't see a textarea called "checkout template:", on the setting labeled "or, use a default template:", select the "Custom Template" option to make the textarea box appear.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Scroll down in the "checkout template:" box until you see \u003Ccode class=\"badge bg-soft-danger text-danger\">{% embed 'checkout.inc.twig' %}\u003C\u002Fcode>. On the next line, paste the code that you copied in Step 1 above. The line following what you pasted should be \u003Ccode class=\"badge bg-soft-danger text-danger\">{% endembed %}\u003C\u002Fcode> .\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Change the "Your custom message here." text in the code to be what you'd like to see on the checkout.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Scroll down until you see the "Update Template" button and click to save.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Step 3: Test\u003C\u002Fh2>\u003Cp>Add a product to the cart and go to the checkout to ensure that it works as expected.\u003C\u002Fp>\u003Ch2>Optional Styling\u003C\u002Fh2>\u003Cp>You can change the style of the message by adding styles to your custom header on your configuration settings. You may need to click "Add custom header and footer code to your templates" to get the "custom header:" text area.\u003C\u002Fp>\u003Cp>You can put the styles in between \u003Ccode class=\"badge bg-soft-danger text-danger\"><style>\u003C\u002Fcode> tags. Example:\u003C\u002Fp>\u003Cp>\u003Cstrong>To change the box styling, use:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode><style>\n#fc .fc-messages .custom-message{\n    background-color: lavender;\n    border-color: pink;\n}\n<\u002Fstyle>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>To change the text, use:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>#fc .fc-messages .custom-message ul li {\n    color: red;\n}\u003C\u002Fcode>\u003C\u002Fpre>",{"name":493,"created_at":494,"published_at":495,"updated_at":496,"id":497,"uuid":47,"content":498,"slug":48,"full_slug":48,"sort_by_date":59,"position":677,"tag_list":678,"is_startpage":24,"parent_id":59,"meta_data":59,"group_id":679,"first_published_at":680,"release_id":59,"lang":65,"path":59,"alternates":681,"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":499,"_uid":502,"title":503,"action":504,"fields":505,"method":653,"columns":654,"subtitle":668,"component":48,"button_text":674,"submit_title":675,"submit_subtitle":676},{"_uid":500,"title":493,"plugin":501,"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",[506,511,515,624,627,632,647],{"_uid":507,"name":508,"type":332,"label":509,"options":13,"required":33,"component":510,"placeholder":13},"9a70b226-2036-4f90-a052-b3efa61c5896","name","Name","form___field",{"_uid":512,"name":513,"type":513,"label":514,"options":13,"required":33,"component":510,"placeholder":13},"86ba35be-ff43-4a28-8633-14052a8f6622","email","Email Address",{"_uid":516,"name":517,"type":518,"label":519,"options":520,"required":33,"component":510,"conditions":521,"placeholder":13},"3f827475-492c-4f97-aa1e-2386ac263b6c","topic","select","Topic","Presales, Support, Billing, Partnerships, Order Enquiry, Other",[522,578,588,595,603,611,617],{"_uid":523,"equals":524,"fields":525,"component":577},"e21d97dd-e68e-4fa6-ba97-bc40f3041dde","Order Enquiry",[526],{"_uid":527,"body":528,"type":575,"title":13,"component":576},"b64992bc-6d53-48b8-b7a0-d81e5a062e50",{"type":324,"content":529},[530],{"type":327,"content":531},[532,534,542,544,546,547,551,553,558,566,568,573],{"text":533,"type":332},"We are ",{"text":535,"type":332,"marks":536},"Foxy.io",[537],{"type":538,"attrs":539},"link",{"href":540,"uuid":59,"anchor":59,"custom":541,"target":59,"linktype":31},"http:\u002F\u002FFoxy.io",{},{"text":543,"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":545},"hard_break",{"type":545},{"text":548,"type":332,"marks":549},"NOTE:",[550],{"type":446},{"text":552,"type":332}," We are ",{"text":554,"type":332,"marks":555},"not ",[556],{"type":557},"italic",{"text":559,"type":332,"marks":560},"Foxy.in",[561,565],{"type":538,"attrs":562},{"href":563,"uuid":59,"anchor":59,"custom":564,"target":59,"linktype":31},"http:\u002F\u002FFoxy.in",{},{"type":557},{"text":567,"type":332},". We are not in any way affiliated with ",{"text":559,"type":332,"marks":569},[570],{"type":538,"attrs":571},{"href":563,"uuid":59,"anchor":59,"custom":572,"target":59,"linktype":31},{},{"text":574,"type":332},", and cannot help in any way with your order from that website.","danger","global___alert","form___condition",{"_uid":579,"equals":580,"fields":581,"component":577},"8765c3e1-25cf-44aa-b8ea-fc6094acf9c3","Presales",[582],{"_uid":583,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":586,"placeholder":13,"default_value":587},"cf464f8e-d643-4f6e-af29-d3abffaf7380","department_email_address","hidden",[],"hello@foxy.io",{"_uid":589,"equals":208,"fields":590,"component":577},"4007b6d8-77e5-421d-bd1e-6f336dd853fb",[591],{"_uid":592,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":593,"placeholder":13,"default_value":594},"7b4c6aa5-a68c-45e0-9ce1-0a36af10c0c2",[],"help@foxy.io",{"_uid":596,"equals":597,"fields":598,"component":577},"1dbb8f11-613d-43cd-9e09-1b94f6e19219","Billing",[599],{"_uid":600,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":601,"placeholder":13,"default_value":602},"a0ac0d1b-bc4f-4a6c-a682-581d450b0b73",[],"help+billing@foxy.io",{"_uid":604,"equals":605,"fields":606,"component":577},"a0a53a50-7172-4a29-ba58-181e38874e12","Partnerships",[607],{"_uid":608,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":609,"placeholder":13,"default_value":610},"7aa011d9-f374-4aed-b5a5-929b54aaf152",[],"partners@foxy.io",{"_uid":612,"equals":524,"fields":613,"component":577},"a4cd431f-25d5-41c7-bfdc-02c908c8fb47",[614],{"_uid":615,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":616,"placeholder":13,"default_value":587},"f5d52168-d6ae-451b-94ee-2ced1cbd28ad",[],{"_uid":618,"equals":619,"fields":620,"component":577},"25aba1ed-eb41-4bbc-aa89-f7a7167ea86e","Other",[621],{"_uid":622,"name":584,"type":585,"label":13,"options":13,"required":24,"component":510,"conditions":623,"placeholder":13,"default_value":587},"f40dfaef-c203-4b71-bf4e-e1b43cef192b",[],{"_uid":625,"component":626},"e9c53a05-f40a-4510-aaf8-bc072a235a0c","form___subject",{"_uid":628,"name":629,"type":630,"label":631,"options":13,"required":33,"component":510,"placeholder":13},"a4c4d385-fff4-4978-99fb-b68cfea623d6","message","textarea","Message",{"_uid":633,"name":634,"type":518,"label":635,"options":636,"required":33,"component":510,"conditions":637,"placeholder":13},"8a3c9f85-f438-427d-9c7a-d7b295a14b5b","existing_user","Are you an existing user?","No, Yes",[638],{"_uid":639,"equals":640,"fields":641,"component":577},"115933d6-262a-4b59-8fa8-579c5ad73de1","Yes",[642],{"_uid":643,"name":644,"type":332,"label":645,"options":13,"required":33,"component":510,"conditions":646,"placeholder":13},"44b6ff23-98f0-4e95-b7f5-c23e06415c2d","subdomain","Store Subdomain",[],{"_uid":648,"name":649,"type":518,"label":650,"options":651,"required":33,"component":510,"conditions":652,"placeholder":13},"922a5cef-3af2-4113-8855-36c7910e3ee3","user_type","What type of user are you?","Developer, Designer, Merchant",[],"POST",[655],{"_uid":656,"text":657,"title":666,"component":667},"7323b90d-a93a-4bf1-baa9-20d0b7ead61b",{"type":324,"content":658},[659],{"type":327,"content":660},[661,663,664],{"text":662,"type":332},"855.369.9227",{"type":545},{"text":665,"type":332},"9:30am-6pm Central M-F","Pre-sales, Sales, & Partnerships","contact___footer_column",{"type":324,"content":669},[670],{"type":327,"content":671},[672],{"text":673,"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,683,712],{"name":684,"created_at":685,"published_at":686,"updated_at":687,"id":688,"uuid":689,"content":690,"slug":705,"full_slug":706,"sort_by_date":59,"position":707,"tag_list":708,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":709,"first_published_at":710,"release_id":59,"lang":65,"path":59,"alternates":711,"default_full_slug":59,"translated_slugs":59},"Checkout","2024-11-06T19:56:29.907Z","2026-07-02T22:04:34.438Z","2026-07-02T22:04:34.451Z",14898631,"60b73dc2-7635-487c-bd1f-fd7fba18ab4d",{"_uid":691,"icon":13,"name":684,"type":692,"guides":693,"pinned":24,"summary":694,"category":13,"component":297,"blog_posts":695,"content_hub":24,"icon_custom":696,"case_studies":698,"faq_sections":699,"help_articles":700,"featured_guides":701,"mailbox_category":13,"featured_articles":702,"featured_blog_posts":703,"featured_case_studies":704},"0a484217-201f-4f60-a813-d8d8bda736e4","simple",[],"How the checkout works, configuration options, customizations, and advanced integrations.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":697},{},[],[],[],[],[],[],[],"checkout","help\u002Fcategories\u002Fcheckout",0,[],"b3bfcd1f-8386-4ed8-9218-2f4c2989a1b2","2024-11-06T19:56:44.870Z",[],{"name":713,"created_at":714,"published_at":715,"updated_at":716,"id":717,"uuid":467,"content":718,"slug":730,"full_slug":731,"sort_by_date":59,"position":732,"tag_list":733,"is_startpage":24,"parent_id":310,"meta_data":59,"group_id":734,"first_published_at":715,"release_id":59,"lang":65,"path":59,"alternates":735,"default_full_slug":59,"translated_slugs":59},"Customize The Checkout","2026-07-01T21:47:44.740Z","2026-07-01T21:49:01.723Z","2026-07-01T21:49:01.735Z",193547734023485,{"_uid":719,"icon":13,"name":713,"type":692,"pinned":24,"summary":720,"category":689,"component":297,"blog_posts":721,"icon_custom":722,"case_studies":724,"faq_sections":725,"featured_guides":726,"mailbox_category":13,"featured_articles":727,"featured_blog_posts":728,"featured_case_studies":729},"ef453f74-3f14-4304-9824-ab8062d98dc3","Customize the appearance and fields of the checkout.",[],{"id":59,"alt":59,"name":13,"focus":59,"title":59,"source":59,"filename":13,"copyright":59,"fieldtype":81,"meta_data":723},{},[],[],[],[],[],[],"customize-the-checkout","help\u002Fcategories\u002Fcustomize-the-checkout",-500,[],"1d9305ee-1c27-453b-a461-c993ef5b69b5",[],{},1784742856229]