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
Wix Etsy Integration: Streamlining Your Online Store
Learn how to connect your Wix site to Etsy, manage inventory, sync sales, and expand your online reach effortlessly with this integration guide
Multi-Step Event Creation Form in Wix
Create a
Multi-Step Event Creation Form in Wix. Tailored solutions to meet your business needs. Easy setup, full customization, and professional templates
Wix FedEx Integration: The Ultimate Guide to Seamless Shipping
Integrate FedEx with your Wix store for fast, reliable shipping. Automate rates, tracking, and deliveries effortlessly. Set up Wix FedEx integration today!
