{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-docs/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["htmlDownloadButton","mountHTMLMerchantDemoMarkup","reactDownloadButton","mountReactMerchantDemoMarkup"]},"type":"markdown"},"seo":{"title":"Sample Code","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"sample-code","__idx":0},"children":["Sample Code"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To accelerate your integration we provide working demonstration samples."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"standalone-htmljs","__idx":1},"children":["Standalone HTML/JS"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can download and use a native javascript implementation of the ",{"$$mdtype":"Tag","name":"HTMLDownloadButton","attributes":{},"children":[]},"."]},{"$$mdtype":"Tag","name":"MountHTMLMerchantDemoMarkup","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"react-component","__idx":2},"children":["React Component"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can download and use a react implementation of the ",{"$$mdtype":"Tag","name":"ReactDownloadButton","attributes":{},"children":[]},"."]},{"$$mdtype":"Tag","name":"MountReactMerchantDemoMarkup","attributes":{},"children":[]}]},"headings":[{"value":"Sample Code","id":"sample-code","depth":1},{"value":"Standalone HTML/JS","id":"standalone-htmljs","depth":2},{"value":"React Component","id":"react-component","depth":2}],"frontmatter":{"title":"Sample Code","markdown":{"toc":{"hide":true}},"seo":{"title":"Sample Code"}},"lastModified":"2026-09-01T06:34:43.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/online-payments/pay-online/samples","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}