Skip to content

Latest commit

 

History

History

embed-cdn

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
package.json
package.json
 
 
webpack.prod.js
webpack.prod.js
 
 

README.md

Gr4vy Embed bundled for CDN

License

Quickly embed Gr4vy in any web site by loading it from a CDN as a single JS file.

Use @gr4vy/embed in a non-React application.

Usage

Load the JS file into your HTML page as follows.

<script src="https://cdn.{gr4vyId}.gr4vy.app/gr4vy-embed.js"></script>

Please replace the {gr4vyId} with the name of your instance. Additionally, you can build the JS file yourself and host it on your own CDN. See instructions below.

Get started

To use Gr4vy Embed, call the gr4vy.setup() method with the name of your instance and the details for the transaction.

<body>
  <form id="cardform">
    <div class="container"></div>
    <input type="submit" value="Pay" />
  </form>

  <script>
    gr4vy.setup({
      gr4vyId: '[GR4VY_ID]',
      token: '[TOKEN]',
      amount: 1299,
      currency: 'USD',
      country: 'US',
      element: '.container',
      form: '#cardform',
    })
  </script>
</body>

Note: Replace [GR4VY_ID] and [TOKEN] with the ID of your instance and JWT access token. See any of our server-side SDKs for more details.

This will insert Gr4vy Embed into the specified container and use the submit button to trigger the transaction.

For more information on the parameters that gr4vy.setup() expects, please refer to the documentation for the Node library.

Local build

To build your own version of this library, download the repository, install the dependencies, and call the build command.

git clone [email protected]:gr4vy/embed.git
cd embed/packages/embed-cdn
yarn install
yarn build

This will generate a CDN ready file at ./lib/gr4vy-embed.js.

License

This project is provided as-is under the MIT license.