Intro to the elements

In Wized, elements refer to the HTML elements you've created in Webflow that include the wized attribute. These elements are recognized within the configurator, allowing you to add or customize specific configurations and events to fit your needs.

Note

Make sure you have added the wized attribute first to all the elements you want to configure in Wized

Wized elements

In Wized, elements are the core building blocks of your website, replicated from your Webflow project. Wized renders your site within its configurator, allowing you to enhance these existing elements by adding logic, configurations, and events. This interaction transforms your static design into a dynamic experience, enabling you to create advanced functionalities without modifying your original Webflow structure.

Element configurations

These are all the possible configurations that allow the element to have a dynamic behavior according to your indications. Examples of configurations include: hiding or showing an element, rendering a list of elements, setting dynamic texts, and dynamically modifying HTML attributes, among others. These configurations alter the behavior of the element based on the conditions you determine.

Element events

Events allow actions to be triggered when the end user interacts with the elements. For example, when a user clicks on an element or hovers over it, you can create sequential flows that execute in response, such as running a request, updating the value of a cookie or variable, etc.

Reactivity in Wized

Wized has the ability to instantly react to changes in your web app. Whenever any change in the state of your application is modified (for example, by changing the value of a variable or cookie or receiving a response from an API), Wized automatically re-evaluates all the conditions you have defined.

If the result of any condition changes, Wized instantly updates the appearance or behavior of the relevant elements, without requiring a page reload.