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
Upsell Products integration in Wix Store
Integration of advanced store features "Upsell products" for the Wix website. Add Upsell products to your Wix Store
The Definitive Guide to Integrating MLS with Wix: Boosting the Online Presence of Real Estate
Learn how to integrate MLS with Wix to enhance your real estate website's online presence. Boost listings, attract more buyers, and grow your business
Wishlist Integration in Wix Store
Integration of advanced store features "Wishlist" for the Wix website. Add features Wishlist to your Wix Store
