While the installation of this module is straightforward, it does require basic technical skills in website or web application development, particularly in JavaScript.
Requirement
- A verified SoleasPay Account
- A live Apikey
Usage
This feature can be support two mode :
-
Normal mode :
You implement this form in your application at the end of your order checkout process to invite customer completed the payment. When he submit the checkout form, a custom payment page apear and he select the prefered service to completed the current transaction.
-
API mode :
In this mode, you submit the checkout form on your application and SoleasPay will return a payment link where you can redirect your customer to complete this transaction.
Integration
Installing the SoleasPay Checkout involves implementing an HTML form as follows:
Verify Pay
Convert
Convert an amount from one currency to another using ISO 4217 codes. If the ‘to’ parameter is omitted, conversion is performed to all supported currencies.
<form action="https://checkout.soleaspay.com" method="post">
<div class="form-group">
<span>Amount:</span>
<input class="form-control" name="amount" type="number" required>
</div>
<div class="form-group">
<span>Currency:</span>
<input class="form-control" name="currency" type="text" required>
</div>
<div class="form-group">
<span>Description:</span>
<input class="form-control" name="description" type="text" required>
</div>
<div class="form-group">
<span>Order ID:</span>
<input class="form-control" name="orderId" type="text" required>
</div>
<div class="form-group">
<span>Service:</span>
<input class="form-control" name="service" type="number" required>
</div>
<div class="form-group">
<span>Customer Details:</span>
<input class="form-control" name="customer[name]" type="text" placeholder="Full name" required>
<input class="form-control" name="customer[email]" type="email" placeholder="Email" required>
<input class="form-control" name="customer[wallet]" type="tel" placeholder="Phone" required>
</div>
<div class="form-group">
<span>Success URL:</span>
<input class="form-control" name="successUrl" type="url" value="your_success_url" required>
</div>
<div class="form-group">
<span>Failure URL:</span>
<input class="form-control" name="failureUrl" type="url" value="your_failure_url" required>
</div>
<!-- Hidden fields -->
<input type="hidden" name="shopName" value="your_business_name">
<input type="hidden" name="apiKey" value="YOUR_API_KEY">
<input type="hidden" name="line" value="up">
<div class="form-group mt-2">
<button type="submit" class="btn btn-primary">Pay Now</button>
</div>
</form>
Depending on your need choose between normal or api mode. The unique implementation difference is the form action link url: