qenta-qmore-googlepay v5.3.8

Table of Contents

• Features
• Browser Support
• Installing
• Example
• Resources
• Supported language
• License
• Acknowledgments

Features

• Rendar the Googlepay button in any website

Browser Support

Latest ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔	11 ✔

Installing

Using npm:

$ npm i qenta-qmore-googlepay

Using yarn:

$ yarn add qenta-qmore-googlepay

Once the package is installed, you can import the library using import approach:

import QMoreGooglePay from 'qenta-qmore-googlepay';

Example

Include a section with usage examples to help users understand how to apply your package in different scenarios.

This are the Property you need to pass.

Example in React js

import QMoreGooglePay from 'qenta-qmore-googlepay';

  <QMoreGooglePay
      secret={'secret'}
      customerId={'customerId'}
      shopId={'shopId'}
      language={'language'}
      amount={'amount'}
      currency={'EUR'}
      orderDescription={'description'}
      successUrl={'http://yoursuccessUrl'}
      failureUrl={'http://yourfailureUrl'}
      basketItem1ArticleNumber={'42'}
      basketItem1Quantity={'1'}
      basketItem1Name={'your basket item name'}
      basketItem1UnitGrossAmount={'1'}
      basketItem1UnitNetAmount={'0.8'}
      basketItem1UnitTaxRate={'20'}
  />

Example in Vue js

import QMoreGooglePay from'qenta-qmore-googlepay';
      export default {
      name: 'App',
      components: {
          QMoreGooglePay
      }
  }

  <template>
      <QMoreGooglePay
        :secret="'secret'"
        :customerId="'customerId'"
        :shopId="'shopId'"
        :language="'language'"
        :amount="'amount'"
        :currency="'EUR'"
        :orderDescription="'description'"
        :successUrl="'http://yoursuccessUrl'"
        :failureUrl="'http://yourfailureUrl'"
        :basketItem1ArticleNumber="'42'"
        :basketItem1Quantity="'1'"
        :basketItem1Name="'your basket item name'"
        :basketItem1UnitGrossAmount="'1'"
        :basketItem1UnitNetAmount="'0.8'"
        :basketItem1UnitTaxRate="'20'"
      />
  </template>

Example in Angular js

Inside your .Ts File Add below code

import QMoreGooglePay from'qenta-qmore-googlepay';

export class AppComponent {
    props :any = {
        secret:'secret',
        customerId:'customerId',
        shopId:'shopId',
        language:'language',
        amount:'amount',
        currency='EUR',
        orderDescription='description',
        successUrl='http://yoursuccessUrl',
        failureUrl='http://yourfailureUrl',
        basketItem1ArticleNumber='42',
        basketItem1Quantity='1',
        basketItem1Name='mango',
        basketItem1UnitGrossAmount='1',
        basketItem1UnitNetAmount='0.8',
        basketItem1UnitTaxRate='20'
    };

    ocrGpayHtml: string;
    
    constructor() {
        this.ocrGpayHtml = QmoreGooglepay(this.props);
    }
}

Inside your .Html File Add below code

<div [innerHTML]="ocrGpayHtml"></div>

Resources

• qenta

Supported language

This package supported in Reactjs vuejs AngularJS

License

This project is licensed under the License Name - see the LICENSE file for details.

acknowledgments

If your package relies on other open-source projects or you want to give credit to contributors, include an acknowledgments section.