Adding Interactive 3D Objects to Wix Studio

Sdílet
Vložit
  • čas přidán 25. 08. 2024
  • In this video, I show you how to add interactive 3D objects to your Wix Websites using Spline.
    spline.design/
    Spline Tutorial:
    • Create 3D UI Interacti...
    Want Early Access to Video Just Like This? Become a Channel Member:
    www.youtube.co...
    -----------------------------------------------------------
    www.wixfix.com
    -----------------------------------------------------------
    Important Tutorials:
    Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
    How to Use Strips in Wix: • How to Use Strips in W...
    Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
    Custom Forms: • Custom Forms in Wix | ...
    Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
    Everything Editor X: • Everything Editor X [2...
    Modern Web Design: • Modern Web Design in W...
    -----------------------------------------------------------
    Join this channel to get access to perks:
    / @wixfix
    Don't forget to SUBSCRIBE and COMMENT any questions below!
    THANK YOU FOR WATCHING!!
    Music by Chillhop
    Music: chillhop.com
    #WixStudio #Spline #3DWebDesign

Komentáře • 9

  • @vivianokeke4867
    @vivianokeke4867 Před 6 měsíci +1

    This is super cool, adds a bit of spice to the site. So cool. Thanks Ryan.
    I had a question, but for the life of me, I can't seem to remember! Once I do, I'll hit you up ❤

  • @alwyncruz
    @alwyncruz Před 14 dny +1

    why does the responsive event set on spline, doesn't work with wix breakpoints? thank you sir

  • @Juan2142
    @Juan2142 Před 6 měsíci

    Thanks so much, Ryan, I've been looking into various options to do this, and this solves it. You sir are a legend!

  • @NickGarelJones
    @NickGarelJones Před 4 měsíci +1

    This tutorial is exactly what I was looking for! I'm new to web design and your explanation was super easy to follow. Do you know if it's possible to use a spline object as a button? I'm hoping to have a few of these interactive 3D models on my portfolio homepage to act as a way to separate categories of work (a phone, tv, etc.). Thanks so much!

    • @benjaminjanoska945
      @benjaminjanoska945 Před 4 měsíci +1

      Hey, I think yes. Last time I used wix I could do that to make an image clickable, if this is what you mean. I think you right click to your 3d object and there will be a feature, to give it a link, and it will be clickable, the link can be an anchor which means it will just scroll down or up in the page, or you can set up to go another page. Let me know if this was the answer you searched for.

  • @miyukiwhite
    @miyukiwhite Před 3 měsíci

    Hi Ryan, thank you for your amazing tutorial! I have a quesition:
    I export the Spline graphic as a viewer and add an embed code on Wix Studio, exactly the same way as you did. However, once the website is published, there is always a white gap around the Spline graphic.
    I checked the padding/margin on Wix Studio, and both are set to '0px,' so there should be no gap around the contents. Do you have any ideas on how to fix this gap? Thank you.

  • @NeoficialRo
    @NeoficialRo Před 4 měsíci

    Thank you!

  • @Kunal_Singh36
    @Kunal_Singh36 Před 4 měsíci

    Hey Ryan, Thanks for this amazing tutorial, I have a small question when we add spline element in Wix Studio it looks perfect on desktop and tablet but not on mobile phone. Can you please help me so that my spline elements look good on every device.

    • @wixfix
      @wixfix  Před 4 měsíci +1

      Without seeing what you're building, it is a bit hard to recommend what to do. However, it may be worth creating a smaller version in Spline. Then in Wix Studio, hide the Spline embed on mobile, and add a new embed for mobile with the smaller Spline object you made. Might be a good workaround if you're still running into issues.