iyzico button customization

You can use below parameters to customize the iyzico-button and to cover your website requirements.

Please add a selector div and source code before start

<!-- You should add mentioned div to the place where the button will be displayed-->
<div id="iyzico-button"></div>

<!-- script source should be added to the page -->
<script src="https://static.iyzipay.com/plugins/v1/iyzico-buttons.min.js"></script>

Sample Customization

new iyzico.buttons({
  locale: "en_EN",
  selector: "#iyzico-button",
  buttonType: "pay",
  style: {
     color: "black",
     shape: "rect",
     tagline: "logo"
  },
  form: {
    name: "iyzico-refund-form",
    action: "/refund-post",
  },
  onSubmit: function () {
     console.log("iyzico button onSubmit");
  }
});

Selector
Language
Button Type
Style
Form
Callbacks

1. Selector

It defines the html item that is used for putting iyzico button

Parameter	Type	Default Value	Description
selector	String	#iyzico-button	Selects the related dom element for showing iyzico-button. It can be a class or id. The value should be unique in the page.

2. Language

The texts of a button can be changed with locale parameter

Parameter	Type	Default Value	Description
locale	String	tr_TR	Changes the language of button. Possible values: "tr_TR", "en_EN"

3. Button Type

It defines action type of button. iyzico buttons can be used for 2 purposes. Payments and Refunds. The button type should be specified according to transaction type. This attribute will basically change the text on the buttons.

Parameter	Type	Default Value	Description
buttonType	String	pay	Shows the related text based on the transaction type. Possible values: "pay", "refund"

4. Style

It helps customizing the visualization

Parameter	Type	Default Value	Description
color	String	blue	Changes the background color of button: Values: blue, orange, yellow, black
shape	String	pill	Changes the shape of button: Values: pill, rect
tagline	String	null	Adds the schemes logos or text under the botton. It can only be used when buttonType is pay. Values: text, logo

color parameter's values are shown as below(blue, orange, yellow, black)

Value(color)	Type	Display
blue	String
orange	String
yellow	String
black	String

shape parameter's values are shown as below(pill, rect)

Value(shape)	Type	Display
pill	String
rect	String

tagLine parametresinin değerlere göre gösterimi aşağıdadır (text, logo)

Değer(tagLine)	Tip	Görünüm
text	String
logo	String

5. Form

Changes the form attributes

Parameter	Type	Default Value	Description
name	String	iyzico-form	Changes the name attribute of the form
action	String	#	Changes the action attribute of the form

6. CallBack

It helps to take additional actions just before submitting the form.

Parameter	Type	Default Value	Description
onSubmit	Function	null-form	If added, the functions under this callBack will work automatically