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
Postcode checker UK in Wix
Integration of UK Postcode Checker API with your Wix website for real-time postcode verification and address autofill. Enhance user experience, ensure address accuracy, and streamline operations with our easy-to-use, GDPR-compliant API.
Custom Order Placement Process with Wix Velo
Create a custom order placement process on your Wix store using Wix Velo. Enhance user experience with tailored solutions and streamlined checkout flow.
Search filter for CMS in Wix
Integration of Search filter with your Wix database CMS improve your site's functionality and user engagement with a customized search feature. Learn how to add and utilize the wixSearch module, refine search results of your CMS, and effectively display them on your site.
.webp)
CONTACT US
