Wix Partner webinar: AI coding tools for Wix Studio

When we embarked on our WIX journey, our goal was to create websites for our clients using a “No-code” approach.  Our primary revenue stream, Bespoke Systems is entirely code-based, no pre-written templates whatsoever, so this new Cirrus Design Studio revenue stream was intended to be entirely independent of the development team.  The intention was to boost our capacity and provide clients with peace of mind, knowing they don’t need a developer to modify any part of their site.

WIX has revolutionised the industry by introducing AI coding tools that empower our “No-code” designers to achieve feats previously unattainable with WIX Studio’s standard suite of tools.  For instance, a simple form that navigates users to a different page based on their drop-down selections within the form is now possible.  This was previously a custom code requirement.

These tools are gradually being rolled out to the general public, ensuring our clients maintain full control over their sites and can make any necessary changes themselves if they wish to do so. The code below is an example of this implementation and I'm sure you'll agree its not that difficult to follow the logic as long as you don't have to worry about the brackets, commas etc, etc

$w.onReady(function () {
  // Write your JavaScript here
  // To select an element by ID use: $w('#elementID')
  $w('#button11').onClick(() => {
    const selectedValue = $w('#dropdown11').value;
    if (selectedValue === 'Type B') {
      location.to('/platformfloor'); // Replace '/page-1' with your actual Page 1 URL
    } else if (selectedValue === 'Type A') {
      location.to('/screed'); // Replace '/page-2' with your actual Page 2 URL
    } else if (selectedValue === 'Type C') {
      location.to('/raised-system'); // Replace '/page-3' with your actual Page 3 URL
    } else if (selectedValue === 'Type D') {
      location.to('/low-profile'); // Replace '/page-4' with your actual Page 4 URL
    }
  });
});