Options

Gr4vy Embed can be configured in a few specific ways.

Element & Form

Gr4vy Embed expects the query for two HTML elements to attach itself to. The values for these elements are a query string that can be parsed by document.querySelector. For example, <div class="container" /> would be represented as .container, while <form id="cardform"> would be represented by #cardform.

HTML Element	Example	Description
element	.container	Specifies the HTML element to attach the form to. Gr4vy Embed will insert the form at this location. This parameter also supports directly providing a HTML element.
form	#order	Specifies the HTML <form> element or a query for the element to attach additional inputs to. Gr4vy will automatically insert a hidden Input field into this form containing the transaction ID.

Options

The options for this integration are as follows.

Field	Default	Description
amount	null	The amount to authorize or capture in the specified currency. only.
apiHost	null	Sometimes required - The host (both hostname and port) of the Gr4vy API server to use. Can be omitted when using the gr4vyId option.
buyerExternalIdentifier	null	An optional external ID for a Gr4vy buyer. The transaction will automatically be associated to a buyer with that external ID. If no buyer with this external ID exists then it will be ignored. This option is ignored if the buyerId is provided.
buyerId	null	An optional ID for a Gr4vy buyer. The transaction will automatically be associated to a buyer with that ID. If no buyer with this ID exists then it will be ignored.
country	null	Required A valid ISO 3166 country code.
currency	null	Required A valid, active, 3-character ISO 4217 currency code to authorize or capture the amount for.
externalIdentifier	null	An optional external identifier that can be supplied. This will automatically be associated to any resource created by Gr4vy and can subsequently be used to find a resource by that ID
gr4vyId	null	Often required Gr4vy ID automatically sets the apiHost to api.<gr4vyId>.gr4vy.app and iframeHost to embed.<gr4vyId>.gr4vy.app.
iframeHost	null	Sometimes required - The host (both hostname and port) of the server that hosts the Gr4vy payment form. Can be omitted when using the gr4vyId option.
intent	authorize	authorize, capture, select - Defines the transaction intent of this API call. This determines the desired initial state of the transaction. In the case of select this does not create a transaction, instead it only tokenizes a payment method and returns the payment method ID. This will automatically set the store to true.
display	all	storedOnly, addOnly, all - This flag determines which payment options are shown. By default both tokenized payment methods and new payment options are shown. The filter can be used to show only allow a buyer to use a new payment method, or to filter to only previously stored payment methods.
locale	en	An optional locale, this consists of a ISO 639 Language Code followed by an optional ISO 3166 Country Code, e.g. en, en-gb or pt-br.
onEvent	null	An optional event handler to bind to the form. This is called for various events, more on that below.
store	ask	'ask', true, false - Explicitly store the payment method or ask the buyer, this is used when a buyerId or buyerExternalIdentifier is provided. This field is ignored if the intent is set to select.
theme	null	Theme customization options (See Theming)
token	null	Required - The server-side generated JWT token used to authenticate any of the API calls.
onComplete	null	An optional callback with a completed transaction object. (Form submission must be handled manually)