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
Ecwid Wix Integration: The Comprehensive Manual
Easily integrate Ecwid with Wix to enhance your online store. Follow our guide to improve functionality and deliver a seamless shopping experience
Corporate File Storage in Wix
Discover a mobile-first Corporate File Storage portal built with Wix and Velo. Centralize, search, and access corporate documents, guides, and videos — no login required.
Integrating ShipStation with Wix: Enhancing E-commerce Operations
Connect ShipStation with Wix to streamline shipping and order management. Enhance customer satisfaction with smooth, efficient delivery solutions
