diff --git a/docs/order-confirmation.html b/docs/order-confirmation.html
index 88bb88c..edfdf81 100644
--- a/docs/order-confirmation.html
+++ b/docs/order-confirmation.html
@@ -54,9 +54,10 @@ <h2 class="text-xl font-semibold text-red-700 mb-2">Error Loading Order</h2>
 
             try {
                 const order = await wooAPI.getOrder(orderId, orderKey, billingEmail);
+                const settings = await wooAPI.getSettings();
 
                 // Create order info HTML
-                const orderHtml = `
+                const orderHtml = `w
                     <div class="grid grid-cols-2 gap-4">
                         <div>
                             <p class="text-sm text-gray-600">Order Number:</p>
@@ -68,7 +69,7 @@ <h2 class="text-xl font-semibold text-red-700 mb-2">Error Loading Order</h2>
                         </div>
                         <div>
                             <p class="text-sm text-gray-600">Payment Method:</p>
-                            <p class="font-medium">${order.payment_method}</p>
+                            <p class="font-medium">${settings.paymentMethodData[order.payment_method].title}</p>
                         </div>
                     </div>