Customization

Button Customization

Customize the appearance of the payment button by passing a second argument to renderButton().

Available Options

text (string)

Custom text to display on the button. Default: 'Pay with GivePay'

givepay.renderButton(paymentOptions, {
  text: "Complete Purchase",
});

style (object)

Customize the button's appearance with these CSS properties:

• backgroundColor (string): Button background color (default: '#C7EF00')
• color (string): Text color (default: '#1E4841')
• padding (string): Button padding (default: '12px 24px')
• borderRadius (string): Border radius (default: '4px')
• fontFamily (string): Font family (default: 'inherit')
• fontWeight (string): Font weight (default: '600')

givepay.renderButton(paymentOptions, {
  text: "Buy Now",
  style: {
    backgroundColor: "#0066cc",
    color: "#ffffff",
    padding: "16px 32px",
    borderRadius: "8px",
    fontFamily: "Arial, sans-serif",
    fontWeight: "bold",
  },
});