Customize Checkout Page into Wix

import { createOrder } from 'wix-stores-backend';

// Backend function to create a custom order

export async function createCustomOrder(buyerEmail, buyerName, shippingAddress) {

// Example additional fees

const additionalFees = [

{

name: "Custom Packaging Fee",

amount: {

currency: "USD",

value: 5.00

}

}

];

// Example line items

const cartItems = await getCartItems();

// Calculate the total price, including additional fees

const priceSummary = calculatePriceSummary(cartItems, additionalFees);

// Create the order

try {

const order = await createOrder({

buyerInfo: {

email: buyerEmail,

name: buyerName,

},

recipientInfo: {

address: shippingAddress

},

additionalFees: additionalFees,

lineItems: cartItems,

priceSummary: priceSummary,

paymentStatus: "PENDING",

status: "INITIALIZED"

});

return order._id; // Return the order ID to the frontend

} catch (error) {

console.error("Error creating order:", error);

throw new Error("Order creation failed");

}

}

// Example function to get items in the cart

async function getCartItems() {

// Fetch items from the cart or build them based on user selections

return [

{

productId: "123456",

quantity: 2,

price: {

currency: "USD",

value: 20.00

}

}

];

}

// Example function to calculate the total price, including additional fees

function calculatePriceSummary(cartItems, additionalFees) {

let total = 0;

cartItems.forEach(item => {

total += item.price.value * item.quantity;

});

additionalFees.forEach(fee => {

total += fee.amount.value;

});

return {

total: {

currency: "USD",

value: total

}

};

}