Mobile Payment Plug-in Installation Guide
Version 1.0 (last updated on April 12, 2011)
Xsolla Mobile Payment Plug-in is a tool that enables you to accept payments from mobile phone account. All you need to get started is copy the html code and paste it on your webpage.
Mobile Payment Plug-in Implementation
In Xsolla Merchant Account (Tools > Xsolla Mobile Payment) you could find useful information about Xsolla Mobile Payment and how to implement it.
Direct link URL:
https://secure.xsolla.com/paystation/index.php
List of required parameters
| Field Name | Type | Description | Required? | Example |
|---|---|---|---|---|
| id_theme | Integer | Skin type of Xsolla Mobile Payment* | Yes | 28 |
| projectid | Integer | Project ID in the Xsolla's system. Available at Personal Account in the Xsolla's system | Yes | 4783 |
* Allowable vaues:
- 28 - pink skin
- 30 - gray skin
- 31 - blue skin
Additional parameters can be passed in order to simplify payment process. If they are passed, the user won't have to fill in payment details thanks to autocomplete.
List of additional parameters
| Field Name | Type | Description | Required? | Example |
|---|---|---|---|---|
| v1 | String | User's identification parameter (commonly a user's nick in a game) | No | demo |
| v2 | String | Additional user's identification parameter (depending on the project settings) | No | 0 |
| v3 | String | Additional user's identification parameter (depending on the project settings) | No | 0 |
| String | User's e-mail | No | mail@example.com | |
| out | Float | Game currency amount. Separator «.» (2 digits after the point) | No | 10 |
All parameters are passed to Xsolla Mobile Payment Plug-in in GET requests.
Important! Parameters should be passed in UTF-8.
Placement options
There are three ways of Xsolla Mobile Payment positioning. The plugin can be launched in the iframe on the website ("In site body"), in the separate window ("Pop-up window") or in the lightbox on the website ("LightBox"). Choose the most preferable variant.
After you choose Xsolla Mobile Payment positioning, in the "Plug-in Code" field a code will be generated. You can install the code on your webpage. Please, find code examples below.
In site body
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<iframe id="mobile_plugin" src="https://secure.xsolla.com/paystation/index.php?projectid=4783
&id_theme=28&v1=demo" width="100%" height="100%">
</iframe>
</body>
</html>
Pop-up window
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
</head>
<body>
<a href="https://secure.xsolla.com/paystation/index.php?projectid=4783&id_theme=28
&v1=demo" target="_blank">Xsolla Mobile Plugin
</a>
</body>
</html>Lightbox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="https://secure.xsolla.com/paystation/lightbox/jquery-1.4.js">
</script>
<script type="text/javascript" src="https://secure.xsolla.com/paystation/lightbox/
jquery-ui-1.8.9.custom.js">
</script>
<script type="text/javascript" src="https://secure.xsolla.com/paystation/js/lightbox.js">
</script>
</head>
<body>
<a href="#" onclick="LightBox.show(4783, null,null,null,28)">Xsolla Mobile Plugin
</a>
</body>
</html>
