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

Custom Checkout Page in Wix

Enhance your Wix store with a custom checkout page. Boost sales and user experience with tailored checkout solutions. Get professional customization today!

Minimum Order Total for Shipping integration in Wix Store

Integration of advanced store features for the Wix website. Add Minimum Order Total for Shipping to your Wix Store

Wix and Clover Integration: Enhancing Your Business Functions

Connect Wix with Clover for secure and seamless payments. Sync transactions, manage sales, and enhance checkout experiences with ease.