top of page
davydov consulting logo

Pre-order System in WIX

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.

Tools

Wix Velo API

Background image

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

Bulk Add Integration in Wix Store

Integration of advanced store features "Bulk Add" for the Wix website. Add bulk to cart to your Wix Store

Bulk Add Integration in Wix Store

Custom RFP Portal in Wix

Build a custom RFP portal in Wix with seamless integration, automation, and user-friendly design. Optimize your proposal process effortlessly!

Custom RFP Portal in Wix

Wix Payment Providers

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

Wix Payment Providers

CONTACT US

​Thanks for reaching out. Some one will reach out to you shortly.

bottom of page