lomi.
E‑commerce

Shopify

Installer l’app lomi. Shopify (installation personnalisée), activer le paiement panier et accepter mobile money et cartes via sessions checkout et webhooks signés.

Shopify

L’app lomi. pour Shopify permet aux marchands d’accepter Wave, mobile money, cartes et plus depuis la page panier via le checkout hébergé lomi. Les commandes Shopify sont créées en brouillon avant la redirection et finalisées au succès du paiement.

Il s’agit d’une intégration contournement panier, distribuée en installation personnalisée. Ce n’est pas un moyen de paiement natif au checkout Shopify et ce n’est pas une app de paiement sur l’App Store.

Prérequis

  • Boutique Shopify avec l’app lomi. installée (lien d’installation personnalisé)
  • Compte marchand lomi. avec clé secrète API et secret de signature webhook
  • Devise boutique prise en charge par lomi. (ex. XOF, USD, EUR)

Distribution en installation personnalisée depuis le tableau de bord lomi. (pas de release publique sur GitHub).

Installation

Depuis le tableau de bord lomi. (recommandé)

  1. dashboard.lomi.africaParamètres → Canaux de paiement → Intégrations.
  2. Activez Shopify, saisissez votre domaine (ma-boutique.myshopify.com).
  3. Cliquez Installer sur Shopify pour lancer OAuth.
  4. Après installation, ouvrez l’app → Settings → clés API lomi.

URL d’installation : https://connect.lomi.africa/install?shop={boutique}.myshopify.com

Installation manuelle / partage équipe

Copiez le lien d’installation depuis la modale du tableau de bord et envoyez-le à un collègue, ou ouvrez :

https://connect.lomi.africa/install

Checklist de configuration

  1. Collez la clé secrète et le secret webhook dans les réglages de l’app.
  2. Dans dashboard.lomi.africaWebhooks, créez un endpoint :
    • URL : {hôte_app}/api/webhooks/lomi/payment-success
    • Événement : PAYMENT_SUCCEEDED
  3. Choisissez le mode de livraison : sous-total seul ou sous-total + frais de port fixes.
  4. Dans Boutique en ligne → Thèmes → Personnaliser → Panier, ajoutez le bloc Pay with lomi. et enregistrez.
  5. Testez avec un panier contenant plusieurs articles.

Flux de paiement

  1. Le client clique Payer avec lomi. sur le panier.
  2. Le bloc lit /cart.js et appelle POST /apps/lomi/cart-pay (proxy d’app signé).
  3. L’app crée un brouillon de commande Shopify avec toutes les lignes.
  4. L’app crée une session checkout lomi. (montant = total du brouillon).
  5. Paiement sur lomi. → webhook PAYMENT_SUCCEEDED → finalisation du brouillon.
  6. Page /shopify/order-complete : panier vidé, référence commande affichée.

Webhooks

En-têteRôle
X-Lomi-EventDoit être PAYMENT_SUCCEEDED pour finaliser le brouillon
X-Lomi-SignatureHMAC-SHA256 hex du corps brut, secret = secret webhook du tableau de bord

Métadonnées utilisées pour la réconciliation :

  • shopify_shop
  • shopify_draft_order_id
  • shopify_draft_order_name
  • shopify_checkout_session_id

Limitations

  • Pas de partenaire paiements / moyen de paiement natif au checkout (pas Shop Pay, pas de passerelle UI checkout).
  • Livraison et taxes du checkout Shopify indisponibles sur la page panier : sous-total seul ou forfait de livraison fixe dans les réglages de l’app.
  • Remboursements gérés dans le tableau de bord lomi., pas automatiquement depuis l’admin Shopify.
  • Ne soumettez pas ce flux contournement panier à l’App Store public Shopify (politique Shopify sur le contournement du checkout).

QA mise en production

ScénarioAttendu
Panier un articleUne ligne sur le brouillon ; montant lomi = total brouillon
Multi-articles / qté > 1Toutes les variantes et quantités sur le brouillon
Mode sous-total seulPas de ligne livraison sur le brouillon
Mode forfait livraisonTotal brouillon = sous-total + frais configurés
Paiement réussiBrouillon finalisé ; panier vidé sur la page succès
Relance webhookPas de commandes Shopify en double
Annulation sur lomi.Client revient sur /cart ; brouillon reste ouvert

Voir aussi

Sur cette page