Pre-order System in WIX

HOME >

VELO CODE >

Pre-order system in WIX

>

Wix Pre Order Form Integration | Custom Pre Order Plugin on 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.

BOOK A FREE CONSULTATION

Tools

Wix Velo API

Example Code

frontend

backend

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

Wix Payment Providers

Simplify payment provider integration on your Wix site with VeloCode. Connect with leading services for secure and easy transactions.

Enhance Your E-Commerce Efficiency with Wix and Razorpay Integration

Enable secure payments on Wix with Razorpay integration. Easily accept payments, automate transactions, and simplify billing on your Wix site