Using a multi-state box in Wix Blocks (Beta)
1 min
Wix Blocks Alpha
Wix Blocks is currently a Beta release and is therefore subject to significant change. Only registered Alpha users can access Wix Blocks.
Use a multi-state box to display different content for different situations, or to let site visitors easily navigate multiple displays. For example:
- Show different site content if a shopping cart is empty or full.
- Display an error state when something goes wrong.
- Show a preloader while a page is loading.
- Switch between "sale," "new," and "out of stock" badges for your products.
- Show different site content depending on whether there's an upcoming event.
- Ensure that you are in Dev Mode. In the Wix Editor, enable Velo by Wix. Select Dev Mode> Turn on Dev Mode from the menu.
- In the Add menu select Box > Multi-State Box.
- Configure the box:
- Select Manage States to add, duplicate, or de lete a state.
- Select a state and then select Change Background to choose a background for a specific state.
- Select the Settings icon to configure transition effects and duration.
- Select the Design icon to customize the box design (applies to all states).
4. Use Velo by Wix to define when each state is displayed:
- See examples of how visitor actions, such as clicking a button, or how site status can change the state of the box.
