We are using snipcart as an ecommerce solution for our website. Main reason we switched to snipcart is that it support recurring payments using square.
For those who don't know what snipcart is, it's a frontend(!) based ecommerce solution, so you can basically deploy it using a single html file. The html file contains css and scripts that are imported from cdns.
I was looking for a way to embed snipcart into wix and couldn't find a way of achieving this.
My first attempt was to basically embed the whole html file into wix but I quickly find out that wix doesn't support this, nor can you use js to edit the dom of wix pages.
After some browsing I found that wix has an iframe element, using that the shop work, but the whole layout is not responsive. In the wix docs it's also mentioned that the iframe is not responsive thus that solution isn't very helpful aswell.
I noticed that wix recently added support to 'custom elements', if I understood correctly that means that it support web components now.
I have no experience writing web components and so I am not sure that this approach will work for my problem.
One aspect that could be an issue is that the snipcart code uses custom cdn's and I'm not sure if it's possible to embed them directly into my web component, since I cannot add custom imports to the dom of wix pages that's the only solution I have.
Is anyone in here that has experience with a problem like this?
Is creating a web component the only solution to this problem and if it is, how would I handle the custom imports that are needed for snipcart?
Looking forward for your replies!