Wix Website Tutorial 2024 - Columns, Strips & Sections
HTML-код
- Опубликовано: 29 дек 2023
- Sections, strips and columns are the basic building blocks of every Wix website. But how do they differ and how do you use them to create a beautiful, professional website for your small business?
Check out the #3 video below for how I created the header set up in this video.
#1 How to Build a Wix Website on a Blank Template
• #1 How to Build a Wix ...
#2 How to Add Your Logo to Your Wix Site • How to Upload and Add Images to Your Wix Website
• #2 How to Add Your Log...
#3 How to Use Columns to Place Your Logo to the Left of Your Website Header in Wix
• #3 How to Use Columns ...
#4 How to Add Pages and a Menu to your Wix Site
• #4 How to Add Pages an...
#5 How to Set Fonts and Colors for Your Wix Website
• #5 How to Set Fonts an...
I am not a Wix affiliate, nor do I work for Wix. I just think Wix is a super website builder and a great option for building your own website. I am a Wix Partner and offer my web design services in the Wix Marketplace. I also use other platforms for design (like Canva!).
Get my guide -
21 ELEMENTS YOU MUST HAVE FOR YOUR SUCCESSFUL BUSINESS WEBSITE
A super comprehensive, easy-to-understand list and guide for collecting all the content you need to build a successful website.
www.biritdesign.com/21-elemen...
VISIT ME…
www.biritdesign.com/
SAY HELLO...
/ biritmarketi. .
/ biritdesign 
Хобби
Do you know how to build a LEAD MAGNET into your website? Do you know why you need one to grow your business and get a consistent stream of new clients, patients, or customers? If not, here's an article Called WHAT IS A MARKETING FUNNEL & WHY DO YOU NEED ONE? --> --> www.biritdesign.com/post/what-is-a-marketing-funnel-why-do-you-need-one ✅✅✅
Thanks for this helpful resource. Should my lead magnet be offered above the fold and if so, can I also offer other freebies a bit lower down on the home page? I have a lot of free stuff for clients, but I don’t want to overwhelm them. Thanks 😊
@@RunAgainRover My preference is to put the lead magnet lower down on the home page AND have a pop-up about 5 seconds after the viewer lands on the home page. This is what I've done on my site. If you are offering freebies where you are not getting a name and email I would put those lower on the page or on another page with a link from the home page. : )
@@biritsimonsen makes sense. I’ve always relied on a button in the hero section and haven’t tried a pop-up. Or maybe a pop-up and a button leading to the same freebie because it could give us a couple of opportunities for people who automatically close pop-ups without reading them?
You are a genius communicator! I've spent weeks wailing, gnashing my teeth, and procrastinating re. my site's progress. Now, 22.14 minutes later, the knots in my stomach are finally loosening! Totally saved my sanity.... and my bacon. ❤
Awww! Thanks so so much!!!! You absolutely made my day. So glad I could be of help. Let me know if you need anything else. I'm all ears for new videos. : )
Thank you for this video! I had no idea how to change the padding above and below columns! And I like the way the four column section turned out when you put a bit of space between them.
There are so many things you can do with columns and padding!
@@biritsimonsen to a newbie all of the variability feels a bit overwhelming. That’s why I’ll be happy to see your next video! I also like your new scene transitions with the typewriter style text. 🙌
Thanks Birit for your excellent videos about designing with WIX. You are easy to listen to and follow along. Thank you so much. I am so glad Thatcher found you at RUclips. ❤️ Ralf 🇸🇪
Thanks so much! Happy to be of help. : ) 🇳🇴
Thank you so much I just got a Wix website a few days ago and been racking my brains on changing templates. I just saw all your videos on starting from scratch and you explain everything so clearly, I feel I can do it on my own. I’ve subscribed to your RUclips and look forward to more videos from you.😊
Thanks so much! I always wonder if they make sense, lol. : ) Please let me know what you'd like to see. What do you need to know about?
Another fantastic amazing super great video from the best channel on RUclips. Thank you and keep the great videos coming. they are very helpful.
Why thank you. : )
Thank you. You covered a lot of essential ground and covered it clearly and effectively. Keep on keepin' on...please.
Thanks so much!! Will do. Mobile formatting coming next. : )
I am using Wix for the first time. Using you videos as primary guide. Very helpful. But having some trouble with how to format copy. Can't seem to find any info that deals with this in detail. In some situations I want to put copy in columns and spread across the page. Also would like to wrap text around images. Having hard time with spacing and alignment. Could you do a video on this or tell me where to look for this info? Feel like Wix might be a little weak in this area. Many thanks for your videos. Appreciate the help.
Hi there! Glad you are finding the videos useful. Okay, so you can't strictly wrap text around an image. You'd need to split the text into two sections and put some at the side of it (for example) and some underneath. This text will stay put on all devices if it's within gridlines. I think one reason for this is so that when you go to edit on mobile you can move the text more easily. If it were attached to the image, wrapping it, it would be hard to format on a phone. What do you mean "I want to put copy in columns and spread across the page"? That seems straightforward. Just make site-wide columns and place text inside the gridlines in the columns. Do you mean something else? Let me know.
I'm struggling to get my site to look "great" on larger screens. It doesn't look bad as I've followed many videos on the "gridlines" for strips and sections and things, but it still doesn't look awesome. Would "stacking" strips help?
It might. You can absolutely manipulate your ability to place content across the website page horizontally by using layered (stacked) strips. Just make sure you are checking on smaller screens as well to ensure elements/text don't overlap on the smaller screens. : )
Thank you Birit for this great video. It helps a lot, i appreciate your work!
You are most welcome! Glad to help. : )
Hi there!
This one thing has been driving me nuts... Is it possible to overlap content, like an image between sections in Wix Studio?
So my image is in one section but the top has to stand out and be in de section above...
Please let me know since I can not find it anywhere... :(
Hi there. This tutorial is for Wix Editor, not Wix Studio. In my opinion Wix Studio is waaaay to complex unless you are an experienced designer. In Wix Editor you can easily overlap elements. The best way to do that is to overlap different strips. You can see examples of this in the premade strips that are available when you go to add a strip or section. Hope that helps!
Great video, can you help me with an issue? I have created a strip with a 24-75 column size. I have placed a vertical menu in the 24-size column and is within the guideline. However, the menu will not stay within the guidelines when published, on a smaller screen it is not responsive? If you centre the vertical menu with the align tool within the column guideline, it moves it to the centre of the page and not the centre of the column? So frustrating, any help would be appreciated :)
Hi there. I just had a look at your website. That's a really interesting idea - I don't think I've ever seen someone use a vertical menu like this! For some reason the menu is just not sticking to the column. I'd play with it. Make the column really long and move the menu around until I see the blue "Attach to Column" alert comes up. This WILL work - you just need to play around with it a bit. How is this working in mobile?
Thank you, I learned a lot! I have a Wix website that was built on strips and columns and then the sections arrived! I had to start fresh when I added new pages. So that went ok on desktop, but on mobile it is a nightmare! The sections creep up and overlap, no matter how many times I adjust the size. I am doing somethin wrong but I don't know what! I'm using my own saved sections with three or four strips in a section. Is this the problem? Should I only put one strip in a section?
Hi Susan, I am extremely nosey and Googled you. Is your site Day By Day? If it is, holy heck do you have a lot of strips and columns!! I can see why the change over to Sections would be driving you nuts. I'm doing videos on mobile formatting next, but even I would need a bit of time to format your site for mobile. You have a LOT of elements there that would need to be rearranged. My first suggestion - that is kind of useless now - is that when you build a website you have to think of building it with mobile in mind. So you would build one page, format that page for mobile, and then duplicate that page and change the content. And so on.
Your sections may have rearranged on mobile - that is true. But, I don't 'think they should be overlapping. Stips can overlap, or lay themselves, but sections should not be layering. I'll see what I can do about getting a mobile formatting video up asap. And if I've totally got the wrong site for you - let me know what your site really is and I'll take a look.
Yes it is Day by Day! and yes I do have a lot. The site has evolved over the last 10 years and now we have a section for members and a huge section for customers which contains a lot of resources. These resource pages are the ones giving me the most problems. I have approached Wix twice and they couldn't offer any solution. Anyway, I tried bigger sections and that was worse so now I am trying smaller sections with just one or two strips (after watching your video). Fingers crossed this works, because this page has to go live tomorrow ready for the new school term! @@biritsimonsen
@@biritsimonsen hi again, just to let you know that reducing the size of the sections and putting two strips only in them has solved the problem! I have been so anxious about this and wasted hours on it. Twice I approached Wix support and they didn't help me, and it was such a simple solution. Not impressed with them! Thank you for your part in this process, I will be a devoted follower from now on!
Can I have an image as a background that spans all section?
Yes, of course. I believe that is covered in this video. Simply click on the section, and then click on the pop-up bubble that says "Change Background". You can change it to an image, color, gradient or video. Whatever you wish.
❣️ *Promo SM*
The most frustrating web page builder out there, its called an anchor link
Oh no it's not! I'm sorry you are finding that that way. I enjoy working in Wix. Actually enjoy it. What are you finding so frustrating?
The whole platform
@@colinedwards7467 Then visit my website and get some help from me. And get on with working at your own business instead of your website. : )
Not for me unfortunately
@@colinedwards7467 Best of luck then! Keep it simple and keep at it.