PayHQ Developer Center
  • Guide
    • Getting Started
    • Walkthrough
  • API
    • Authorization
    • Customer
    • Plan
    • Transaction
    • Invoice
    • Card Terminal
    • EFT
  • Integrations
    • PayHQ Plugin - Woocommerce
    • Hosted Pay Page
    • iFrame
    • iFrame Transaction NPM Module
    • Shopify
  • Partner Integrations
    • Sandbox
    • Partners
Powered by GitBook
On this page
  • iFrame-Transaction-NPM-Module-Demo
  • Basic HTML Demo files
  • React Demo
  • To get Iframe Access Token
  1. Integrations

iFrame Transaction NPM Module

PreviousiFrameNextShopify

Last updated 12 months ago

iFrame-Transaction-NPM-Module-Demo

Files to demonstrate how to use the Merrco Payfirma Simple Payment Module.

Install:npm i merrco-payfirma-simple-pay-module

Basic HTML Demo files

  • Follow source code and comments in the following files

  • basic-html-demo/simple_test.html

  • basic-html-demo/custom_css_test.html

React Demo

  • View souce code + comments react-demo/iframe-demo/src/App.js

  • cd into react-demo/iframe-demo

  • Make sure you are using Node LTS v18.17.1 (Latest LTS: Hydrogen) or higher nvm use lts/hydrogen

  • Run with npm start

To get Iframe Access Token

Please, Login at PayHQ ang go to Settings.

Create Iframe Access Token

https://www.npmjs.com/package/merrco-payfirma-simple-pay-module?activeTab=readme
PayHQ Settings