---
title: WIX Integration
description: "You can now seamlessly integrate your events with your WIX website. Ensure you meet the prerequisites listed below and follow the outlined steps: Prerequisites:    Steps:  1.   Begin by creating a web"
---

[Skip to content](https://help.stickytickets.com.au/wix-integration#main-content)

- [Home](https://help.stickytickets.com.au/)
- [Find Tickets](https://www.stickytickets.com.au/search)
- [Sell Tickets](https://www.stickytickets.com.au/sell-tickets)
- [Contact Us](https://www.stickytickets.com.au/contact-us)

Open main navigation

Close main navigation

- [Home](https://help.stickytickets.com.au/)
- [Find Tickets](https://www.stickytickets.com.au/search)
- [Sell Tickets](https://www.stickytickets.com.au/sell-tickets)
- [Contact Us](https://www.stickytickets.com.au/contact-us)

 How can we help?

- There are no suggestions because the search field is empty.

1. [Customer Support Centre](https://help.stickytickets.com.au/?hsLang=en)
2. [Event Organisers](https://help.stickytickets.com.au/event-organisers?hsLang=en)
3. [Integrations](https://help.stickytickets.com.au/event-organisers?hsLang=en#integrations)

# WIX Integration

You can now seamlessly integrate your events with your WIX website. Ensure you meet the prerequisites listed below and follow the outlined steps:

**Prerequisites:**

- Wix website created with the editor.
- Events Details API enabled (Access this feature on the Sticky Tickets website; **[click here](https://help.stickytickets.com.au/event-details-api?hsLang=en)** for detailed instructions).
- Basic knowledge of 'nodejs' and database operations (a web developer can assist you with this).

 

** Steps:**

** 1.**   Begin by creating a website on Wix.

 

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538641originalO2wFSPi100Cujh_-aZH1t4XsDXO1DNQgEw.png)

 

**2.**   Once the Editor is ready, activate Dev Mode.

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538656originalljmktQcYziMr7MsCO0BVs1BAlMcBl3lrvw.png)

 

**3.**   Add a New Collection and name it **LiveEvents**.

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066539452originalHWJDJarvdyrJ46BkAvVtyCK8KRpZgrG9xQ.png) 

**4.**   Introduce a new Web Module on the Backend, naming it **stickyticketsModule.jsw**

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538652originalCBzOvBGQjhO14kyJt_3AtKAoW7ptvEzlXQ.png)

 

**5.**   Add '**npm'** packages, including lodash and moment-timezone.

 

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538643originalA6g3A_9aiR78D-vSY_Ga9LX5DE3k57BzJw.png)

 

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538645originalQbSNbikzaDNY7bqmndFot3P1q1_4nHEwIA.png) ![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538646originalCsSc8p8qcjRCv9yR3va9JCe_kmVwHWpvwQ.png)

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538648originalMnOtgdZTj90rIornmY7OIu1K05xnxwVmkA.png)

 

**6.**   Copy the following code. Get the endpoint from organiser admin integration page.

 

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538649originalTxCuy9bJE3SlRcyj_vquWoosPYlIoxUi3Q.png)

 

**import** { fetch } **from** 'wix-fetch';

**import** moment **from** 'moment-timezone';

**import** \_ **from** 'lodash';

**import** wixData **from** 'wix-data';

 

**export** **function** loadLiveEvents() {

    **const** url = ‘';

 

    **return** fetch(url, { method: 'get'})

        .then(**async** res =\> {

 

            **const** today = moment.tz('Australia/Sydney');

            **const** rawData = **await** res.json();

 

            **if**(!rawData) **return**;

 

            **const** liveCurrentEvents = \_.map(rawData, item =\> {

                item.bookLink = \`[https://www.stickytickets.com.au/](https://www.stickytickets.com.au/)${item.eventCode || item.id}\`;

                item.eventImage = item.image1 || item.image2 || item.image3 || '[https://sta1.s3.amazonaws.com/organisers/296722/Rt76FwvuUEe1OawV8HM-cQ\_500\_500\_Max.png](https://sta1.s3.amazonaws.com/organisers/296722/Rt76FwvuUEe1OawV8HM-cQ_500_500_Max.png)'

                item.eventDate = moment.tz(item.startDate, 'MM/DD/YYYY hh:mm:ss a','Australia/Sydney').toDate();

                item.startDate = moment.tz(item.startDate, 'MM/DD/YYYY hh:mm:ss a','Australia/Sydney').format('LLLL');

                item.parentId  = item.parentId || item.id;

                **return** item;

            });

 

            **const** groupedEvents = \_.groupBy(liveCurrentEvents, 'parentId');

            **const** finalData = \[\];

 

            \_.forEach(groupedEvents, (group, idx) =\> {                          

                **const** liveEvent = group\[0\];

                liveEvent.startDates = '';

                \_.forEach(\_.sortBy(group, \['eventDate'\]), item =\> { 

                    console.log('IDX', idx);

                    **if**(idx == 0) {

                        item.startDates = item.startDate;

                        finalData.push(item);

                    }

 

                    **if**(liveEvent && idx != 0) {

                        liveEvent.startDates += \`${item.startDate}\\n\`;

                    }

                    

                })

 

                **if**(idx != 0) {

                    finalData.push(liveEvent);

                }

            });

            

            **await** wixData.truncate("LiveEvents", {suppressAuth: **true**});

    

            wixData.bulkInsert("LiveEvents", \_.uniqBy(finalData, 'id'), {suppressAuth: **true**})

                .then(res =\>{

                    console.log(res)

                })

                .**catch**(err =\> console.log('Error', err));

 

            **return** liveCurrentEvents;

        });

}

 

7\. Edit one of the pages and add the following code

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538657originalPMUR150rS0vE3-JUW1pRkL0nOzhQEMcbbg.png)

 

**import** { loadLiveEvents } **from** 'backend/stickyticketsModule.jsw'

 

$w.onReady(**function** () {

    loadLiveEvents();

});

  

 

8\. Save and preview the page. Once you see the logs from the console, we are good, and the code is working.

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538659originalB1jKdN4V8Vb1k0YtUxFszy-Sr-VmDbsBoA.png)

 

9\. Configure the **LiveEvents** Collection

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538647originaloP-fwm0i-IK5lBGM9U7x2QWtbv4Cvw4QWA.png)

10\. Click each row to modify the details 

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538640originalp_2lTfCPw-fSB3ibw17beCaPTvm-R2WD7Q.png)

11\. Click save once done

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538639originalLj6NrmrciSt5p7aViIFYwnQBE0sg2gL4_A.png)

  

12\. Check the following reference for mapping

  

**Tables can't be imported directly. Please insert an image of your table which can be found [here](https://help.stickytickets.com.au/wix-integration).**

**Field Name**

**Field Key**

**Field Type**

**Name**

name

Text

**Description**

description

Rich Text

**Locationaddress**

locationAddress

Text

**Startdate**

startDates

Text

**Eventimage**

eventImage

Image

**Booklink**

bookLink

URL

**Eventdate**

eventDate

Date and Time

 

13\. Go back to the editor and load the events to a repeater or  data container that you want. For this example, we will use Repeater.

1. Add a dataset

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538658originalT75Bp3sU3DJijq-b7ibrltWdUF7WgQADnQ.png)

 

 

1. Change the settings

- Connect a collection : LiveEvents
- Mode: Read-only
- Number of items to display: any number
- Performance: Fetch after the page loads
- Sort: EventDate (Old -\> New)

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538654originalVHFtb9tmhcKY4zeLncu3fikg6UjEe3QJlw.png)

 

1. Add Repeaters into the editor

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538650originalGhk1z0PnDJNk8ErpPl0qeiOd_SR07tP1Bg.png)

 

 

1. Set all the components of the repeater to the dataset

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538651originalOjm16dtOidxtuvWRNV3elZyhhLVsD9d9sg.png)

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538655originalujjarpuUIeSyP5Ka0NDFKTskZbEmZ0Gjng.png)

 

- Set the buttons / urls to your event page

![](https://help.stickytickets.com.au/hubfs/Knowledge%20Base%20Import/s3.amazonaws.comcdn.freshdesk.comdatahelpdeskattachmentsproduction3066538653original9XOWuN0gjNAcrEvac4t8_b6TW6Tu08pKuA.png)

 

- Once you are happy with the content and design, Save and Publish your site.

- [Getting Started](https://help.stickytickets.com.au/getting-started?hsLang=en#main-content)

    - [About Sticky Tickets](https://help.stickytickets.com.au/getting-started?hsLang=en#about-sticky-tickets)
    - [Becoming an Organiser](https://help.stickytickets.com.au/getting-started?hsLang=en#becoming-an-organiser)
    - [Costs & Fees](https://help.stickytickets.com.au/getting-started?hsLang=en#costs-fees)
- [Ticket Purchasers](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#main-content)

    - [Buying Tickets](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#buying-tickets)
    - [Accessing Your Account & Tickets](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#accessing-your-account-tickets)
    - [Login & Account Help](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#login-account-help)
    - [Refund and Cancellations](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#refund-and-cancellations)
    - [Event & Organiser Inquiries](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#event-organiser-inquiries)
    - [Selling Tickets](https://help.stickytickets.com.au/ticket-purchasers?hsLang=en#selling-tickets)
- [Event Organisers](https://help.stickytickets.com.au/event-organisers?hsLang=en#main-content)

    - [Your Organiser Account](https://help.stickytickets.com.au/event-organisers?hsLang=en#your-organiser-account)
    - [Creating & Publishing Events](https://help.stickytickets.com.au/event-organisers?hsLang=en#creating-publishing-events)
    - [Editing & Managing Events](https://help.stickytickets.com.au/event-organisers?hsLang=en#editing-managing-events)
    - [Tickets, Discounts & Capacity](https://help.stickytickets.com.au/event-organisers?hsLang=en#tickets-discounts-capacity)
    - [Promoting Your Event](https://help.stickytickets.com.au/event-organisers?hsLang=en#promoting-your-event)
    - [Reporting](https://help.stickytickets.com.au/event-organisers?hsLang=en#reporting)
    - [Event Visibility & URLs](https://help.stickytickets.com.au/event-organisers?hsLang=en#event-visibility-urls)
    - [Seating Plans](https://help.stickytickets.com.au/event-organisers?hsLang=en#seating-plans)
    - [Attendee Management](https://help.stickytickets.com.au/event-organisers?hsLang=en#attendee-management)
    - [Refunds, Cancellations & Transfers](https://help.stickytickets.com.au/event-organisers?hsLang=en#refunds-cancellations-transfers)
    - [Financials & Getting Paid](https://help.stickytickets.com.au/event-organisers?hsLang=en#financials-getting-paid)
    - [Rebates & Charity Programs](https://help.stickytickets.com.au/event-organisers?hsLang=en#rebates-charity-programs)
    - [Integrations](https://help.stickytickets.com.au/event-organisers?hsLang=en#integrations)
    - [Designing your Organiser & Event Pages](https://help.stickytickets.com.au/event-organisers?hsLang=en#designing-your-organiser-event-pages)
    - [Troubleshooting & Errors](https://help.stickytickets.com.au/event-organisers?hsLang=en#troubleshooting-errors)
- [Check-In App & POS Device](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#main-content)

    - [About the Check-In App](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#about-the-check-in-app)
    - [Setting Up for Event Day](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#setting-up-for-event-day)
    - [Using the App at Your Event](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#using-the-app-at-your-event)
    - [Post-Event Reports & Downloads](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#post-event-reports-downloads)
    - [POS Device](https://help.stickytickets.com.au/check-in-app-pos-device?hsLang=en#pos-device)
- [Policy Pages/Updates](https://help.stickytickets.com.au/policy-pages-updates?hsLang=en#main-content)

    - [Recent Policy Changes](https://help.stickytickets.com.au/policy-pages-updates?hsLang=en#recent-policy-changes)
    - [Current Policies](https://help.stickytickets.com.au/policy-pages-updates?hsLang=en#current-policies)
- [Social Media](https://help.stickytickets.com.au/social-media?hsLang=en#main-content)

    - [Social Media Accounts](https://help.stickytickets.com.au/social-media?hsLang=en#social-media-accounts)

- [Sticky Tickets](https://www.stickytickets.com.au/)
- [About Us](https://www.stickytickets.com.au/about-us)
- [Blogs](https://blog.stickytickets.com.au/)
- [Privacy](https://www.stickytickets.com.au/privacy)
- [Our Brand](https://www.stickytickets.com.au/branding)

<https://www.facebook.com/stickytickets> <https://x.com/stickytickets> <https://www.instagram.com/stickytickets> [mailto:support@stickytickets.com.au](mailto:support@stickytickets.com.au) <https://au.linkedin.com/company/sticky-tickets>

Copyright © 2026, stickytickets.com.au