![VBlog - Video Blog](/img/default-banner.jpg)
- Видео 76
- Просмотров 38 153
VBlog - Video Blog
Добавлен 3 мар 2018
Hi,
Welcome to my Channel, I am Marshall
This channel is dedicated to creating Wix Studio Tutorials, providing free templates, and learning resources. Whether you are a freelancer or agency who wants to create and sell templates, or an individual trying to make a website using Wix Studio.
Disclaimer: Wix Studio Academy is not affiliated with Wix Studio or Wix in anyway.
Welcome to my Channel, I am Marshall
This channel is dedicated to creating Wix Studio Tutorials, providing free templates, and learning resources. Whether you are a freelancer or agency who wants to create and sell templates, or an individual trying to make a website using Wix Studio.
Disclaimer: Wix Studio Academy is not affiliated with Wix Studio or Wix in anyway.
How to create 3D Text Shadow Effect in Wix Studio #wixstudio
How to create 3D Text Shadow Effect in Wix Studio #wixstudio
Просмотров: 1
Видео
Wix Studio Explained - Sections and Section Grid [Tutorial]
Просмотров 2522 часа назад
#wixstudio #wixsite #wixseo #websitedesigntutorial In this video, learn about Sections and Section Grid in Wix Studio. Wix Studio Explained - Sections and Section Grid [Tutorial]
Wix Studio Explained - Best Website Styles for Responsive Design
Просмотров 5614 часов назад
#wixstudio #wixsite #wixseo #wix #wixwebsite #wixwebsitebuilder #wixwebsitetutorial #wixtutorialforbeginners Wix Studio Explained - Best Website Styles for Responsive Design
Wix Studio Explained - How to Use Breakpoints For Perfect Responsive Design
Просмотров 8616 часов назад
#wixstudio #wixsite #wixwebsite #wixwebsitebuilder #wixwebsitetutorial #wixstudiotutorial Welcome to 2nd video of the Wix Studio Course. In this particular video, you will learn how to use breakpoints in Wix Studio. If you have any questions, feedback, or suggestions, feel free to let me know in the comments. Best Regards Wix Studio Explained - How to Use Breakpoints For Perfect Responsive Design
Wix Studio Explained - Getting Started [Full Course 2024] #wixstudio
Просмотров 3216 часов назад
#wixstudio #wixstudio #wixstudiotutorial Welcome to the first part of A Full Wix Studio Tutorial Series. In this video, you will learn how to Get started with Wix Studio Workspace. This video covers How to Start with the Wix Studio Template Importing External Wix Studio templates Creating a website in Wix Studio using Blank Canvas Wix Studio Explained - Getting Started [Full Course 2024] #wixst...
Free Wix Studio Musician Website Template with Custom Music Player
Просмотров 66День назад
#wixstudio #websitetemplate Website Demo - www.wix.com/marketplace/template/view/live/e57b3dcd-a4af-4516-922c-50a7bea5b532 Get this Free Template - wixstudiotemplates.store/product/wix-studio-templates-free-musician-and-singer-website-template/ Wix Studio Musician Website Template with Custom Music Player
How to Convert Wix Studio website to Template & Import and Export as Zip Files
Просмотров 65День назад
#wixstudio #wixtutorialforbeginners #wixsite 0:00 - Intro 0:20 - How to convert the Wix Studio website into templates 1:14 - How to Export Wix Studio Templates as Zip Files 2:26 - How to Import Wix Studio Templates from Zip Files 3:13 - Imported website preview and Template How to Convert Wix Studio website to Template & Import and Export as Zip Files
Wix Studio Tutorial - Counter Animation for Count Up Number
Просмотров 7014 дней назад
#wixstudio #wixtutorialforbeginners #wixwebsite Code - www.wixstudioacademy.net/forum/wix-studio-tips-and-tricks/dynamic-count-up-number-code Wix Studio Tutorial - Counter Animation for Count-Up Number
Figma to Wix Studio Plugin Explained - Export Figma Templates to Wix
Просмотров 66621 день назад
#wixstudio #wix #figmaplugins #wixwebsite #wixtutorialforbeginners #figma_tutorial #figmatutorialforbeginners #figmaforbeginners #figmacomponents #figmatutorial In this Wix Studio Tutorial, learn how to design a cool Wix Studio website in minutes using Figma to Wix Studio Plugin. Import Pages, Sections, and Containers in Seconds. Figma to Wix Export Plugin - Create Amazing Wix Studio Website[Fi...
How to add a Scroll Progress Bar in Wix Studio - Wix Studio Tutorial 2024
Просмотров 8828 дней назад
#wixstudio #wixwebsite #wix #wixtutorialforbeginners Code - www.wixstudioacademy.net/forum/wix-studio-tips-and-tricks/how-to-create-a-scroll-progress-bar-in-wix-studio-code How to add a Scroll Progress Bar in Wix Studio. About Wix Studio Academy - Wix Studio Academy is a platform dedicated to creating educational and learning videos and articles for Wix Studio. It is not a business or brand, bu...
Wix Studio Tutorial - 3D Image Hover Animation Effect using CSS
Просмотров 21828 дней назад
#wixstudio #wixwebsite #wixwebsitebuilder #wixwebsitetutorial #editorx #wixtutorialforbeginners In this Wix Studio tutorial, learn how to create a 3D card using CSS. Code - www.wixstudioacademy.net/forum/wix-studio-tips-and-tricks/wix-studio-3d-animation-card-csse-code Wix Studio Tutorial - 3D Image Hover Animation Effect using CSS
Wix Studio Tutorial - 5 Animated Custom Cursor Effects in 2 minutes [Easiest Method] #wixstudio
Просмотров 12628 дней назад
#wixstudio #wix #wixwebsite #wixtutorialforbeginners #wixseo Full Code - www.wixstudioacademy.net/forum/wix-studio-tips-and-tricks/how-to-create-animated-custom-cursor-in-wix-studio-head-code kursor CDN - www.jsdelivr.com/package/npm/kursor In this Wix Studio tutorial, you will learn how to create a custom animated cursor effect in Wix Studio. This method uses the npm package as CDN. It is a ve...
Wix Studio SEO Setup 2024 - Blog Optimization using Free SEO plugin & Checklist #wixseo #wixstudio
Просмотров 75Месяц назад
#wixseo #wixstudio #wixtutorialforbeginners #wixstudiotutorials Code for SEO Meta Tags in Wix Studio - www.wixstudioacademy.net/forum/wix-studio-seo-marketing/wix-blog-meta-tags-code Wix Studio SEO Setup 2024 - Blog Optimization using Free plugin, Checklist, #wixseo #wixstudio In this article, you will learn how to optimize your blog articles in Wix Studio, How to integrate SEMRush in Wix Studi...
Free Wix Studio Templates - Real Estate Website and Property Listings Template #wixstudio
Просмотров 75Месяц назад
#realestatewebsites #wixstudio #websitetemplate #websitetemplates #propertylistings #webtemplates @WixStudio Website Demo - wixstudiotutorials.wixstudio.io/real-estate Get the template(1-3 working hours in transfer) - www.wixstudioacademy.net/product-page/wix-studio-templates-real-estate-firm-and-property-listings-website-template Wix Studio Forum - www.wixstudioacademy.net/forum Free Wix Studi...
Wix Studio Header Tutorial - How to add multiple headers #wixstudio
Просмотров 178Месяц назад
#wixstudio #wixsite #wixtutorialforbeginners #wixheader #wixstudioheader In this Wix Studio Tutorial, learn how to design multiple headers and add them on different pages. How to Add, Remove, and Add Multiple Headers in Wix Studio - Full Tutorial
Wix Studio Tutorial 2024 - Lead Capture Page and Lead Magnet Form using CMS
Просмотров 138Месяц назад
#wixstudio #wixwebsite #wixsite #wixtutorialforbeginners #wixwebsitebuilder #wixwebsitetutorial #wixvswordpress #wixblog #wix Wix Studio Tutorial 2024 - Lead Capture Page and Lead Magnet Form using CMS In this tutorial, You will learn a great and easy method to create a lead magnet form and page in Wix and Wix Studio using CMS. This method uses a dataset to collect user information such as name...
Wix Studio Templates - Online Bakery, Cake, and Restaurant Shop Website Design[HTML and CSS]
Просмотров 84Месяц назад
Wix Studio Templates - Online Bakery, Cake, and Restaurant Shop Website Design[HTML and CSS]
How to create Horizontal Scroll Animation in Wix Studio in 5 minutes (Scrolling Effect)
Просмотров 1,2 тыс.Месяц назад
How to create Horizontal Scroll Animation in Wix Studio in 5 minutes (Scrolling Effect)
Wix Studio Tutorial 2024 - Glass Container Using Custom CSS [Glassy Effect]
Просмотров 2132 месяца назад
Wix Studio Tutorial 2024 - Glass Container Using Custom CSS [Glassy Effect]
Wix Studio Full Course; Part 9 - How to Apply CSS On button in Wix Studio
Просмотров 892 месяца назад
Wix Studio Full Course; Part 9 - How to Apply CSS On button in Wix Studio
Wix Studio Full Course, Part 8- CSS Custom Background and Animation
Просмотров 702 месяца назад
Wix Studio Full Course, Part 8- CSS Custom Background and Animation
Wix Studio Full Course; Part 7 - Advance CSS Blending Modes [Tutorial 2024]
Просмотров 1532 месяца назад
Wix Studio Full Course; Part 7 - Advance CSS Blending Modes [Tutorial 2024]
Wix Studio Full Course; Part 6 - How to use CSS [Tutorial 2024]
Просмотров 1062 месяца назад
Wix Studio Full Course; Part 6 - How to use CSS [Tutorial 2024]
SEMRush Full Course 2024; Part 1 - Project and Website Audit, Crawler Setup
Просмотров 292 месяца назад
SEMRush Full Course 2024; Part 1 - Project and Website Audit, Crawler Setup
Wix Studio Full Course; Part 5 - Product Section Design using CMS and Widget[Tutorial 2024]
Просмотров 1262 месяца назад
Wix Studio Full Course; Part 5 - Product Section Design using CMS and Widget[Tutorial 2024]
Wix Studio Full Course Part 4 - Mobile Optimization and Responsive AI [Tutorial 2024]
Просмотров 1642 месяца назад
Wix Studio Full Course Part 4 - Mobile Optimization and Responsive AI [Tutorial 2024]
Wix Studio Full Course; Part 3 - How to use CMS in Wix Studio [Tutorial 2024]
Просмотров 3053 месяца назад
Wix Studio Full Course; Part 3 - How to use CMS in Wix Studio [Tutorial 2024]
Wix Studio Full Course; Part 2 - Advance Slideshow using Multi-State Boxes [Tutorial 2024]
Просмотров 7543 месяца назад
Wix Studio Full Course; Part 2 - Advance Slideshow using Multi-State Boxes [Tutorial 2024]
Wix Studio Full Course; Part 1 - Anchor Menu, Color Palette [2024 Tutorial]
Просмотров 7993 месяца назад
Wix Studio Full Course; Part 1 - Anchor Menu, Color Palette [2024 Tutorial]
Wix Studio Tutorial 2024 - How to create Horizontal Scroll Animation [No Code]
Просмотров 1,9 тыс.3 месяца назад
Wix Studio Tutorial 2024 - How to create Horizontal Scroll Animation [No Code]
Congratulations!!! I loved the explanations, very educational and teaches step by step. Thanks!!!
What is this soundtrack?
Has the "Accelerate mobile speed" tab changed? I couldn't find it.
Wix discontinued the support for AMP a few days back.
Instead, they use the Default font load and load with scroll along with other features. Go to your site style and check the default font load to increase the loading time.
Thank you so much! 🙏🏽🙏🏽🙏🏽 You don't even know how many tutorials I saw today and none of them worked... It's literally 2 a.m. and my presentation is tomorrow morning you just stay with me ❤️🙏🏽🙏🏽
Thanks for watching! :)
Is there anyway to decide what collections to show in a specific drop down? Also - what am I doing wrong if the drop down I added and linked with my CMS collection is not actually applying the filter that is chosen?
Hi, My you share the link of your website in the forum here - wixstudioacademy.net Best Regards
00:06 Learn mobile optimization and responsive AI in Wix Studio 01:35 Grouping and assigning responsive properties to elements 02:46 Optimizing images for mobile and tablet 03:54 Optimizing mobile design for tablets with bottom alignment and resized boxes 05:24 Ensure proper positioning of images and elements to prevent overlap with menu items 07:08 Mobile optimization and responsive AI 08:44 Manually design optimization for mobile 10:57 Custom scale sets font value based on device width and size
00:06 Using CMS to add product categories on your website 01:43 Set width to 80% and align elements for consistent design 02:54 Connecting to a Content Management System is recommended for managing more items in Wix Studio. 04:56 Use basic shapes to link text elements in Wix CMS 06:31 Connecting design elements with CMS in Wix Studio 07:43 Using stack and alignment to improve the design in Wix Studio 08:47 Add animations to enhance the product category section 11:20 Utilize CMS for better organisation and consistency
Great stuff I’ve been looking for this lately! Great work!
Thank you for watching. #respect
very cool stuff man thank you - do you know of a way to apply smooth scrolling without needing to have a paid version of wix so i can embed thank you
The head code method is the easiest since it's very hard to implement ScrollY and other elements in Velo. I will look through the Velo docs to see if there are any alternative. Do you want to snap the scroll or make it smooth scroll across the entire page? Best regards
@@wixstudioacademy i was wanting smooth scroll through entire site thank you
Cheers mate, was really helpful! Since it was so different from Normal Wix, I wondered what I was doing wrong!
Glad it helped! :) Thanks for watching!
it works finde but when I move my cursor it sarts lagging. Like if I cruise around my cursor it sarts doing a laggy unnice motion?
Hi, May you share your website's link and the plan you have in the Forum here - www.wixstudioacademy.net/forum/wix-studio-help ? I will write a separate lightweight code for your site if needed. Best Regards
@@wixstudioacademy I now knows the reason. I had a script installed which smoothes the scrolling (from visualidentitydesign channel). When I deactivate that script, everything works fine. So I think there is an interaction between both of them. :/
I'm glad wix finally made this happens i too have the same 15 pixel size diff thank you
Agreed! Thanks for watching.
But this plugin is paid in studio r8?
@@MoziburRanaaHi, it is a free plugin. :)
Damn, I don't think that there is anyone on youtube who is teaching these things... I have no coding experience and this helps a lot.... You are lliterally like GOD for us bro 🙏🔥
Good video, would be better to import contacts before importing the blog
You explanation is not giving
Hello! Your CSS code does not work
Hi, sorry the link expired. I have updated it now. Try it again. If it still doesn't work, let me know in the Forum, I will personally help you with it. Best Regards
Thank you!
You're welcome!
Thanks for this. Do you know how to change text sizes?
I have added the updated code here; feel free to ask any follow up questions - www.wixstudioacademy.net/forum/general-discussion/html-animations-tabs-in-wix-studio
Do you know how to make the flexbox auto scroll?
For Automatic Slide Change, Multi State Box is a better option. Please check following tutorial - ruclips.net/video/IbZ7j3GroLs/видео.html
What if I need to apply difference on a pinned to the page text element? It doesnt seem to work on pinned elements. Is there any work around I could try? Thank you!
would love to know this too!
This was a very usefull tutorial! Thank you so much to make it understandable. I have one question. Can you tell me how to hide the container that triggers the animation? That it still triggers but is not displayed anymore.
You can change the color of the container or verticle line to the same color as your section background. Also, right-click the trigger element, go to arrange, and send it back so it doesn't interfere with the horizontal scroll. Hope that helps. :)
@@wixstudioacademy thank you so much for the quick reply! I am surely gonna test it out asap! Grtz!
How can I use your services as a freelancer? I have not yet been able to contact you via your website form.
Hi Mr Patrick, Hope you are well. Please use the following page to let me know about your brand website and project, I will contact you ASAP - www.wixstudioacademy.net/wix-studio-freelancer Best Regards
Is their restaurant ordering system dependable? I have a restaurant client project who needs food ordering and I’m debating on Wix Studio and Squarespace
Greetings Sir, Hope you are well. I haven't used Squarespace's restaurant ordering so I can not give a comparison. However, Wix has recently updated their Restaurant App and it is amazing. It supports both pickup and delivery orders, order modifiers, for example they can order extra diet coke with pizza for extra price, table reservations, Floor Plan, gift cards, order tracking, and many more features. Plus the SEO is much better... Hope that helps.
@@wixstudioacademy awesome thanks for the reply. Can you modify the pizza like half pepperoni half mushroom etc?
The Menu Items have a modifier group. So you can create a Modifier group for the pizza toppings and all the options(pepperoni, mushroom, and their combination). Each modifier will have its own pricing, including free(like ketchup, tissue papers, etc). In case of combinations, you will also have to add all possible combinations. Its very easy to setup.
Thanks
You are welcome!
After many attempts this is the first video that makes the process very simple and easy to understand. Thanks
Glad to know that! :)
I'll be honest I've by passed this video a few times because I wanted to hear someone explain things. However, this is about the only actual tutorial that actually works. I copied many and found I miss something in the settings. MY ONLY QUESTION. My section is now the height of a Dump Truck how do I make that smaller without effecting the animation. I can't see that in the video but will check over it again. Thanks
Actually I see when you add another section below it appears after the animation. Is this normal to have such a large container.
Hi Mr Keith, hope you are well. Please check this tutorial. It is a much easier approach - ruclips.net/video/L5MClMtws8A/видео.html The reason why we make the section long is to compensate for the space needed for scrolling.
Hello, I'll take a look. My gut is telling me it will be more of a headache using this effect than I will design a great website. I guess it was the last of my challenges to get it to work. Mastering desktop is one thing then looking at Mobile its a total mess so i think for the moment I will accept defeat and hope WS come up with a better solution to this. I will have a look at this new video. I don't feel i'm a complete idiot but I've spent the whole day trying to get at least one simple scroll to work and it either scrolls off the screen it doesn't scroll all the pictures and I'm changing settings and sometimes you get close but never what I really want. Then don't get me start on when you want to add images or text and the boxes are 200 miles away off the screen its a real pain in the BS. I'll give it one last chance. Thanks
@@wixstudioacademy Thanks. That really did take 5 minutes. That's what I wanted and I was able to make the images slightly larger and tweek the settings a little to still get the look I wanted.
Where is lesson 2 mate?
Here is the full playlist - ruclips.net/video/hXVdK3lAWP0/видео.html&pp=gAQBiAQB
Great tutorial but one thing would be great is to have your curser on the screen, my eyes were all over the place trying to keep up.....😀
Hi Peter, thanks for pointing that out! I didn't realize that. I will use a color element for the cursor from now on.
Wix Studio sucks! Why do you have to use code to do a simple slider feature?
Amazing video!! For the option No.1 how do I make the transition smoother and not so harsh like how do I fade one slide into the next ?
Hi, Thanks for the appreciation. For the transition smoothing, you can apply entrance animation on the elements of the multi-state box like images, texts, etc. Play with the settings, and add a delay between the appearance time. Hope it helps.
Dude, Thanks again for this amazing tip. In this transition time, can I adjust each transition time separately? Also I see the flash effect when each boxes are transited in the multi state box. can I change the flash effect to fade effect?
Yes, absolutely. You can use any effect you want.
@@wixstudioacademy I changed it from the animation effect tab. but still see the flash transit is remained before starting the new transit effect that I applied.
Thank you very much! You saved me. The preset sliders are a total nightmare. Not responsive at all and it has a fixed height that is annoying to deal with.
You're welcome!
Thank you but it's not working well on all break points such as tablet and mobile phones, how to fix that
hey bro, i managed to put it in wix and make it show embeded videos from youtube, but the problem is when it's shown on tablet and mobile devices it get messeg up, and i tried using chat gpt but no avail. is there is any way to make it responsive?
Hi, The best alternative is to hide the code on mobile devices and creating an alternative code that is only optimized for mobile. Wix Studio doesn't support CSS for HTML Elements Yet. You can make it responsive but its a lot of work. So my recommendation is creating one HTML only optimized for mobile devices.
The link of the code is not working, where can i get it please?
New link updated. Please try now
@@wixstudioacademy down again
Thank you very much! Can it be used to show videos?
Absolutely, simply replace the image code with a video one. Video can be added using the link or simple video file name with video extension(like mp4, mkv, etc). You can use Chat GPT to improvise the code. The video link can be acquired from your Wix Media Uploads where you have uploaded the video. Let me know if there are any follow up questions, Best Regards
@@wixstudioacademy the website is not working bro, where can i get the code
Sorry about that! I have updated the link, please try now.
@@wixstudioacademy thank you very much, wish you best luck man don't give up on creating content
Thanks a million bro
We SO need more videos of this quality for WixStudio, otherwise I’m switching to WebFlow. Please keep it up. In fact, a series called WixStudio for Designers would be HUGE. Most teachers DO NOT teach for designers. Only for coffee brands it seems… a section, two images, a stack. Done. We can handle more than that. And Wix’s own tutorials are like watching paint dry. Thank you
Thanks for the kind words! I will try my best to learn more about Wix Studio and share the knowledge via tutorials. :) #Respect
Love it bro....please create more videos on wix studio.... appreciate your effort ❤
Thanks for the support.
Thank you for the technique...
Any time!
How to add a video to the slideshow?
Replace the elements. I have made other tutorial for slideshow which will give you more advance options.
Dude, when coding, should i put all the elements id in each status box? Or just put the box id?
Box ID, without #. You can find ID in both properties and events in dev mode, or switch on the show element ID option in layer panel.
@@wixstudioacademy You are the best Dude!
Thank you very much <3
You are welcome
You are the life saver dude. Thank you. Is thre multi status box = flexy box? In my wix studio, there is no multi select box but yes flexy box.
L Turn on developer mode first
😻 *PromoSM*
This is absolutely amazing, thanks so much for sharing 🥰🥰🥰🥰🥰🥰🥰🥰
Thanks for watching!
I was trying to add the Paralax image in Wix Studio by connecting to an image in my CMS collection. However when done that way through CMS, the paralax image doesn't scroll correctly (try and you will see). Was wondering if you might have a coding workaround to make this work flawlessly when connected to CMS?
Just love it🎉
I have a clothing brand and I’ve been using wix editor for a year, I recently had to renew the subscription and then I come to find out there’s a this wix studio version with better templates. So if I want to transfer my wix editor website that I just paid for to wix studio I would have to pay again in order to be able to sell my products?
You can ask the Wix Support if its possible to reassign the premium plan to a Wix Studio Website. I know it happens for Classic Editor websites from the subscription settings but I am not sure for Cross platform reassign.
you can, just reassign the plan from the dashboard, thay will but the left amount of funds to the new site and ypu pay the difference