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 ❤
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!
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.
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.
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.
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.
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 ❤
Thanks so much, Ryan, I've been looking into various options to do this, and this solves it. You sir are a legend!
Thank you!
why does the responsive event set on spline, doesn't work with wix breakpoints? thank you sir
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!
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.
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.
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.
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.