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

Loading...

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

Wix UPS Integration: A Complete Guide for eCommerce Shipping Efficiency

Learn how to integrate UPS with Wix to streamline eCommerce shipping, automate deliveries, and boost customer satisfaction with real-time tracking.

Wix UPS Integration: A Complete Guide for eCommerce Shipping Efficiency

Wix Pipedrive Integration: The Ultimate Guide to Streamline Your Sales Funnel

Connect Wix with Pipedrive effortlessly. Streamline leads, automate workflows, and manage your CRM directly from your Wix website with Davydov Consulting.

Wix Pipedrive Integration: The Ultimate Guide to Streamline Your Sales Funnel

Wix Salesforce Integration: A Comprehensive Guide

Integrate Wix with Salesforce to automate sales, manage leads efficiently, and sync your CRM data seamlessly via Davydov Consulting.

Wix Salesforce Integration: A Comprehensive Guide

CONTACT US

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

bottom of page