Wized Docs

Appearance

Introduction ​

Wized serves as an intelligent layer on top of your Webflow website, allowing you to add advanced functionality and custom logic without the need to write complex JavaScript code. It facilitates the connection between your Webflow website and the world of web applications.

You don't need to be a programming expert to create dynamic and customized web applications. Wized provides a visual, intuitive, and secure environment to design functionalities such as:

  • Connecting to external APIs
  • Managing user interface elements
  • Rendering dynamic content
  • Adding custom logic

How does it work? ​

  1. Design in Webflow:

    • Start by creating the structure and visual design of your website in Webflow.

  2. Integration with Wized:

    • Add the Wized script to the <head> of your Webflow project to establish the connection between your design and the Wized platform.

  3. The Wized Configurator:

    • Once connected, Wized creates a real-time replica of your website within its Configurator. This is where the magic happens.

  4. Add interactivity:

    • Use the Elements Panel to select the elements in your design that you want to make interactive. Assign events or custom settings to them.

  5. Writing Logic in the Function Editor:

    • Control the behavior of your elements and create more complex interactions by writing simple JavaScript code in the Function Editor.

  6. Wized does the rest:

    • Wized translates your logic into concrete actions, updates the user interface in real time, and communicates with external services through APIs if necessary.

Why Choose Wized? ​

  • Simplicity without Sacrificing Power: Say goodbye to the complexities of traditional coding. Wized offers an intuitive interface, enabling your team to incorporate advanced features into your website without requiring extensive programming skills. For more on getting started, visit our Setup Guide.

  • Accelerate Development: Achieve advanced functionality in a fraction of the time it would typically take to code from scratch. This means your team can focus on innovation rather than repetitive tasks.

  • Seamless Webflow Integration: Wized integrates directly with your Webflow projects, allowing your team to leverage existing designs and enhance interactivity without starting from scratch. Explore the Initial configuration to see how it works.

  • Flexibility and Customization: With Wized, your team has full control over application behavior. Create custom interactions, connect to external APIs, manage data, and much more.

  • Effortless Collaboration: Wized facilitates collaboration between designers and developers, enabling seamless integration between visual design and application logic.