Feature Release: Custom Element

Discussion Ask a question
, , ,
1

Hello everyone!

The team has released a new Custom Element : a container you can drag from the Add Panel with content you’ve developed separately using JS.

What can you do with it?

We have many components and apps in the Editor, but some are missing. Custom Elements are here to unblock you!

Using the Custom Element you can build missing site elements such as charts and tags, with full CSS capabilities, interact with visitors scroll and even change the mouse cursor. It’s fully integrated with Corvid and we have lots of help articles explaining how to use it.

How does it compare with the iframe component?

  • Custom Element can be resized dynamically in the live site.

  • Custom Element requires the live site to be connected to a domain for it to work.

  • Using best practices coding the Custom Element will result with faster UI.

  • SEO of the Custom Element is supported out of the box, and can also be defined separately to be served to 100% of the SEO bots.

How to use it?

  • Code the custom element on an IDE of your choice (e.g. VS Code, Corvid Embedded IDE).

  • Host the code on Corvid or your own server.

  • Add a Custom Element to stage and connect it to the code.

  • Read our tutorials to make amazing elements.

  • Come back and provide us with feedback. :slight_smile:

https://static.wixstatic.com/media/a27d24_8594a3da0fd348d0915d28645a3f8ec3~mv2.gif(image larger than 4 MB)

https://static.wixstatic.com/media/a27d24_b24cf126eb134b02b3d231bcad512504~mv2.gif(image larger than 4 MB)

Known limitations

The Custom Element has limited settings in Editors with older versions (versions with no Corvid hosting). In these cases, hosting the code will be supported only on server.

Hope you enjoy this release! If you have any questions, comments, or feedback, leave them below. @oferr looks forward to your replies.

6 Likes
2

Custom Element can be resized dynamically in the live site.

Huge! Thank you!

This may well be the missing piece of the puzzle and you’ve likely made comparisons between Wix and certain competitors much, much simpler.

2 Likes
3

New capability:
You can now let Wix handle the setAttribute calls. Instead of writing Corvid code in your site - use our new ‘Set Attributes’ panel in the Editor!

1694×898 71.2 KB

  • Coding the attribute handlers in the Custom Element code is still required
1 Like
4

Hi Steven, I wondered how I can avoid a cumulative layout shift of 0.99 when I put a custom element on top of my page? This is the issue that I’ve been having with the custom elements, otherwise they are working great. Many thanks in advance for looking at this.