Pre-order System in WIX
Velo Code Solution
Adding a pre-order system to the Wix website is possible thanks to the Velo Code.
It works in the following way:
We leave a request on the website with a list of goods.
Next, the site administrator checks the availability of goods in stock and approves or rejects the request.
After the application is approved, the client can pay for the order through the Wix standard order.
Contact our Velo specialists if you need to install a pre-order system on your Wix website.
Tools
Wix Velo API
Example Code
let item;
$w.onReady(async function () {
item = $w('#dynamicDataset').getCurrentItem()
let lineItems = item.order
lineItems.forEach(el => el['_id'] = el.productId);
$w('#repeater').data = lineItems
$w("#repeater").forEachItem(($item, itemData, index) => {
$item("#itemImg").src = itemData.mediaItem.src;
$item("#itemName").text = itemData.name;
$item("#itemTotalPrice").text = "itemTotalPrice: " + itemData.totalPrice.toString() + " €";
$item("#itemPrice").text = "itemPrice: " + itemData.price.toString() + " €";
$item("#quantity").text = "quantity: " + itemData.quantity.toString();
$item("#text").text = "SKU: " + itemData.sku.toString();
if (itemData.options.length > 0) {
$item("#returnOption").expand();
$item("#returnOption").text = itemData.options[0].option + ": " + itemData.options[0].selection;
}
})
$w('#customerName').text = item.customer;
$w('#orderDelivery').text = `orderDelivery: ${item.totals.shipping} €`;
$w('#orderTotalPrice').text = `orderTotalPrice: ${item.totals.total.toFixed(2)} €`
$w('#orderPrice').text = `orderPrice: ${item.totals.subtotal} €`
$w('#orderTax').text = `orderTax: ${item.totals.tax.toFixed(2)} €`
$w('#firstName').text = `firstName: ${item.firstName}`;
$w('#surName').text = `surName: ${item.lastName}`;
$w('#address').text = `address: ${item.address.streetAddress.name} ${item.address.streetAddress.number}`;
$w('#postCode').text = `postCode: ${item.address.postalCode}`;
$w('#location').text = `location: ${item.address.city}`;
$w('#eMail').text = `E-mail: ${item.email}`;
$w('#loanFrom').text = `loanFrom: ${item.orderDate.toLocaleDateString()}`
$w('#loanTo').text = `loanTo: ${item.loanTo.toLocaleDateString()}`
$w('#phone').text = `phone: ${item.phone}`
$w('#delivery').text = `delivery: ${item.deliveryOpt}`
if (item.approved) {
$w('#approveButton').collapse()
$w('#notApprove').collapse()
}
});
More Velo Integrations
Lazy Load for Repeaters
Integration Lazy Load for Wix website. Integrating lazy load system for optimization in Wix site
WhatsApp Integration in Wix
Discover how integrating WhatsApp into your Wix website elevates customer interaction and support. Enhance user experience with seamless communication channels
Wix Order Fulfillment
Automate your Wix store's order fulfillment process with VeloCode. Streamline operations from order to delivery, hassle-free.
