{"templateId":"../../../@theme/Templates/ReleaseNote.tsx","sharedDataIds":{},"props":{"metadata":{"markdoc":{"tagList":["card"]},"type":"markdown","date":"2025-04-01","monthLabel":"April 2025","order":2,"legacyAnchor":"sample-ecommerce-application"},"seo":{"title":"Sample Ecommerce Application","description":"To help make it easier to integrate to Finix, we've created an example e-commerce application.","siteUrl":"https://docs.finix.com/","llmstxt":{"hide":false,"sections":[{"title":"Getting Started","includeFiles":["guides/getting-started/**/*.md"],"excludeFiles":[]},{"title":"Online Payments","includeFiles":["guides/online-payments/**/*.md"],"excludeFiles":["guides/online-payments/payment-features/fsa-hsa-non-healthcare-mcc.md"]},{"title":"In-Person Payments","includeFiles":["guides/in-person-payments/**/*.md"],"excludeFiles":[]},{"title":"Subscriptions","includeFiles":["guides/subscriptions/**/*.md"],"excludeFiles":[]},{"title":"After the Payment","includeFiles":["guides/after-the-payment/**/*.md"],"excludeFiles":[]},{"title":"Managing Operations","includeFiles":["guides/managing-operations/**/*.md"],"excludeFiles":[]},{"title":"Platform Payments","includeFiles":["guides/platform-payments/**/*.md"],"excludeFiles":[]},{"title":"Payouts","includeFiles":["guides/payouts/**/*.md"],"excludeFiles":[]},{"title":"Low-Code / No-Code","includeFiles":["low-code-no-code/**/*.md"],"excludeFiles":[]},{"title":"Developers","includeFiles":["additional-resources/developers/**/*.md"],"excludeFiles":[]},{"title":"Plugins","includeFiles":["additional-resources/plugins/**/*.md"],"excludeFiles":[]},{"title":"Industry Considerations","includeFiles":["guides/industry-considerations/**/*.md"],"excludeFiles":[]},{"title":"Regional Considerations","includeFiles":["guides/regional-considerations/**/*.md"],"excludeFiles":[]},{"title":"Release Notes","includeFiles":["release-notes/**/*.md"],"excludeFiles":[]}],"excludeFiles":[]},"image":"/assets/additional-resources-release-notes.9735f92c59d5741ad884fb4d9a1496310d990a863871921fa63028cdf2aed328.04fe652d.png"},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"sample-ecommerce-application","__idx":0},"children":["Sample Ecommerce Application"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To help make it easier to integrate to Finix, we've created an example e-commerce application. This Next.js web app demonstrates how to integrate it Finix using either:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finix Hosted Checkout"]}," - Redirects customers to a secure Finix-hosted checkout page"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finix Tokenization Form"]}," - Embeds the Finix Tokenization Form directly in the website"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finix Hosted Checkout"]}," - Redirects customers to a secure Finix-hosted checkout page"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finix Tokenization Form"]}," - Embeds the Finix Tokenization Form directly in the website"]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Sample Accept a Payment App","icon":"/images/icons/github-brands.svg","iconRawContent":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 496 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\"/></svg>","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"outlined","iconVariant":"ghost","to":"https://github.com/finix-payments/accept-a-payment/"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Sample e-commerce application that shows how to use Finix's checkout forms and how to take a payment with our Token Forms."]}]}]},"headings":[{"value":"Sample Ecommerce Application","id":"sample-ecommerce-application","depth":1}],"frontmatter":{"template":"../../../@theme/Templates/ReleaseNote.tsx","seo":{"title":"Sample Ecommerce Application","description":"To help make it easier to integrate to Finix, we've created an example e-commerce application.","image":"/assets/additional-resources-release-notes.9735f92c59d5741ad884fb4d9a1496310d990a863871921fa63028cdf2aed328.04fe652d.png"},"metadata":{"date":"2025-04-01","monthLabel":"April 2025","order":2,"legacyAnchor":"sample-ecommerce-application"}},"lastModified":"2026-08-20T01:30:42.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/release-notes/2025/04/sample-ecommerce-application","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}