Help Needed: Integrating External Components in Wix-Studio (Custom Element)

Ask the community
,
1

Hello everyone,

My website is built on Wix-Studio.
I’m trying to integrate the following element into my site:
MacBook Scroll

I have installed the required NPM libraries.
I created the following files:

  • ../public/utils.js
  • ../public/tailwind.config.js

I added a Custom Element to the site.
I created a new Custom Element file and inserted the source code into it.

So far, nothing is working.
I would appreciate any help from anyone who has experience integrating components from external libraries.

Thanks!

2

Hi! This might be happening because the link you shared supports Next.js and Tailwind, which are unfortunately not compatible with Studio’s code platform.

You can check this article for more on what npm packages can and cannot do, and the limitations Studio has.

However, you may be able to get this working if you were to code it entirely as a custom element, and then inject it onto your site.

3

Hi, @OrelKo !!

Since using custom elements might be a bit challenging, I think it would be better to start with an iframe (HTML component). If the package can be loaded via a CDN, it should likely be possible. :open_mouth: