Open Studio | July 31, 2024 | Wix Studio @WixStudio

Uploaded July 2024 | Updated September 2026, 1 week ago

Watch the July 2024 edition of Open Studio to hear about exciting new creation capabilities and AI tools designed to streamline workflows and make space for more creativity. We also shared updates to our business solutions and revealed a game-changing tool for devs building mobile apps.

See the event recap page for a summary of all the highlights:
wix.com/studio/event/open-studio/july-2024

00:00 Welcome
01:34 Agenda
02:45 Creation and community spotlight
08:15 Workflow updates
09:47 Creation updates and reveals
18:47 Business solutions updates and reveals
24:27 Dev demo and updates
31:30 Q&A panel

—

Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com

Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio

About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.

Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1

Open Studio | July 31, 2024 | Wix Studio

Dont ignore your footer. Build this interactive layout instead | Wix Studio

Upgrade mobile navigation with a hamburger dropdown menu | Wix Studio

Build bento boxes using section grids | Wix Studio

Troubleshoot and fix element resizing issues | Wix Studio

Show more content with Load More buttons | Wix Studio

$Build a modern preloader animation in minutes | Wix Studio Keep site visitors engaged by turning loading time into a branded experience with a custom preloader that feels modern and intentional. In this Studio Byte episode, youll learn how to stack a series of vertical and horizontal images and time quick Entrance animations so they fade in one by one. Then, add a short code snippet using Wix Animations to slide the preloader up and off‑screen once the page has loaded, revealing your homepage content beneath. The result is a custom preloader that gives site visitors a cohesive, more cinematic first impression. Heres the code you need: import { timeline } from wix-animations-frontend; const explore = timeline().add($w(#box2), { duration: 500, easing: easeInQuad, y: -900, delay: 1600 }) $w.onReady(function () { explore.play() }) — Learn more about Wix Studio: https://www.wix.com/studio Get started with our Essentials course: https://wix.to/gT8VY7c Join the Wix Studio Community: https://forum.wixstudio.com Follow us on social media: ➔ Instagram: https://www.instagram.com/wixstudio ➔ X: https://www.twitter.com/wixstudio ➔ TikTok: https://www.tiktok.com/@wixstudio ➔ Facebook: https://www.facebook.com/WixStudio ➔ Discord: https://discord.com/invite/wixstudio About Wix Studio: Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency. Subscribe to our channel: ➔ https://www.youtube.com/@WixStudio?sub_confirmation=1$

Boosting Sales on the Backoffice during the holidays season

$Create highlighted text with code Enhance your sites design by learning how to create highlighted text using code. Well guide you through the process of making content truly stand out. Copy this code to complete the text highlighting action: ::-moz-selection { /* Code for Firefox */ color:#1c1d21 !important; background: #FAFF00 !important; } ::selection { color:#1c1d21 !important; background: #FAFF00 !important; } — Learn more about Wix Studio: https://www.wix.com/studio Get started with our Essentials course: https://wix.to/gT8VY7c Join the Wix Studio Community: https://forum.wixstudio.com Follow us on social media: ➔ Instagram: https://www.instagram.com/wixstudio ➔ X: https://www.twitter.com/wixstudio ➔ TikTok: https://www.tiktok.com/@wixstudio ➔ Facebook: https://www.facebook.com/WixStudio ➔ Discord: https://discord.com/invite/wixstudio About Wix Studio: Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency. Subscribe to our channel: ➔ https://www.youtube.com/@WixStudio?sub_confirmation=1$

Creating custom animations with no code | Wix Studio