No-code integrations (Wix, Shopify, Webflow)

You can add SOAMTAR to any website builder, even without your own server.

Wix (with Velo)

Wix lets you run server-side code securely with Velo.

1. Backend (backend/pay.jsw)

Create a web method file to keep your API key on the server.

import { fetch } from 'wix-fetch';

export async function createPayment(amount) {
  const response = await fetch("https://app.so-amtar.com/v1/payments", {
    method: 'post',
    headers: {
      "Content-Type": "application/json",
      "Authorization": "Bearer sk_live_your_api_key"
    },
    body: JSON.stringify({
      amount: amount,
      currency: "SLE",
      merchant_ref: "WIX-" + Date.now()
    })
  });
  return response.json();
}

2. Frontend

Call your backend function when the button is clicked.

import { createPayment } from 'backend/pay.jsw';
import wixLocation from 'wix-location';

$w("#payButton").onClick(async () => {
  const result = await createPayment("150.00");
  if (result.data.payment_url) {
    wixLocation.to(result.data.payment_url);
  }
});

---

Shopify (custom button)

If you do not use the official app, you can add a custom button to your theme.

1. Go to Online Store > Themes > Customize.
2. Add a Custom HTML section.
3. Paste the following code, using a payment link created in your SOAMTAR dashboard:

<a href="https://app.so-amtar.com/pay/your-product"
   style="background: #FF7900; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold;">
  Pay with Orange Money
</a>

---

Webflow / Squarespace / Bubble

On these platforms, use a payment link from your dashboard. It needs no code and no API key: the customer enters their Orange Money number on the SOAMTAR page and confirms with their PIN.

Universal button

Paste this code into an "Embed" or "Code" block:

<a href="https://app.so-amtar.com/pay/your-fixed-link"
   style="display:inline-block; background:#000; color:#fff; padding:12px 24px; border-radius:8px; text-decoration:none;">
  Pay securely with Orange Money
</a>

No-code security

• API keys: NEVER paste a sk_live_… or sk_test_… key into an HTML block or into Wix/Webflow front-end code. Always use a backend environment (such as Velo on Wix) or pre-generated payment links.
• Webhooks: on no-code platforms, we recommend Zapier or Make to receive our notifications and update your database.