@sourceallies/payment-gateway-form - REPLACE_VERSION

Web Components

sa-pg-form

Attribute Description Default Value Required
amount-options Specifies what values to display in default buttons. If empty, buttons will not render. Separate values with pipes. Example: '10|25|50|100|250' false
api-login-id Your login for Authorize.Net. true
apple-merchant-name Your Apple merchant name to be used for Apple Pay. false
apple-pay Enables Apple Pay. false
button-color Specifies the background of the buttons. This can be a HEX value, RGB value, RGBA value, HSL value, HSLA value, or the color in all lowercase. This color does not set the color for the payment amount buttons. '#1a80c7' false
button-text-color Specifies the text color of the buttons. This can be a HEX value, RGB value, RGBA value, HSL value, HSLA value, or the color in all lowercase. This color does not set the color for the payment amount buttons. '#fff' false
card-providers Specifies the list of card providers to support. These values are used for Google Pay, Apple Pay... Example: 'visa|mastercard|discover|amex' Valid Values: visa, mastercard, discover, amex false
client-canonical-name Your Apple client canonical name to be used for Apple Pay. false
credit-card Enables credit card transactions. false
designations The designations options. These values are used for the name of the line item being sent through Payment Gateway. If the line item is longer than 31 characters, it will be truncated prior to sending it to Payment Gateway. Separate designations with pipes. If only one is specified, the select will not be displayed. Example: 'Item one|Item two|Item three' false
display-cover-fees Specifies whether you want to display the cover fees checkbox and information. If this is displayed, the payer will be able to opt in to covering the transaction fees that are calculated using 'percent-fee', and 'flat-fee'. false
e-check Enables eCheck transactions. false
environment The environment of Payment Gateway you want to make HTTP requests to. false
flat-fee Sets percentage processing fee amount. This is used to calculate the price with fees if a 'display-cover-fees' is set to true and the user opts in to cover the processing fees. 0.35 false
gateway-merchant-id Your gateway merchant ID to be used for Google Pay. false
gateway-name Your Payment Gateway gateway name. true
get-invoice-number Specifies whether you want to display the invoice number field. If this is not displayed, a random, unique invoice number will be generated for each transaction. false
google-merchant-id Your Google merchant ID to be used for Google Pay. false
google-merchant-name Your Google merchant name to be used for Google Pay. false
google-pay Enables Google Pay. false
handle-result Enables default result handling for transactions that is built into the form. false
keyword Specifies the keyword to use for titling the sections of the form. Examples: payment, gift, donation, or contribution. 'payment' false
one-time Enables one time transactions. false
other-designation Stores whether to display the other designation input. false false
partner-name Your Payment Gateway partner name. true
percent-fee Sets percentage processing fee amount. This is used to calculate the price with fees if a 'display-cover-fees' is set to true and the user opts in to cover the processing fees. 0.03 false
recurring Enables recurring transactions. false