createOnlineOrder( )

1import { checkout } from 'wix-pricing-plans-frontend';
2
3// Sample planId value: '099e2c86-3b7e-4477-8c27-f77402b8cced'
4
5$w.onReady(function () {
6  $w('#myOrderButton').onClick((event) => {
7    checkout.createOnlineOrder(planId)
8    .then((order) => {
9      const id = order._id;
10      const status = order.status;  
11      
12      console.log('Success! Created order:', order);
13      return order;
14    })
15    .catch((error) => {
16      console.error(error);
17    })
18  });
19});
20
21/* Promise resolves to: 
22 * {
23 *   "_id": "ec66a557-5f23-4b71-91c5-6ea98a694537",
24 *   "planId": "099e2c86-3b7e-4477-8c27-f77402b8cceb",
25 *   "subscriptionId": "6f61e080-be4a-4859-a49e-b44b5da87129",
26 *   "wixPayOrderId": "d7c01c4b-c04d-4ebe-bd66-3973fa1fdb53",
27 *   "buyer": {
28 *     "memberId": "0c9bca47-1f00-4b92-af1c-7852452e949a",
29 *     "contactId": "0c9bca47-1f00-4b92-af1c-7852452e949a"
30 *   },
31 *   "priceDetails": {
32 *     "subtotal": "74.99",
33 *     "discount": "0",
34 *     "total": "74.99",
35 *     "planPrice": "74.99",
36 *     "currency": "EUR",
37 *     "subscription": {
38 *       "cycleDuration": {
39 *         "count": 1,
40 *         "unit": "MONTH"
41 *       },
42 *       "cycleCount": 3
43 *     }
44 *   },
45 *   "pricing": {
46 *     "subscription": {
47 *       "cycleDuration": {
48 *         "count": 1,
49 *         "unit": "MONTH"
50 *       },
51 *         "cycleCount": 3
52 *     },
53 *     "prices": [
54 *       {
55 *         "duration": {
56 *           "cycleFrom": 1,
57 *           "numberOfCycles": 3
58 *         },
59 *         "price": {
60 *           "subtotal": "74.99",
61 *           "discount": "0",
62 *           "total": "74.99",
63 *           "currency": "EUR"
64 *         }
65 *     }]
66 *   },
67 *   "type": "ONLINE",
68 *   "orderMethod": "UNKNOWN",
69 *   "status": "DRAFT",
70 *   "autoRenewCanceled": false,
71 *   "lastPaymentStatus": "UNPAID",
72 *   "startDate": "2022-08-22T19:51:36.470Z",
73 *   "endDate": "2022-11-22T19:51:36.470Z",
74 *   "pausePeriods": [],
75 *   "earliestEndDate": "2022-11-22T19:51:36.470Z",
76 *   "currentCycle": {
77 *     "index": 1,
78 *     "startedDate": "2022-08-22T19:51:36.470Z",
79 *     "endedDate": "2022-09-22T19:51:36.470Z"
80 *   },
81 *   "planName": "Platinum Pro",
82 *   "planDescription": "",
83 *   "planPrice": "74.99",
84 *   "_createdDate": "2022-08-22T19:51:36.470Z",
85 *   "_updatedDate": "2022-08-22T19:51:36.470Z"
86 * }
87 */

1/****************************************
2 * Code on a plan viewer dynamic page   *
3 ****************************************/
4
5// For navigating to a dynamic page:
6import wixLocationFrontend from 'wix-location-frontend';
7
8$w.onReady( function () {
9  $w('#viewButton').onClick((event) => {
10    let $item = $w.at(event.context);
11    let clickedItem = $item('#planDataset').getCurrentItem();
12    let slug = clickedItem.slug;
13    wixLocationFrontend.to('/plans/' + slug);
14  });
15});
16
17/****************************************
18 * Lightbox code                        *
19 ****************************************/
20
21// For working with a lightbox:
22import wixWindowFrontend from 'wix-window-frontend';
23
24$w.onReady(function () {
25  const receivedData = wixWindowFrontend.lightbox.getContext();
26  $w('#orderData').text = receivedData;
27});
28
29// This code assumes that the closeButton_click
30// event handler was added using the "Properties
31// & Events" panel. Make sure to do the same if you 
32// copy this code.
33// 
34// Note that the "Close" button was created 
35// using standard elements. It was not added 
36// using Lightbox Settings.
37
38export function closeButton_click(event) {
39    wixWindowFrontend.lightbox.close();
40};
41
42/****************************************
43 * Code on a single-plan dynamic page   *
44 ****************************************/
45
46// For working with a lightbox:
47import wixWindowFrontend from 'wix-window-frontend';
48
49import { checkout } from 'wix-pricing-plans-frontend';
50
51$w.onReady(function () {
52  $w('#dynamicDataset').onReady( () => {
53    const currentPlanObject = $w('#dynamicDataset').getCurrentItem();
54    const planId = currentPlanObject._id;
55    $w('#planName').text = currentPlanObject.name;
56    $w('#planDescription').text = currentPlanObject.description;
57
58    $w('orderPlanButton').onClick((event) => {
59      const order = checkout.createOnlineOrder(planId)
60      .then((order) => {
61        const planWithOrder = {
62          plan: currentPlanObject,
63          order: order
64        };
65        wixWindowFrontend.openLightbox('orderCreated', planWithOrder);
66      });
67    });
68  });
69});
70