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

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!

Custom Checkout Page in Wix

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

Minimum Order Total for Shipping integration in 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.

Wix and Clover Integration: Enhancing Your Business Functions

CONTACT US

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

bottom of page