top of page

Search results

1725 results found with an empty search

  • 10 tricks for making your website look high-end (even on a budget)

    Turn your ideas into a website you love with Wix →  They say that beauty is in the eye of the beholder—and that’s especially true in web design . What looks stunning to one person might seem “just okay” to someone else.  Still, there’s one thing most of us can agree on: We don’t want our sites to look cheap or boring. We want them to look clean. We want them to look professional. We want them to look on-brand, no matter where people click.   So, how do you achieve that high-end look? After 12 years in design (including my current role as art director for Wix Agency), I’ve picked up some helpful tricks. Rest assured that you don’t need to throw more money at your site or have a design degree to pull this off. There are some small, easy things that you can start fixing today.  As you prepare for high-traffic shopping moments like Black Friday and Cyber Monday, these strategies become even more valuable for keeping your store fast, reliable and ready to convert visitors into customers. But first, what are the common culprits of “low-end” design?   Before we dive into techniques, let’s take a quick look at some mistakes I often see. Here are a few signs your website might be coming across as amateur or incomplete: Poor typography choices : Too many fonts, styles and inconsistent font sizes can make your site hard to read and messy. Lack of visual hierarchy:  When all the content, text and titles are the same size and font, nothing stands out. Low-quality images : Pixelated, stretched or inconsistent photo styles can be harsh on the eyes. Confusing navigation: Disorganized or poorly labeled menu items can confuse visitors. Poor mobile experience: No matter how nice your website might look on desktop, if it shows up badly on mobile devices, then you risk losing tons of visitors (especially given that over 63% of website traffic  now comes from mobile devices).  No clear brand identity : If you lack a consistent voice, color scheme or overall vibe, people might question the legitimacy of your brand.  No clear CTA: People need to know where to go or what to do on your site—otherwise, they might just give up and bounce.  Read also: The conversion mistakes I see on almost every small business website 10 tricks for making your site look high-end  Now that we’ve covered what not  to do, let’s look at some ways you can start improving your site. Check alignment Set your site theme Add simple scrolling effects and animations Add hover boxes Clean up your top menu Sharpen your images Tweak the mobile version of your site Add customer service features Maintain FAQ sections Weave in testimonials 01. Check alignment  If you’re using the Wix Editor, turn on gridlines and structure your page with strips. Both of these techniques help to keep everything aligned and balanced. (Don’t forget to let each section breathe, too. White space isn’t wasted space; it’s a powerful tool for keeping things anchored and looking clean).  02. Set your site theme Choose two main fonts—one for your header text, another for body text. Stick to these, as well as three to five brand colors, and a few button styles. Take advantage of Theme Manager to lock in your styles, even if you started with one of the free website templates . This is where you can set brand styles and keep everything looking consistent.  Learn more: What is web design? 03. Add simple scrolling effects and animations A little goes a long way here. Try fade-ins or slide-ins as people scroll. Use simple effects to make your site feel modern without overdoing it.  04. Add hover boxes Choose from Wix’s pre-designed hover boxes to create a more interactive, engaging experience for visitors. These elements let you present additional content without cluttering your main layout—when a visitor hovers over a box, it animates or reveals more information. 05. Clean up your top menu Keep the top menu simple and intuitive (ideally stick to four to six main links). Also, make sure your menu is fixed and stays visible as people scroll so it’s easily accessible.  For longer one pagers, you can add anchor links to create smooth scrolling. Alternatively, if you’ve got a more elaborate site—like an eCommerce site—create a dropdown menu  or a mega menu that’s organized by category and includes some visual elements.   06. Sharpen your images Only use high-quality images on your site. You can explore the Wix Media Library to find better images if you’re lacking options. Or, take advantage of Wixel's AI-powered photo editor to refine existing images and/or ask AI to design new ones for you.  Read also: 7 things you can do in 30 seconds using Wix’s AI image tools 07. Tweak the mobile version of your site Your site might look great on desktop, but you’ll always want to check the mobile editor. Check for proper spacing, font sizes and layout. Chances are, you’ll want to adjust how your content appears on smaller screens. You can even hide some elements that work well on desktop but clutter the mobile experience.  08. Add customer service features Just like in a luxury store, a high-end online experience starts with excellent service. Add Wix Chat, AI Site Chat or WhatsApp to your site, so your customers can reach you as they’re clicking through your site. Remember, faster responses build trust. 09. Include an FAQ section Address common customer questions directly on your site. Create a dedicated FAQ page or add a collapsible FAQ section to any page so that important information is easily accessible. Consider using the Wix FAQ  app to easily manage a collapsible FAQ section.    10. Weave in testimonials   Strengthen the credibility of your brand and website by adding testimonials where appropriate. Use repeater sections offered in the Wix Editor, which can present testimonials in a polished, easy-to-read format. Related reading: The science of first impressions (and how to nail them on your site) Web design trends Wix website features How to avoid generic AI website content Sure, AI can design your whole website—but you give it soul

  • 8 things you can do in 30 seconds using Wix’s AI image tools

    To say that the world of photo editing is different these days would be an understatement. In recent years, AI has opened the floodgates to a ton of innovative tools—ones that allow someone with zero graphic design experience to create images like a pro.  As head of Wix Media, I’ve had a front-row seat in the AI revolution. Though my team’s journey into AI began years before AI became cool, you could say that the Wix Photo Studio has undergone a major transformation. As you learn how to build a website with the Studio today, you’ll find that a few clicks can produce amazing results.  To prove it, here are seven things you can do in 30 seconds with Wix’s AI image tools.  Want to see Wix’s AI tools up close? Create a website  with Wix our test drive our free AI website builder .  01. Whip up a brand new image If you’re creating a website  or a new blog and need complementary images (just as examples), Wix’s AI image creator can help you take what’s in your head and turn it into reality.  Simply describe what you want. For example, let’s say I’m a fashion blogger looking for a photo of someone flaunting cool, stylish streetwear. Instead of scrolling through stock photos or begging strangers to let me take photos of them, I could go into the image creator and request a new photo. The image creator will ask if I’m interested in a photo, illustration or other artistic style. Let’s say I pick “photo” and request: “A beautiful man standing on a sidewalk”  In just a few seconds, the image creator will whip up that beautiful man. I can either take the first photo it creates or ask it to try again.  02. Erase an unwanted object So, you created an image, but there’s something in the background you don’t like? No problem.  The object eraser has you covered. Using the same example as before, I could remove anything from the background by simply highlighting it and clicking “erase.”  The object eraser doesn’t just work on newly created images. You could upload an existing image and use the eraser to clean it up.  (Imagine: The next time you need a professional headshot or profile pic, you no longer need to scroll endlessly through your camera roll for a usable selfie. Use the eraser to unapologetically edit out your friends or kids from a photo. Or, replace the entire background with a new, clean backdrop.)   03. “Photoshop” any part of your image The AI image editor lets you add and replace anything on an image. In our current example, this guy’s top is a bit too formal. I want the image to scream streetwear, so I highlight his suit and ask the AI editor to replace it with a hoodie.  Just like that, we’re able to go from office wear to streetwear.  They say that every parent has a favorite child. I’m not afraid to admit that the AI image editor is one of my favorites. It’s smart, ambitious and always eager to help; with the editor, you can change the whole background of an image or change a small detail that affects the whole vibe. Best of all, you can tweak your image as much as you’d like. Just ask the editor to give you another option, and keep redoing this action until you end up with a result you like.    04. Extend your image to fit any page Every web designer  knows the challenge of resizing an image to fit the dimensions of a page. This process can be tedious and compromise the quality or proportions of an image—but with the AI extend tool, it can be done easily. Read also: What is web design?   Do you want to use the image we just created on your homepage? If the size is off, you can use the AI extend tool to safely stretch it out.   Input your target dimensions, select any of the predefined ratios or manually stretch the image, then click “Extend Image.” The AI will handle the rest.  Putting it all together When you put all these steps together, you go from an image of a formally dressed office worker on a busy sidewalk to a cool kid posing in an empty street.  While I just walked you through a sequence of steps that could be applied to one image, the truth is that all of these tools can be used apart from one another. You don’t need AI to do everything for you; in fact, I encourage you to take certain steps into your own hands. As with everything AI-powered these days, the best tools are used in tandem with your expertise and creativity. Wix’s AI image tools are no different. They’re there to assist you, not to cut corners.  Other cool hacks I promised you eight cool tricks, so before you leave, here are four more neat features to check out.  05. Auto enhance   Available under the “Adjust” tab of the Wix Photo Studio, the auto-enhance tool lets you optimize the colors and sharpness of an image in a single action. This can help you make an image instantly more appealing and professional. 06. Auto cut out   No need to use any scissors to remove the background of your image. Simply go to the cut out tool and press “auto cut out.” The AI will automatically clear your background, then give you the option to replace it with another colored, patterned or image-based background.  07. Upscale  Our upscale tool will take any low-resolution image and upscale its resolution in a single click so that it’s website-ready. This tool can be found under the “Crop & Extend” tab. 08. Regenerate Still not satisfied with your image? With the "Regenerate" tool (found in the photo studio), you can have AI analyze your photo and suggest a prompt that you can use to reproduce it. Related reading: How to design a website with AI How to avoid generic AI website content Sure, AI can design your whole website—but you give it soul

  • What is gender neutral web design and why it matters

    As a nonbinary trans person, I navigate an internet that isn’t designed for me. When the websites I use everyday weren’t made for me, I feel less engaged. It creates an uncomfortable experience, like an itch, making the web feel impersonal and hostile. Determining the right target audience is an integral part of making a website. Can designers intentionally choose to make nonbinary people part of that specificity? If we design with the aim of tearing down barriers, we can create an internet that’s useful, relevant, and safe to as many people as possible, including nonbinary or gender nonconforming individuals. Learn more: How to make a Wix website Why gender and pronouns matter I should probably back up and define some terms for people who aren’t familiar with nonbinary people. Gender is distinct from biological sex. A gender like “man” or “woman” is a role we play in society. Some people feel profoundly uncomfortable with the role they were assigned at birth, and are happier playing another. As a nonbinary person, I’m not strictly comfortable as either a man or a woman. There are many ways to be nonbinary or gender nonconforming, and pronouns are a good example of that. There are nonbinary people who use “they/them” pronouns, but others use “she/her” or “he/him” or neopronouns (for example, “xie/xer”). There are “he/him” lesbians who were assigned female at birth and are still women. Gender is highly personal and central to who people are. An internet that’s designed for people with a broad range of gender identities and expressions would honor that. If gender is treated as a deeply personal aspect of every individual’s humanity — one you can recognize and speak to with design — you can use that to make your designs more specific, exciting, and engaging for everyone. Designing a gender-affirming web Since there are lot of ways to be nonbinary, we need to avoid the pitfall of going from imagining there are only two genders to only three. At the same time, we shouldn’t approach design as if there’s only one gender — the human gender — and flatten all diversity entirely. Broadening your voice as a brand or service provider so much, would mean that you end up speaking to nobody. If, instead, gender is treated as a deeply personal aspect of every individual’s humanity, and one you can recognize and speak to with design, you can use that to make your designs more specific, exciting, and engaging for everyone. Here are some ways we can do that: Creatable World by Mattel aspires to make playing dolls more inclusive. Rethinking our use of UX language Create gender-neutral navigation: When collecting information on gender and honorifics is sometimes necessary, it would be wonderful to have options outside the binary. The typical layout for an online clothing store, for example, has “men’s” and “women’s” sections. Some websites avoid this trap. Rather than organizing by gender, organize by type of clothing (like pants, shits, skirts) and cut. They can also have their clothing modeled by trans and gender nonconforming models. For other brands, simply including a wider variety of gender expressions in their use of photography and visuals — doesn’t have to be every photo, even! — makes the experience of using their website more friendly. Allow users to identify as they wish: Companies that gather medical information often need a user’s legal name and sex. However, changing names is a very common trans experience (including among nonbinary and gender nonconforming people). That’s a long process. The best websites I’ve used permit people to list their gender identity as well as their sex assigned at birth and also lets everyone choose a nickname. The websites who do this avoid “dead naming” trans people, which is respectful of both their identity and health. Many trans and gender nonconforming people experience gender dysphoria, and addressing them by the wrong name can be a trigger for that. Q, the First Genderless Voice Assistant. Treating user safety and consent with care There are, unfortunately, hate groups whose members try to harm trans folks, including nonbinary people. I hope that websites will look out for the safety of trans people. Be conscious of the data you collect: That means not collecting data on gender at all unless it’s vital, transparency about why collecting data is necessary and how it will be shared, and good moderation of discussion forums. Allow personal info to stay discrete: Websites that commission or feature different creatives should not require those individuals to be easy to contact. We want a friendly web, but not so friendly we forget that the web can be dangerous for minorities. Swedish underwear company KÖN offers one fit for any gender. An internet for everyone A design experience that is consciously inclusive conveys an expectation of inclusivity that people will learn from and follow. When we take the time to design with gender nonconforming and nonbinary people, it’s more than a cosmetic change. We’re using design to think about and respect human beings and care about their safety. That mindset carries into our other work. It benefits other minorities. It benefits cis users, who need safety and respect in their own ways. When we build an internet for everyone, it really does benefit everyone.

  • The 9 best Instagram tools for your business

    You’re well aware that a complete online presence for any business consists of understanding how to make a website and utilizing the most popular and relevant social media channels as part of their marketing strategy . The one that everyone (and by everyone we mean over 300 million people) seems to be virtually hanging out on all the time is Instagram. As a user of the platform, you might be hip with all the stellar Instagram features, like carousel posts, the new ‘Ask Me Anything’ questions sticker and a pretty nifty analytics tracker for business accounts. Yet, there’s a whole world of tools outside the app that can really make your account stand out against the hefty crowd. They might also help you sell on Instagram too. With a sprinkle of the right external add-ins, you’ll be ready to up your engagement and followers, make the most of the platform with some ‘secret’ hacks, and simply have a blast creating fun content. So, dive into these 9 best Instagram tools that we highly recommend for your social media marketing strategy. Read also: How to make money on Instagram Best time to post on Instagram How to make a Wix website 9 best Instagram tools VSCO Unfold Hopp   Magisto Boomerang from Instagram Background music for video Repost for Instagram Planoly Hastagify 01. VSCO: the ultimate photo and video editing tool It’s a fact that most of us shoot our photos for Instagram on our smartphones. And thanks to VSCO’s editing technology, no one needs to know that we don’t own the newest camera device. It offers many advanced editing tools, from the basics like cropping and adding contrast to more sophisticated filters and film-inspired presets. VSCO allows you to craft whatever mood you’re going for, be it happy and vibrant, vintage and grayscale, or dark and moody. After you’ve created the most professional images and videos, easily share them to your Instagram account through the app. If all of that doesn’t provide you with the help you need, VSCO also serves as a community-based platform where a bunch of creatives inspire each other. Pros: Advanced tools and presets to create professional quality photos, a creative community, and exclusive photography tips. Get started here: Android app & iOS app 02. Unfold: build the most beautiful Instagram Stories Instagram Stories have become a big hit, replacing those Snapchat days to the point where you might be saying # TBT. Yet, the content of each platform is oh so different: Snapchat might be for selfies and awkward happenings, but Instagram is all about making your brand look as professional as possible. So, how do you create Instagram Stories for your business that look polished and poised at all times? Download the application Unfold, which allows you to create customized Stories that will honestly amaze your followers. With this application, you can choose from over 70 different Instagram templates and five fonts to layout your photos, videos, and text. There’s no doubt that you’ll be looking your best. Pros: Free application, 70 easy-to-use templates and supports both photo and video media—including sound. Get started here: iOS app 03. Hopp: don’t let Instagram limit you to just one bio link With Instagram, you get one opportunity to share a link on your bio  (check out our guide on the best link in bio tools ). This means that every time you create a new blog post, add a new product to your online shop, or run a Facebook campaign, you need to update the link on your profile and leave the other ones inaccessible from your Instagram account for that time. But all of these links are important to your business and none should be left to the side. With link in bio  tools like Hopp, you can include one super link in your bio that leads users to a list of your other links, without exiting the Instagram app. In this list, you can link to your website, social accounts, email, phone number, and anything else you need—all under customized names. Then, choose from several different themes to display your content. It gets even better: the app includes more options, like setting a specific timeframe for when a link is visible, providing data on the total clicks per link and enabling email signup options. Hopp is considered one of the best Linktree alternatives . Learn more about what Hopp is . Pros:  A basic and free tool that provides one link to multiple destinations (website, social, media profiles, product coupons and more). Get started here: Hopp 04. Magisto: let your phone create professional videos for you Brands that use video content receive 41% more web traffic from search engines than those that don’t. This irresistibly engaging media form is gaining traction fast and it’s about time to hop on board and create social videos for your Instagram account. Or, maybe let someone else handle it for you. This is where Magisto steps in. The popular application uses artificial intelligence technology to create personal and business videos. All you need to do is upload your clips and photos, choose an editing style and the music. While you’re popping your microwave popcorn, Magisto will edit your content and generate your video within minutes—ready to be saved and uploaded to your Instagram page. Pros: Creates professional videos in minutes with your own uploaded content. Get started here: Android app & iOS app 05. Boomerang from Instagram: for hyper-engaging short clips No, we’re not talking about the Australian throwing tool, but this video feature has the same concept. Boomerang videos take a burst of photos and compile them into a short clip that plays forward and backward. Picture a video of someone diving into a pool and being sucked back up just before they hit the water, then watch this replay again. And again. And again. Like GIFs, this guilty media pleasure can control our attention spans for long periods of time. Knowing that’s the case, if you choose to produce this content yourself, your followers will be waiting in line for your next show. It’s not hard to create a boomerang anyways: just download the app, then find a moving object and stand still while you press down the only button on the app to shoot the video. Once you’re done, you can instantly upload it to your feed or Stories. (Note that Instagram does have a boomerang feature itself. Yet, it only works for Stories, not regular posts.) Pros: Dangerously addicting media form that can be created by using just one simple button on the app. Get started here: iOS app 06. Background Music for Video +: make your posts sing Who doesn’t love a good jam session? Music happens to be one of the most engaging things in life, especially in social videos. But maybe you’ve already created a video and this is the one thing you’ve left out. That’s not a problem thanks to Background Music for Video +. This application helps you easily add tunes to your videos and then post them on Instagram. It’s a quick and simple process that involves uploading your video, selecting your audio and when it will play, merging the sound and visual together, then sharing the final product on Instagram. The best part of it all: it’s free. Pros: Free application and an easy way to add music to your social videos. Get started here: iOS app 07. Repost for Instagram: reshare your favorite content instantly When it comes to content we love on Instagram, we often like and comment, and maybe even bookmark a post. Yet, strangely enough, Instagram is one of the few social platforms where you can’t share your followers' content directly in the app—or can you? The simple hack to the system is called ‘Repost for Instagram,' an application that couldn’t be any simpler to use if it tried. All you need to do is copy the link from the post you want to share, open the Repost application, and follow the steps to add it to your Instagram Story or feed. This is just one more step in forming meaningful relationships with your followers, a must for any business looking for Instagram marketing success. Pros: Simplest way to share your followers’ content. Get started here: Android app & iOS app 08. Planoly: your social media sidekick If you are planning to share a lot of posts or at specific times, it can be quite difficult to schedule. Planoly is the best option around, as it allows you to schedule your content and make use of highly effective tools at a very reasonable price. You can visually plan how your content (including Instagram Stories) will look on your Instagram profile before it’s posted by dragging and reordering posts. Other features include hashtag suggestions based on keywords you type in, adding direct links, managing comments, analyzing trends and collaborating with team members. Pros:  Visually plan, order and schedule your Instagram posts, then track their performance. Get started here:   Android app , iOS app  & Planoly 09. Hashtagify: discover and optimize your tags The most versatile element on Instagram is hashtags (you know, the little pound sign linked to a keyword or phrase). You include them in your posts, Instagram Stories, and now you can even follow them as if they are accounts of their own. But, when you place them throughout your content, are you optimizing their full potential? A strategic combination of using the most popular hashtags and niche or brand-specific ones throughout your posts will help you increase your likes, followers and even customers. Hashtagify helps you find the best tags by providing suggested options based on each of your posts and allowing you to search the popularity of individual hashtags alone. Once you include them in your content, this tool allows you to monitor and analyze each hashtag’s performance. But, there’s one more way that this Instagram tool helps you to improve your social media strategy: you can also discover top influencers in your industry, a key distinguisher from the average hashtag discovery tool. Pros: Track and analyze your hashtags, discover popular market hashtags and top influencers. Get started here: Hashtagify

  • How to create a dropdown menu in these easy steps

    When learning how to make a website, navigation design is the last thing you want to overlook. It influences how visitors interact with your website and ultimately determines whether they stay and convert or leave in frustration. A dropdown menu—a fundamental yet often underestimated feature—can help you reduce clutter in your web design , streamline your website navigation menu and much more. Whether you’re a seasoned web developer looking for coding and styling advice or a newcomer seeking to grasp the essentials, this article will teach you how to create a dropdown menu and use the feature to your advantage. Create stunning dropdown menus in minutes with Wix’s website builder . What is a dropdown menu? A dropdown menu is a UX design element that presents a list of options to the user when the user clicks it or hovers above it. By concealing secondary options until the user activates the menu, dropdowns reduce visual noise, thereby improving the overall user experience. They’re useful in various circumstances like website menus , system configuration settings and online forms. Learn more: What is web design? and how to make a Wix website What’s the difference between a menu list and a dropdown menu? A menu list is like an open book—it shows all available options right there on the screen, either lined up horizontally or stacked vertically. It's upfront but takes up more screen real estate. Therefore, if your site is complex with lots of sections and categories, you’d want to rely on dropdown menus to expand your menu list without overwhelming the page. Imagine you have an online store that sells all kinds of clothes: stuff for men, women, kids and even things like shoes and accessories. If you tried to show every single item on your main menu, things would get crowded and confusing really fast. That's where dropdown menus come in handy. When someone visits your website, they would just see simple choices like "Men," "Women," "Kids" and "Home." It's like keeping your options behind closed doors. When the visitor is interested and clicks on one of those options, like "Women," a dropdown menu opens up. Now they can see more choices like "Tops," "Bottoms," "Dresses" and "Shoes." It's a neat way to keep things organized without overwhelming your visitors. Beyond saving space in your menu list, dropdown menus can also bring some much-needed structure to your forms. Instead of having a free-text field where users have to type their country—a situation ripe for typos and inconsistencies—you can incorporate a dropdown list of countries. Your customers simply click and select, reducing both errors and the time it takes to fill out the form. How to make a dropdown menu in HTML Whether you're a seasoned developer looking for a quick refresher or a beginner diving into the world of web development, this section has you covered. We'll walk you through a step-by-step guide on crafting an effective dropdown menu in HTML, simplifying complex codes into digestible chunks. By the end, you'll know how to build a dropdown menu that's not just functional but also user-friendly. 01. Decide where you want your dropdown menu to appear Dropdown menus are versatile elements that can be placed in various locations depending on your website's needs and design. Aside from the common placement in navigation bars and forms, here are a few other spots where a dropdown could be useful: Sidebar menus: If your website has a sidebar for additional navigation or resources, a dropdown menu can help organize content without taking up too much space. Content sections: Within a lengthy article or tutorial, you might use a dropdown to allow users to jump to specific sections or topics. Product pages: On eCommerce sites, dropdowns can be used for selecting product options like size, color or quantity. Search filters: On pages with a search feature, dropdowns can serve as filters to help users narrow down their search criteria, such as by date, category or relevance. Footer: Some websites place additional navigation or resources in the footer, and a dropdown can be a neat way to include those without overwhelming the user. Modal windows or pop-ups: If you have a sign-up form or a settings menu that appears as a modal window, a dropdown can simplify the interface. Dashboard interfaces: In admin or dashboard areas of websites, dropdown menus can help users quickly switch between different panels or categories. Interactive maps or charts: In infographics, interactive charts or maps, dropdowns can be used to let users customize what information is displayed. Tables: Within a table, dropdowns can be used to sort data or to apply filters to the displayed information. Interactive quizzes or surveys: Dropdowns can be used for multiple-choice questions or to gather other types of data in an interactive quiz or survey. 02. Add the element Once you decide where you want to put your dropdown menu, identify where in the code you want the dropdown to sit. If you wanted to add a dropdown to the products link of your navigation bar, you would add an unordered list () under the products line, then add the list items underneath that: HomeAboutProducts Women's ApparelMen's ApparelInterior Decor Contact 03. Hide the list In order to make your dropdown hidden until the visitor hovers or clicks on the parent item, you'll need to add some CSS code: .dropdown-menu { display: none; } To make the dropdown list appear on hover, you'd add the following to that snippet: .dropdown:hover .dropdown-menu { display: block; } To make it appear on click, you'd need to employ JavaScript. Here's a simple jQuery example: $(document).ready(function(){ $(".dropdown").click(function(){ $(this).find(".dropdown-menu").toggle(); }); }); 04. Add some style Because we used elements rather than or elements, we have plenty of room for customization. Here are a few examples of unique CSS properties you can use to give your dropdown menu some flair: Background : You can set the background color or even a background image using the background or background-color properties. Position : The position property, usually set to absolute or relative , controls the dropdown's placement. Display : By default, you'll often set the display property to none to hide the dropdown and then toggle it to block on hover or click. Text styling : Utilize color , font-size , font-family and text-align to style the text within the list items. Paddings and margins : Control the spacing inside ( padding ) and outside ( margin ) list items. Borders : Add borders around your list items using the border property. Hover state : Use the :hover pseudo-class to change styles when the mouse is over a list item. Active state : Use the :active pseudo-class to style the list item during a mouse click. Here's what the CSS file would look like if you incorporated all of these styling options into a dropdown menu: nav { background-color:#333; color: white; } .menu { list-style-type: none; margin: 0; padding: 20px; } .menu li { display: inline; margin-right: 20px; } li a { color: white; text-decoration: none; } .dropdown-menu { z-index: 1; display: none; position: absolute; background-color:#444; list-style-type: none; padding: 10px; } .dropdown-menu li { color: white; font-size: 16px; text-align: left; padding: 10px; } .dropdown-menu li:hover { background-color:#111; } .dropdown-menu li:active { background-color:#777; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu li { margin: 0; padding: 10px; } .dropdown-menu li a { color: white; text-decoration: none; } Put it altogether, and this is what it looks like: How to make a dropdown menu in Wix Feeling a bit daunted by the thought of coding in your own dropdown menu? Worry not—Wix enables you to make a dropdown menu in just a few keystrokes. The best part is, if the styling options don't quite align with your vision, Wix Velo enables you to add your own code to the existing framework. How to add a dropdown menu to the navigation bar Click the plus-sign icon on the sidebar, then hover over "Menu & Anchor" and choose the style that catches your eye. Once that's done, a newly minted navigation bar will appear on the page. If you don't see it, just click on the page icon in the sidebar—it'll take you to the "“Site Pages and Menu” panel. To add a subsection dropdown menu, drag the relevant pages underneath the page you want to serve as the parent section. Then, hit the ellipsis icon next to each of those pages and click "Subpage." You'll notice the page shifts a bit, becoming indented and connected to the parent page with a line. If you don't want the dropdown menu to have a main section, click the "Submenu title" button at the bottom of the "Site Pages and Menu" window. This action creates a "Folder" in your site menu list. Simply rename it and drag the relevant pages under this folder. To adjust the styling, click the navigation bar element, then the paintbrush icon to open the design window. You can either choose from one of the presets or click "Customize Design" to make it your own. Switch to the mobile editor to edit the appearance of the menu in that version of the site. How to create a dropdown menu with Wix's Mega Menu feature Still craving something more sophisticated? Level up with a Mega Menu . A Mega Menu is like an expanded dropdown that you can add to your advanced menu. It pops open when visitors hover over or click the corresponding menu item. Inside this container, you can place various elements to highlight key content. Plus, you can deck it out with custom designs to offer a unique navigation experience to your visitors. Here's how to set it up: From the Editor, click the gear icon above the navigation bar, then hit the "Set as Advanced" button. A new "Manage Menu" window will appear. Click "Add Menu Item" and choose "Mega Menu." (Note: Mega Menus only work with horizontal menus. If you don’t see a “Menu Menu” option, it might be because you’re using a themed menu or other type of menu that isn’t compatible with this feature.) Once clicking “Add Menu Item,” you'll see a new item with an accompanying container. Rename this to whatever you want this menu item to show. Drag your desired pages under this new Mega Menu item, hit the ellipsis, then click "Move under [name]" to organize it under the main menu. Click the container to start designing the dropdown menu. This container is essentially a blank canvas, so you can design it just as you would any other page. Add text boxes and link to the relevant pages. Then, jazz it up with layout alterations, a background, imagery or even a video. How to add a dropdown menu to a form Click the plus-sign icon, navigate to "Contact & Forms" and pick a form that meshes with your needs and brand. Choose "Add New Field" and proceed to "Basic Fields" where you'll find "Dropdown Field." Select that. Click "Edit Field" to configure the static elements, then hit "Manage Choices" to specify what shows up when visitors engage with the dropdown. Dropdown menu design tips: what to do, or not Do consider usability, dropdown menus should be easy to navigate. This means checking options are clearly labeled and easy to select without confusion from the user. Do use dropdown menus to establish your website pages hierarchy. This means that main categories should be clearly defined, with subcategories nested underneath. Do make sure dropdown menus are mobile-friendly. They should be easy to use on touch devices, with larger clickable areas and a simple design. Do check your dropdown menus are accessible to all users, including those with disabilities. Use proper keyboard navigation and make sure screen readers can identify your menu options. Do keep dropdown animations smooth and fast, avoiding excessive delays or complicated effects that could confuse or frustrate users. Don't overcrowd your menus. Limit the number of items in a dropdown to avoid overwhelming the user. If there are too many options, consider using a multi-level menu or a search bar. Do label each dropdown item clearly, using concise language that helps users quickly understand what they are selecting. Always make dropdown menus easy to close if users accidentally open them. Also, organize options with logical groupings to minimize errors when selecting. Looking for an easy-to-use solution for creating your website? Sign up for Wix today.

  • How to add fonts to your Wix site (plus helpful tips)

    You wouldn’t wear clothes that don’t suit your style, so why write in Times New Roman when your brand is more Helvetica? Whether you have a chic online store or a local restaurant, it’s important to pick the font that matches your brand. When you  create a website , the typeface you choose sets the stage for your visitors and gives them a feel for your unique style. The Wix Editor already provides a plethora of free customization options, including ninety six outstanding fonts, images and video backgrounds. You can also upload your own  best website fonts  to the Wix Editor easily. With the ability to add any font you want—in any language—the possibilities are endless. Here’s how to add your personal fonts when you are learning how to make a Wix website , as well as some tips and best practices from our design pros. How to upload your own fonts to the Wix Editor See a font you want for your blog, business or portfolio? Follow these easy steps to upload and implement your favorite fonts onto your site.  If you have a few websites that will look great with your new typography , your fonts are now accessible from all sites in your account.  To upload your own fonts: Using the Editor, add a text element to your site. Select the text element and click Click Edit Text .  Click the Fonts  drop-down.  Click Upload Fonts  to upload your own.  Click Done  once the font has uploaded. Tip : Uploading fonts larger than 4 MB can affect your site's performance and speed. We recommend using system fonts available from Wix, as they're optimized for your site.  To use your own uploaded fonts: Click a text element in the Editor. Click Edit Text . Click the Fonts  drop-down. Select the font you uploaded under My Fonts . With all the options of beautiful fonts at your fingertips, it can be hard to decide which font you want to use. The key is not to get overwhelmed and follow this guide when picking fonts that work best for you. How to choose a font family that fits the tone of your site It’s important to keep your audience in mind. Your business and brand have a personality that you should convey in your font types and colors choices. This will help you decide whether to choose serif, sans serif or script. For example, it’s a good idea to use serif for a lengthy text, while sans serifs are suggested for captions, headings and charts. Be inspired: Typography trends There are three main font families you should be familiar with: Serif, Sans Serif and Script. Serif fonts are characterized by small decorative strokes at the ends of the letters, similar to Times New Roman or Baskerville. This gives them a classic and elegant appearance, making them well-suited for print media such as newspapers, books and magazines. However, they’re less readable on screens, so they’re not as commonly used for websites.  Sans serifs , on the other hand, are fonts that don’t have the same decorative trimmings at the edges. They’re classified as a modern and cleaner typeface, like Arial and Verdana, and are considered to be preferable for reading online. This is why sans serif fonts are the standard for digital and web design. Script fonts are another more decorative typeface, often used for their ornate and flowing appearance. However, they can be difficult to read for long stretches of text or in call to action statements. As a result, they’re best used for short phrases or titles.   The golden rule: three’s a crowd  The judicious use of fonts is essential for creating a visually appealing and readable design. As a general rule, it’s best to limit yourself to two fonts in a design. This allows you to create a sense of hierarchy and focus, and helps ensure that your message is communicated effectively. If you’re feeling ambitious, you can use three fonts, but be sure to choose them carefully and use them sparingly. How to make your fonts serve your UX UX (user experience) is where design meets function. Essentially, it’s the concept that while websites should be beautiful, they should also be user-friendly and easy to navigate. Pro tip:  When choosing fonts for your brand, it’s important to consider both the needs of your brand and the readability of the text. To ensure that your fonts are used effectively, you should: Choose fonts that are appropriate for your brand's personality and values.  For example, a classic serif font might be appropriate for a traditional brand, while a modern sans serif font might be more suitable for a contemporary brand. Consider the readability of the text.  Avoid using fonts that are too small or too ornate, as these can be difficult to read. Use different fonts for different purposes.  For example, you might use a larger font for headers and a smaller font for body text. Experiment with the placement and composition of the fonts.  This can help to create a sense of hierarchy and emphasis in your design. Ultimately, the goal is to pick fonts that are both visually appealing and readable. By following these tips, you can create a design that is both stylish and effective. To mix or not to mix? If you’re feeling limited by only using two different fonts in your font pairings , play around with the contrast between bold and thin, italics or uppercase and lowercase. Spacing is also a great trick to use when wanting to accent certain words. Experiment with mixing all the options of serif and sans serif, bold and thin. Put some thought into your combos and see what works best for you. Make sure your fonts flatter each other rather than detract from one another. If you’re a bit overwhelmed, here's how to choose the  best fonts for websites . The three  website templates  below are great examples of how to mix typefaces for the web. They represent different approaches to what typography is and how to use it. Which one do you like best? Examples of fonts on Wix websites This pilates studio website template is a great example of using a slab serif font to accent certain elements of your site, while sticking to simple sans serif for the paragraph texts: On the other hand, this branding portfolio website template uses only sans serif with different weights and styles to differentiate text elements and achieve a sense of hierarchy: This interior design company website template , a single font is used across all content elements in order to strengthen the brand identity and avoid taking attention away from the project visuals.

  • The RSS feed: An oldie, but goldie

    The 21st century can be described as a period of information overload. That’s why we’ve got to be smarter about our content, whether we’re engaging in the public sphere or creating a website . Having an RSS feed for your website can help you bring valuable content that matters to your audience in a structural and digestible way. If you’re interested in learning more about this classic aggregator of online content that periodically gets a reboot, keep reading our article below for a deep dive into RSS. Read Also: How to make a business website and how to make a Wix website What is RSS? RSS , which stands for Really Simple Syndication or Rich Site Summary (depending on who you ask), is a web feed that is used to keep up with relevant topics and stay on top of new content from websites. Sometimes referred to as an RSS feed, they appear in the form of an XML document or can sometimes be displayed as an HTML list in an RSS reader. Each RSS feed is specifically formatted to provide machine-readable information on the publisher and each piece of content, presented in date order. As soon as new content is published on a site or folder connected to the feed, the items are updated simultaneously for all subscribers. This means that the first top results on any RSS reader will always reflect the latest content of a website making RSS an accurate tool for discovering new content. For example, an RSS feed on your blog could help you automatically publish your content on any one of your social media channels. You hit publish on your blog, and the RSS feed can be configured to make sure the content is then automatically published on the connected social media platform. You could also repeat this process with testimonials on your site , or any other form of content. RSS is based on the concept of web syndication , which is when online content from one site is made available on another site. Content syndication is a marketing strategy that is often used by news sites, blogs, industry publications, podcasts and other trusted content sources. What happened to RSS feeds? Once the darling of the world wide web, RSS has evolved to become a more practical tool for marketers and developers and are less frequently used for general content curation.Today RSS is most commonly used by podcasters, vloggers, journalists and computer programmers in order to distribute and manage content. As well as a traditional RSS, sites that showcase feeds of multi-media like YouTube and DeviantArt also support Media RSS. Are RSS feeds still relevant in 2023? Yes. Since RSS feeds distribute content in real-time and segment content into bitesize machine-readable attributes, they are a valuable tool for those wishing to: Distribute breaking news Help search engines, such as Google, discover new content Organize serialized video and podcast content Google recommends the use of RSS for News Publishers and will accept RSS as a valid sitemap in Google Search Console . Finding the RSS feed URL of a website Since the popularity of RSS feeds has dwindled over time, it’s likely that the younger readers of this post are rediscovering RSS feeds as they make their website. For this reason, I’ve prepared a quick lesson on how to locate a site’s RSS feed in case you need to: Wix If a blog is hosted on Wix, simply add /blog-feed.xml to the end of the URL. For example, you can see our blog’s RSS feed at: https://www.wix.com/blog/blog-feed.xml . This feed is particularly valuable for SEO because it includes the full HTML output for each blog post, which helps to improve indexing in search engines. Medium If a site is published on Medium, type /feed/ before the publication’s name. Go from this: https://medium.com/wix-engineering to this: https://medium.com/feed/wix-engineering . Medium is an example of a site that includes multiple RSS feeds for every publisher. So as well as including attributes for the channel and the articles, they also have a few lines referencing the webmaster, who manages the site overall, and the central feed for all of their content. This has an SEO benefit because it gives search engines opportunities to discover your content on both the main feed and on the channel feed. YouTube channel Every YouTube channel has a unique Media RSS feed which includes information about the channel, each individual video, and even the number of views. To find your YouTube Channel RSS you can search the source code by: Going to the Channel homepage Right clicking view source or update address in navigation bar to include view-source: before the full url of your channel Press CTRL+F and search for “rssurl” Copy and paste this feed into the browser to see the full feed. Podcasts Putting your RSS to work is essential to growing the organic reach of your podcast and helping your followers to stay up to date with your latest recording. To find podcast RSS for a podcast you would like to follow, visit the homepage of the podcast and look for the RSS icon. If you have started a podcast and would like to find the RSS feed, visit your podcast hosting provider to get the address, manage the settings and use the feed for podcast marketing. Other websites You can also uncover the RSS feed of any website by using a Chrome Extension like Get RSS Feed URL or checking the source code of the homepage and/or blog feed page. Let’s take a look at how to find the RSS feed of our blog. Right click an empty area of the homepage (see image). Select “View Page Source,” or any similar wording that may appear, according to the type of web browser. Search “RSS” via Control/command + F on the page. Look out for an RSS URL. This web address is what you’ll need to plug into the RSS feed reader. It is important to note while all Wix sites include an RSS feed, other websites may not. And while an RSS may be discoverable on the home page and the main blog feed page, the RSS may not be visible from other pages on the site. How to use an RSS feed Follow content creators If you’re a user looking to get content from RSS feeds, the first step is to download an RSS reader, like Feedly or Feeder . Then you can add various RSS feeds to the reader, thus organizing everything in one place. You’ll also receive automated notifications on updated content from each site. Similarly, you can use RSS feeds to send content directly to Slack channels using their dedicated app. Distribute content If you’re a website owner who produces content of your own, you can take advantage of RSS by using it to help your content distribution strategy. Social media posts If you’re sharing your content on social media, you can use RSS to put your social media posting on autopilot. Using a tool like Dlvrt.it, you can pull new content directly from your site’s RSS feed and onto your social feed. Email marketing With an RSS feed on your blog, you can also distribute content via automated email newsletters. For example, an RSS email campaign that pulls new content from your feed and automatically sends it off to your subscribers. Integrate Mailchimp with your Wix blog so that you can create an RSS campaign based on the schedule you choose. Manage your content Content managers will be pleased to know that there are a number of tools which utilize RSS to make it easier to organize and optimize your content. There is a dedicated Google Sheets formula for scrapping RSS feeds which makes it easy to pull out the latest content of your site for analysis or review. Zapier’s RSS tool allows you to connect your RSS to project management tools like Monday.com. So whether you are following RSS to follow the content of others, or harnessing your RSS to distribute your own content, they are still one of the best ways to filter out the noise - so to speak - and take control of the topics you want to read (or be read) amid a sea of content. Connect your RSS feed For those who created a blog on Wix, you can make your followers even happier by gently nudging them to where your site’s feed is located by adding an RSS icon to your blog . With that URL, they’ll be able to subscribe to your feed via an RSS reader app. Read also: How to start a business

  • How to write an about us page for a business

    Writing your About Us page can feel a bit awkward, like talking yourself up on a first date. But here's the thing: people don’t just buy products or services. They connect with people, stories and values. And when you’re building a website—whether through a website builder  or with custom web design—this page is one of your most powerful tools for making a connection. Too many brands overlook the About Us page or throw in generic fluff. Don’t make that mistake. A well-crafted About Us builds trust, shows what you’re all about and gives visitors the confidence to stick around and take action. Let’s explore how to write one that’s clear, engaging and actually does its job. Why your About page matters Your About page is one of the most strategic parts of your website—it builds connection, credibility and trust in just a few scrolls. If you’re building a site or working with a designer, don’t treat your About page as an afterthought. It’s one of the best ways to turn curious visitors into loyal customers. Visitors land on your About page when they’re almost ready to take action—making a purchase, booking a service or connecting with your brand. What they see can either win them over or send them searching somewhere else. A great About page tells people who you are, why you do what you do and how you can help them. It answers the questions your audience didn’t even know they had, like “Is this brand for me?” or “Can I trust them?” See how others do it : inspiring About us page examples What to include on an About page Highlight what makes you unique, how you solve problems and the people behind your brand. Use clear, honest content that connects with your audience. Think of it as a mix of storytelling and strategy—designed to inform and inspire action. Key ingredients for a great About page Who you are : Share your story—why you started, the problem you spotted and the experiences that shaped your mission. Keep it real, relatable and human. What you do and why it matters : Be clear about what you offer and how it helps. What problem do you solve? How do you make life easier, better or more meaningful for your customers? Who you serve : Speak directly to your ideal audience. Use simple, approachable language that makes them feel understood. This builds trust and helps connect with the right people. Your mission and values : Share what drives you but keep it grounded. Instead of vague statements like “we value honesty,” show how it works in action: “We’re upfront about pricing and communicate clearly every step of the way.” The people behind the business : Add friendly photos and a short intro about yourself or your team. It reminds visitors they’re working with real people, not just a faceless brand. Milestones and credibility : Talk about how long you’ve been around, who you’ve worked with or awards you’ve earned. Use logos, stats or a timeline to show your experience without overdoing it. What it’s like to work with you : Break down your process into a few easy-to-follow steps. Show how simple it is to go from “just looking” to becoming a happy customer. Call to action : Don’t leave visitors guessing what to do next. Add something simple like “Book a free call,” “Explore our services” or “Follow us for updates.” Keep the conversation going.nnect the ‘About Us’ page to other pages on your site and your social channels. How to write an about us page : Step-by-step Not sure how to pull it all together? This simple guide will walk you through writing each section with intention. From your opening line to your final call to action, here's how to make your About page something people will actually want to read. Start with a hook Tell a story  Show who you are now Write in your brand's voice Throw photos and videos in the mix Include proof Double-check for spelling and grammar mistakes Wrap it up with an action SEO for your About page Link to your social channels 01. Start with a hook Your opening line needs to grab attention and instantly share what you're about. It could be your mission, a bold statement or a belief that fuels your work. Keep it short—just one or two sentences that spark curiosity without overwhelming. Think of it as your headline. If this is all someone reads, will they understand your brand? It sets the vibe for everything that follows so make it clear, genuine and a little intriguing. 02. Tell a story  Every story starts somewhere. Visitors to your site want to know how your business came to life—when it all began, where it happened and what inspired it. Skip the dry bureaucracy and focus on what connects with people. If you're not sure where to start, use an AI website builder to generate a first draft of your About page. Then, tweak it to make it truly yours: add real moments, personality and details that reflect your journey. Got a funny or heartwarming story that fits your brand? Share it! If your great-great-grandfather started a family business in 1904, that’s a detail worth telling. Just don’t overdo it. Think of anecdotes like seasoning—used in the right amount, they add flavor. Too much and you lose the point. Make sure to highlight what stands out about your background. If you’ve been in the game for years, let that experience shine. If you're just starting out, lean into your fresh innovative approach. Learn more : How to write a bio What is web design? How to make a Wix website 03. Show who you are now Sharing your business story is great but don’t stop at the beginning. People want to know what you’re up to now. Use your About page to highlight how far you’ve come and what you offer today.Keep it real and focused. Talk about your strengths without exaggerating or oversharing. Skip name-dropping past clients unless it truly adds value. Instead of bold claims, focus on the real benefits and results you bring. Add a quick summary of your current services or products even if they’re listed elsewhere. It makes it easier for visitors to understand what you do and why it matters. Learn more: How to write an about me page for a photographer 04. Write in your brand's voice Your content has its own unique style—a tone that people recognize and connect with. You can see it in the words on your site, the website design and even the way you communicate on social media. It’s what makes your brand feel like you. Think carefully about the tone you want to use. If you run a financial consulting business, a casual chatty style might not feel right. But if you’re describing your colorful new food truck, don’t make it sound like a legal contract. Get inspired by Wix website examples   05. Throw photos and videos in the mix Visual content brings your company to life and shows the real people behind your business. It helps close the gap between your team and your visitors in a way that words simply can’t. Skip the boring stock photos that scream “fake” and use authentic images from your workplace instead. Not great with a camera? No problem. Ask a friend or colleague for help. Your photos don’t need to win awards—they just need to feel real. For a polished look, try using these free photo editors online  to tweak and filter your shots. Keep it simple, keep it honest and let your visuals tell your story. 06. Include proof After sharing your story, back it up with proof. Highlight awards, glowing testimonials, happy clients or media mentions. These build trust and show visitors you know your stuff. Keep it simple with short blurbs or quick stats instead of long paragraphs. Even a few strong examples can make a big impact on how credible and reliable you come across. Examples of proof to include: Client testimonials : “We’ve doubled our sales since working with [Your Company].” Awards and certifications : 2024 Small Business of the Year, Google Certified Partner Press features : Featured in Forbes, Wired or your local news outlet Milestones : 10,000+ happy customers, 5 years in business, 50+ team members Partner logos : Highlight recognizable brands you’ve worked with Social proof : Ratings from Google, Trustpilot or other review platforms Results-driven outcomes : “Helped over 300 startups grow their reach” Visual trust signals : Screenshots, badges, awards or security seals 07. Double-check for spelling and grammar mistakes We get it—after spending days perfecting your "About Us" page, it’s tempting to hit publish and binge-watch your favorite show. But taking a few extra minutes to review your work is worth it. Those small errors can distract readers and take away from your message. Set aside 15 minutes to proofread, it could pay off big time. And don’t forget to use a tool like Grammarly or another spell checker to catch anything you might miss. 08. Wrap it up with an action Now that your reader knows and likes you (hopefully), give them their next step. Make it clear—explore your services, check out a case study or fill out a contact form. This isn’t about pushing a sale. It’s about creating momentum. Your About page has built a connection, so make it easy for them to keep going. 09. SEO for your About page Clear and helpful content on this page makes it easier for people to find you when they search. It also helps search engines and AI tools understand what your business does. AI tools that answer questions or recommend businesses often rely on About pages to learn who you are and what you offer. Start by naturally adding keywords related to your business, industry or location. For example, a graphic designer might include phrases like “logo design,” “branding for small businesses,” or “graphic designer in Austin.” Use a headline with an  or  tag that clearly explains what you do. Don’t forget a custom meta description that quickly sums up who you are and what you offer. Link to your services or contact us page and keep your URL simple, like /about or /about-us. 10. Link to your social channels Your About page is the perfect place to connect with visitors on a deeper level. Adding links to your social media channels makes it easy for people to follow, interact and stay connected with you long after they leave your site. Keep it simple—add clickable icons or a quick note like “Follow us for updates” at the bottom of the page. Let them know what to expect like behind-the-scenes moments, tips, client stories or real-time updates that keep them engaged. If you're looking for a solid About Us page example, take a look at ours . Make your About page work harder Many About pages miss the mark not because they’re badly written—but because they play it too safe. They often skim the surface, repeat what’s already on the homepage or try too hard to sound professional instead of meaningful. These tips are meant to push your About page beyond the basics—toward something that actually converts. Address objections : Your About page is the perfect spot to address any doubts your audience might have. New to the game? Share your skills and experience. In a crowded market let people know what makes you different. Highlight evolution : Everyone tells their “how we started” story—but don’t stop there. Show how you’ve adapted, grown or shifted focus. Define your space in the industry : Your About page can double as a positioning statement. Are you the affordable option? The boutique expert? The innovator? Make that identity clear without jargon. Use words your customers use : Use terms, problems and even jokes that resonate with your audience. This shows you get them—and builds connection faster than generic “passion for excellence” talk. Mention your process : Explain how you work. A peek into your methods (creative process, onboarding, values in action) sets expectations and signals professionalism. Make clear who you’re not for : Be bold. Clarifying who isn’t a good fit saves everyone time and creates stronger alignment with the right customers. Include micro-conversions : Don’t just end the page with a “Contact us.” Include subtle CTAs like newsletter sign-ups, lead magnets, product quizzes or links to popular blog posts. Share the humans behind the work : If you include a team section, add candid photos, mini bios with quirks or values or even “day in the life” blurbs. Use metrics with meaning : Instead of “10 years in business,” share outcomes: “Helped 250+ clients build 7-figure brands” or “95% of customers return within 3 months.” Make your values specific : Everyone claims “integrity” and “quality.” Instead, explain how you act on values: “We respond to every client email within 24 hours. Every time.” Break the fourth wall : Write like a person. You can say things like “Still reading? Awesome—here’s the part where we talk results.” It makes the page feel personal and fresh. How to write an about us page FAQ How to write an introduction about us? Begin with a strong, attention-grabbing statement that highlights your mission or what drives you. Then, share a quick, clear explanation of what you do and who you help to keep readers engaged and informed. How do I write a personal about me page? Share your story in a way that feels natural and engaging. Talk about what you do, why it matters and how it helps others. Add a touch of personality by including personal experiences that highlight your values or unique approach. Keep it real, relatable and easy to connect with. How to design an about us page? Keep your layout simple and easy to read with clear headings, short paragraphs and visuals like team photos or behind-the-scenes moments. Focus on creating a smooth flow that takes visitors through your story, builds trust with proof and leads them to the next step. What are the key components of a great about us page? A strong hook, your story or mission, team or founder info, social proof (like testimonials or press) and a call to action. Visual elements and clear writing tie it all together. How many words should an about us page be? Keep your business description between 150-400 words, depending on how complex your services are. Make it long enough to share your story and build trust, but short enough to keep readers engaged. How do I begin my introduction? Begin with a sentence that shares who you are or what you stand for. Use a tone that reflects your brand—bold, warm or professional—to create an instant connection.

  • Why page speed is the key to your website's speed optimization (and how to improve it)

    If there’s one place first impressions are absolutely critical, it’s your website—and we’re not just talking about design and content. On top of that, speed optimization is one of the most important determinants to its success. A slow-loading website can damage your reputation and cause you to lose out on traffic and conversions, ultimately costing you money. Conversely, a high performing website will have a domino positive effect on your business’s success. It will attract more visitors, in turn increasing sales, leads and bringing in more customers. One of the crucial steps in learning how to make a website is ensuring you have a fast loading site using a robust website builder , which provides optimized technology from the get-go. However, your job isn’t over after this, it’s in your hands to make sure the content on your site doesn’t get in the way of its performance. There are many factors to consider, but you’ve come to the right place. This article will provide you with everything you need to know about website speed optimization and how to improve your site’s page speed. What is page speed Page speed refers to how fast content on your webpage takes to load. There are many ways to measure this (for example, from first contentful paint, to speed index, to large contentful paint)—but one of the most meaningful ways to define page speed is by time to interactive.* Time to interactive is how long it takes a page to load to the point where a user can interact with it. This might mean clicking on a CTA , choosing to play a video, or any number of actions a user can take on a given page. Your next question is probably, “what is considered good website speed?” While the answer to that is industry specific, it’s highly recommended that, on average, your pages load in under three seconds . It’s also important to remember that page speed times can vary across different pages of the same site, as well as across mobile and desktop. *Since Lighthouse 10, the time to interactive metric has been removed as a page load metric. It was removed because LCP, Speed Index and Total Blocking Time are considered to be better indicators of the user experience. Why page speed matters There are four main reasons why page speed matters when it comes to website speed optimization and you're site's infrastructure : Usability It may seem obvious, but the faster your pages load, the sooner a website becomes interactive. We’re referring to loading items such as the website menu, visual content, buttons and more— which help visitors take action on your site. Allowing these features to be visible and usable faster by optimizing for page speed will create happier, returning visitors. It’s as simple as that. User experience Users are more likely to engage with your website when they can move through processes quicker. For example, if you have an online store and each step of the checkout process takes more than a couple of seconds to load, it’s understandable when potential buyers abandon the process altogether. The same goes for any action a user tries to take, such as filling out forms or jumping between pages. Website speed issues that limit user engagement will have a knock-on effect on conversion rates, and the number of visitors who will return to your site. Conversions One specific goal most site owners have in common is conversions. Studies show that even an 0.1 second improvement in your website speed can have a positive impact on your conversion rate, funnel progression and customer engagement. If visitors can’t utilize your features fast enough, they’ll move on to the next one. Search engines Google takes into account website speed, and user experience, when ranking sites (known as SEO, Search Engine Optimization). Therefore, if you want yours to appear higher in specific keyword search results, you’ll have a better chance for every millisecond faster your pages are visible to the eye. How to measure page speed There are a number of ways to measure page speed on your website. One of the most reliable and popular methods is using Google PageSpeed Insights , where you can simply submit your site url and wait for Google to deliver a report on your site's performance. The report contains a number of metrics, or Core Web Vitals , which Google includes as another potential ranking factor when determining how high to rank a page in its search results.* A good (green) score may benefit your sites overall rankings, and individual page rankings in search. A low or warning (red) score may impact negatively on your site’s overall and individual page rankings. * In April 2023, Google clarified that page experience, page speed, mobile-friendliness and site security are ranking "signals"—not to be confused with ranking "systems." The statement came after Google updated its help documentation, removing page experience as a system. While the above signals are still important, John Mueller notes that the changes were because "We've seen people hyper-focus on these numbers, that's not a good use of time & energy." Google PageSpeed Insights will rate your site’s overall speed performance using a score out of 100. A score between 90-100 is considered optimal, while anything lower than a score of 59 is considered a warning, and should push you to prioritize your website speed optimization. Creating a site with Wix? Even Google agrees, we put performance first. “Wix always makes performance their priority and it definitely shows, both in monitoring tools and in their user's experience,” says Yoav Weiss, Senior Software Engineer and Developer Advocate at Google. With a Wix site, page speed insights and current loading speeds can be found in the Site Speed dashboard within Wix Analytics . This data is pulled from your site users and Google PageSpeed Insights, giving you an easily accessible way to measure page speed. Learn more about Wix Performance here . Using different performance testing tools to measure page speed will invariably lead to different scores. Each platform gathers their analytics and data in different ways, and this can impact your page speed score at any given time. What is most important, however, are the steps you can take to improve your score, which we will address below. How to improve page speed (and your user experience) Generally speaking, if you choose the right website builder, many of the steps necessary to improve page speed and website performance will be built-in. All you will need to do is focus on measuring your page speed from time to time, while understanding the impact of your design and content on the performance of your website. Below, you’ll learn how you can boost a website's performance and page speed to make sure that both your customers and Google are satisfied. We have also included some handy tips that you can use to give your website speed optimization the very best chance. Here are the foundations of how website speed optimization happens: 1. Optimizing media 2. Simplifying code 3. Employing a CDN 4. Utilizing lazy load 5. Avoiding plugins 6. Mobile first 7. Deploying caching 8. Optimizing content 01. Optimizing media Large images can be a huge block to improving page speed. Image quality is important—but it has to be balanced with performance. To do this, there are a number of ways you can compress images . By far the best option is to opt for a website builder, like Wix , which automatically optimizes media on its servers by resizing, cropping and transforming it. This optimization delivers the best quality, across a range of devices. When learning how to make a Wix website , changing your approach to saving images can have a positive impact on your site’s page load speed. Some best practices you can deploy on your site include: saving images as JPG instead of PNG (JPG files are smaller and consequently load faster), using SVG files when possible (which are even smaller and work well for shapes or logos), and finally, placing larger images further down the page so they have time to load while users focus on your above the fold content. Nothing makes a page pop more than animated GIFs—we get it, we love them too—but there is also nothing that slows a page down more. Therefore think very carefully before using them, and if you must, place them lower down on your page. Limiting the number of frames your animation has and keeping the dimension size small can also stop design features impacting on your page speed scores. Another great website speed optimization tip (if you really can’t live without some form of animation on your site) is to opt for video, since it uses smaller file sizes than animations. Sometimes simple is better, and experts agree. One of the easiest ways to improve your website performance is to reduce your site’s complexity.” reveals Dan Shappir, Performance Tech Lead at Wix.com . This starts with your design and content—specifically your images—and extends into the setup and functionality of your website. 02. Simplifying code Complex code, or code that has not been formatted properly, can slow down page speed. Using simplified code makes it easier for Google to crawl your site, which also makes it easier for pages to load fast (anything that makes Google’s life easier is a win for your website). Choose a website builder that utilizes simplified code on all of its pages so you won’t need to worry about checking it or cleaning it up, and can rest assured your pages are optimized for performance. 03. Employing a CDN A CDN (content distribution network) refers to servers and data centers placed in different geographical locations, which then deliver content to websites in their region. This speeds up content delivery times and consequently reduces load times. Wix’s network of global CDNs means your site's pages are optimized for performance, regardless of where in the world your site is located. 04. Utilizing lazy load Lazy load means delaying the loading of website content or media which is outside of the user's initial view. This happens automatically with many website builders, which often deploy lazy loading on all of their page. You can also do your part by placing larger or higher resolution elements lower down your page, giving them time to load before users scroll down. Think carefully about what loads first on any given page of your website. Prioritize above-the-fold content, as this is what users see when they first hit your site. You should aim to keep it simple, but impactful, and use it as a way to hold onto visitors while the rest of the page is loading. 05. Avoiding plugins Adding third party analytics, tracking codes and plugins to your site can really put a real damper on page speed. This makes it important to choose a website builder which has all of this built in. This way you avoid that delicate—often complex—dance between gathering as much user behavior data as possible, while still optimizing for speed. Still need more data on your users and site performance? We recommend prioritizing the use of plugins and tracking codes that focus on analyzing how users interact with your site, as they will give you more meaningful feedback on its functionality. It is also possible to assess your site’s page speed and performance, both with and without added tracking plugins and pixels, to fully understand if they are hampering page speed. 06. Mobile first Making sure users and search engines have the best possible mobile experience is crucial to optimizing your website's performance, and it should be an integral part of your website launch checklist . We know Google crawls for mobile first, and that users are increasingly browsing on mobile devices. So when it comes to page speed optimization, your mobile website should be a priority. 07. Deploying caching Automatic caching means that part of your site's content is saved as initially seen by a user, and displayed exactly the same way when they visit again. This is an important aspect to consider for improving page speed, and user experience, because it reduces load time by delivering saved content for repeat users to a site. Wix deploys automatic caching to all of its pages, allowing you to focus on launching your new website like a pro without thinking about the specifics of how it is optimized for page speed. 08. Optimizing content Content optimization can mean many things. Here, we refer to it in the context of how you display content on your page in a way that the page speed is not affected. A great example of content optimization in the name of improving website speed is Wix’s built-in video player . This allows you to display videos on your pages without relying on an external source, such as embedding a YouTube video, which can have a real and detrimental impact on your page speed. Built-in features like these make designing a performance driven site easier. Also be conscious of the number of fonts on your website, and their sizing. The more typefaces you use, and the more variety of color and size you have, the slower your page will load. Opt for a few options that will make an impact, and stick with them. This is something to be aware of, whether you are building a website from scratch , or simply optimizing a current one to improve its page speed. Website speed optimization FAQ How do I optimize my website speed? There are a number of things you can do, depending on how your site is built and what website builder it's built on. General website speed optimization tips include compressing images, using a CDN, minimizing code, reducing HTTP requests, using browser caching and fast, reliable hosting. If you use a website builder like Wix for your site, many of these optimization efforts are in-built. Wix uses CDNs, it automatically compresses images, it's a low code solution and it deploys browser caching. Why is website speed optimization important? Website speed optimization is important to ensure your website loads fast for users. It improves the user experience, making them more likely to convert on your site and to return to it. Improved website speed also improves the mobile performance of your site. In a competitive online landscape, a faster website can make all the difference in how users perceive your brand and offerings. How does page speed affect SEO? In 2018 Google announced that page speed could be considered a ranking factor. However in 2023 this has changed - and it is just part of a wider ranking signal known as page experience. Your page speed can affect the health of your site, and this can also impact on your SEO efforts.

  • How to use Pinterest for blogging and multiply your blog traffic

    Ready to share your ideas with the world? Start your blog → You’ve probably heard the rumors: Pinterest is a gamechanger for bloggers. From personal experience, we can testify that the rumors are true. When you start a new blog , you don’t want to ignore Pinterest. Just like Google, Pinterest in and of itself is a search engine—garnering as many as 465 million users a month. Nearly half of all U.S. Pinners (45%) have an income exceeding $100,000, and 80% of weekly Pinners have discovered a new brand or product on the platform. So, whether you run an eCommerce blog, personal blog and any other type of blog , you’ll want to use Pinterest to promote your content and help you make money with blogging . Here are step-by-step instructions on how to achieve this, as well as learnings from our own experience. Starting a blog should feel exciting, not overwhelming, right? With the Wix Blog Maker, you get everything you need to create, design and grow your blog from scratch–without needing a tech degree. Use Wix’s intuitive tools to share your ideas with the world.  But first, get familiar with Pinterest lingo Before we dive into the world of Pinterest, you’ll want to get familiar with these terms. Word Definition Pin An image, video or any other piece of content that you post or save on Pinterest Board A collection of pins; you can freely create and organize your boards, plus keep them public, private or shared among a group Repin When you save someone else's pin to one of your own board Like An action that shows you appreciate a pin without repinning it; any ‘liked’ Pins are saved under "Your Likes" Pinner A Pinterest user Follower A user who subscribes to your boards and pins, and sees your content in their feed Rich Pins A type of pin that includes additional information, like recipe ingredients, product prices or map locations Promoted Pins Paid pins that businesses can promote to a larger audience on Pinterest Buyable Pins Pins that have a "Buy It" button, allowing users to make purchases directly from the pin without leaving Pinterest Idea Pins Multi-page Pins that can include images, videos and text; this format lends itself well to blogging directly on Pinterest (versus linking to a blog post on your website) Feed The home screen where you see a stream of pins from users and boards you follow Home feed The default view when you log into Pinterest, showing a mix of pins from accounts and boards you follow How to use Pinterest for blogging Set up a Pinterest Business Account Optimize your Pinterest business profile Create boards that are aligned with your blog Create Pins from your blog posts Optimize your Pins Take advantage of Pinterest business features Proactively drive traffic to your Pins Measure performance and optimize 01. Set up a Pinterest Business Account Before you can promote your blog on Pinterest, you’ll need to create a Pinterest Business Account. A business account allows you to access features that support blogging for business —such as the Pinterest Business Hub and Pinterest Analytics , where you can keep track of Pin performance and audience interactions. A business account also gives you access to Pinterest ads and rich Pins, including article rich Pins that allow you to sync information from your blog to Pinterest. Create a new business account for free, or convert your personal account into a business one. Note: you can always convert a business account back into a personal account, or link up to four business accounts to your personal one. 02. Optimize your Pinterest business profile As a first step, make sure that your business profile is detailed and on-brand. By enriching your Pinterest business profile with the right details, you not only help Pinterest users find you, but help users on Google, too (Pinterest gets about 40% of its traffic from Google’s organic search results, so optimizing for one means you’re optimizing for both). Include relevant keywords in your bio, while clearly communicating the purpose of your brand and content. Use your logo—or other relevant, professional and recognizable image—as your profile picture to represent your brand. 03. Create boards that are aligned with your blog Just like building a website from scratch , creating your Pinterest boards from scratch offers a lot of flexibility and creative freedom. A good place to start is by creating a board that’s named after your blog. For example, on Wix’s Pinterest , you’ll find a board titled “Wix Blog,” making it easy for Pinners to discover our articles, whether they’re searching Pinterest or googling “Wix Blog pinterest.” In addition to this, you’ll want to consider creating other boards that align with your blog categories or audience interests. Think of each board as a new entry point to your content. Just like how site visitors may use your main menu to navigate through your website, Pinners may use your boards to find content that’s most relevant to them. The Wix Pinterest account contains boards categorized by website- or small business-related topics (e.g., Photography, Website Templates, SEO Learning Hub). Each of these are targeted to readers with different interests and goals, while remaining true to Wix’s core audience. They’re also aptly named to include keywords that users might be entering into Pinterest or Google. Read also: how to make a Wix website 04. Create Pins from your blog posts There are two main ways to create pins from your blogs: Upload images or videos from the mobile Pinterest app or site Use an RSS feed The former arguably gives you the most control, alongside the option to create multiple pins from one post. Let’s say that you post a blog on how to train a puppy. Some readers may be specifically interested in learning to crate train their puppies, while others may be interested in potty training. From this one post, you could create multiple headlines catered to these two types of readers: Headline 1: Potty training tips for new dog owners Headline 2: How to crate train your puppy in 7 days In addition to having multiple headlines to test, you can pull from multiple images within your blog or spin up new images using the text-to-image creator in Wix . So, your puppy training post could end up having two headline variations and five different image options—yielding as many as 10 unique Pins. As you test out different combinations, make sure to do so methodically. Note which images and headlines trigger the most engagement. Most importantly, make sure that any headline or image variations remain relevant to your article; the last thing you want is for someone to click on your Pin, only to be disappointed by the blog post they land on because it’s not what they expected to see. Pro tip: As you think about which blogs to share on Pinterest, consider prioritizing the blogs that you already know work well. Use your Top Blog Posts report in Wix to identify your most viewed or liked posts. Check that these articles are optimized for conversion (i.e., include relevant CTAs and subscription forms), then see how Pinterest can increase blog traffic and/or sales. 05. Optimize your Pins As with any distribution channel or search engine, there are several factors that impact the performance of your Pins. Your Pins may appear in multiple places: users’ home feeds, Pinterest search, “Related Pins” sections and Shopping features. Pinterest itself states that a “winning” organic Pin is: Inspiring and visually compelling: Keep in mind that most people enter Pinterest on their mobile devices. Worth sharing: The more that your posts are saved or followed, the higher your chance of getting seen on Pinterest. Well-written: Make sure that your Pins always have a strong and relevant description, title, thumbnail and link. Incorporate the best blog titles that compel people to click. Timely and fresh: Pinterest recommends publishing content on a weekly basis, and to offer something unique in your Pins. “Posting consistently is key,” notes Rebecca Tomasis, SEO expert at Wix. “Pay attention to your visuals—especially your cover image—and headline. From what we’ve seen, these have had the most impact on click-through-rates on Pinterest.” Keep an eye on Pinterest Trends , a free tool that shows top keyword trends for a specified time frame and region. Back this research up with the Pinterest search bar, i.e., type in a keyword to see a list of frequently searched phrases. Take these keywords into account when writing your Pin title and Pin description, as well as your alternative text . "If you're already optimizing your blogs for SEO, make sure that your efforts are reflected on Pinterest," says Tomasis. "You don't need to reinvent the wheel each time—rather, the same logic you apply to optimizing blogs on your site can be applied to your posts on Pinterest. For example, even if you adjust a headline for Pinterest, that headline should feature your primary keyword." "You don't need to reinvent the wheel each time—rather, the same logic you apply to optimizing blogs on your site can be applied to your posts on Pinterest." Additionally, spend some time browsing Pins in categories you want to target and taking note of popular Pins. You may find that certain audience segments favor certain types of content over others. 06. Take advantage of Pinterest business features As noted earlier, a Pinterest business account lets you access special Pin formats, as well as advertising tools. Rich Pins are intended to support different type of websites . They include: Product rich Pins: Lets you include pricing, product information and availability right on your Pin. Recipe rich Pins: Lets you add title, serving size, cook times, ratings, diet preferences and ingredient lists to your Pin. Article rich Pins: Lets you add headlines, descriptions and author names to your Pins. Rich Pins automatically sync information from your site and can be a good way to streamline content creation, while providing more informative Pins. (However, it’s worth noting that with a business account, you can always schedule pins up to 30 days in advance from iOS and Android, or up to 14 days in advance from the desktop interface. Pinterest lets business users schedule up to 100 pins in advance.) Furthermore, Pinterest offers several different ad types that can complement your organic strategy. You can refine targeting by different criteria (e.g., keywords, interests, location, etc.) and/or retarget former website visitors or people who've engaged with your Pins in the past. 07. Proactively drive traffic to your Pins If you play your cards right, Pinterest can become a consistent traffic generator for your blog. That said, building the momentum can take time—especially if you’re brand new to Pinterest. Your best bet at gaining traffic is to take the initiative and drive traffic yourself. To that end, make sure to: Engage with followers and fellow Pinners: As with any social media platform, engagement is a two-way street. If you want other Pinners to follow and repin your content, you should expect to do the same and build more authentic relationships. Tap your team: Invite your team members to help generate activity around your Pinterest boards through their personal profiles. You may even want to consider spotlighting your employees on your business account, helping to show the human side of your brand. Grow your personal brand: While you have your business account to host your content, it never hurts to spend some time growing your own Pinterest presence. Build your own following and community, and use your platform as another place to share and further elevate your business’ content. Promote your Pinterest presence: Use your other social accounts or website to drum up attention around your Pinterest profile. Add Save to Pinterest to your blog posts and/or Pinterest Follow buttons to make it easy for your readers to engage with your brand wherever they want. As your articles get more traffic, shares and pins, you'll see greater visibility of your content, which is essential for learning how to grow your blog effectively. 08. Measure performance and optimize Pinterest Analytics is a powerful tool for understanding the impact of your pinning. Here’s an overview of the key metrics tracked and how to glean some meaning from them: Impressions measure the number of times your Pins were displayed on a user's screen. High impression rates mean people are seeing your content and can indicate that a Pin is trending on the platform and/or aligns well with Pinterest’s algorithm. Total audience is the number of unique users who saw your Pin for a specified interval of time (e.g., day, week, month). When impressions are higher than total audience, it means some people saw your Pin more than once. Saves track how many times your Pin was saved to a user’s board. High save rates mean your content is a hit since people are taking the time to add it to one of their Boards. Engagements count when a Pinterest user clicks on or saves your Pin. Pin clicks represent the total number of clicks on your Pin, including clicks that lead to content on and off Pinterest. Outbound clicks measure the total clicks to the destination URL in your Pin. Video views are the number of video views that last longer than two seconds. . Analyzing things like impressions, saves and engagements can help you understand your top content—the Pins that resonate most with your audience—as well as low-performing content. “The most important thing is that you spend time with your data,” says Tomasis. “Once you’ve posted enough on Pinterest to have enough data to look at, look at what pins users save and which pages they click through to. Then, try and post similar content.” Other metrics like affinity, conversion insights and demographics can indicate audience preference, or provide more context to the engagement that you’re seeing. To get even more information about how Pinterest users engage with your website, you can use tools like Wix Analytics to better understand your Pinterest performance from another perspective. You can track website visits and eCommerce revenue generated by your Pins to understand the true ROI of your efforts. How use Pinterest for blogging FAQs How do I grow blog traffic on Pinterest? While every Pinterest strategy may look a little different, you’ll want to follow some general best practices: Do your research: The best way to maximize Pinterest's potential is to conduct keyword research that’s specific to Pinterest. Identify popular search terms related to your blog niche and strategically incorporate them into your content including Pin titles, descriptions and alt text. Spend some time browsing Pinterest and exploring popular content or use Pinterest Ads to get keyword suggestions. Add intrigue: Take some time to create intriguing and compelling Pin titles that encourage curiosity (and clicks). Pair good titles with great images so that your Pins tell a story. Pins are more narrative than, say, a Tweet or an Instagram post. All the elements work together to create a vibe. Leverage Rich Pins: Rich Pins are designed to automatically pull data from your website into your Pins. They display your profile name, image, title and description directly on the Pin image. They work by using metadata to populate Pins with additional details about your business. A huge benefit of using Rich Pins is that they update automatically based on changes on your website, ensuring information displayed in the Pin is current. Be consistent: Remember, consistency is key. Pinning weekly with high-quality, fresh content is recommended. Using a scheduler can help automate this process and ensure you're consistently active on the platform. How long does it take to get blog traffic from Pinterest? Like on any other social platform, some Pins may gain traction and go viral quickly—whereas others may take months. While there’s no guaranteed timeline for when you’ll get traffic, you can increase your odds of getting seen by proactively promoting your Pins, following Pinterest best practices and testing multiple Pins from one piece of content.

  • 8 common blogging mistakes you must avoid

    Ready to share your ideas with the world? Start your blog → Aside from being a passion or a hobby, creating a blog helps you improve your site visibility, position yourself as an expert in your field and get in touch with your clients. So the light bulb above your head went off, the required research was made and you're ready to start creating a blog . But wait. There are common mistakes we’re all a bit guilty of when it comes to blogging. If you don’t pay close attention, your article might pay the price. Fortunately, we’ve compiled some frequently-seen blogging blunders and some helpful ways to avoid them, when learning how to make a website , or when figuring out how to make money blogging . So, whether you're a beginner blogger, or a little more experiences—we have 8 mistakes to avoid. Starting a blog should feel exciting, not overwhelming, right? With the Wix Blog Maker, you get everything you need to create, design and grow your blog from scratch–without needing a tech degree. Use Wix’s intuitive tools to share your ideas with the world.  Blogging mistakes not to make 1. Provide valuable content not the opposite 2. Don't settle for an OK title 3. Don't neglect your blog intro 4. Don't underestimate or overestimate your reader 5. Don't forget your internal and external linking 6. Don't publish without editing your text 7. Don't overlook your article structure 8. Don't forget to share your blog articles 01. Provide valuable content not the opposite Getting paid per word is the standard payment method for many column writers, but when it comes to your own blog, longer isn’t always better. It’s important to remember that one of the main goals of your blog is to provide valuable information for your readers. Don’t write like you’re blowing a balloon, write like you’re a chef cooking a 5 course dinner. One of the main goals of your blog is to provide valuable information for your readers. A quality blog article should be precise. If your ideas are clearly explained in 200 words, there’s no need to stretch it out to a short novel. Additionally, most of us have an inherent tendency to talk (or on the web, to write) about ourselves. Sprinkling some personal touch is great, going on and on about your life – isn’t. Keep the reader in mind. In other words: Thou shalt love thy reader as thyself – and more. 02. Don’t settle for an OK title The title is the gateway to your article. You want it to be sure you're writing catchy blog titles that are short, mobile-friendly and attention grabbing. As you know, the competition is tough: your content will probably have to compete with cats dancing on pianos and pandas sneezing rainbows for the attention of your potential readers. Don’t devalue your article with a boring title that will remind them of their last tax review. But careful! You don’t want to turn it into an online equivalent of a Vegas billboard, either. The title is the gateway to your article. You want it to be a short, mobile-friendly attention grabber. The title needs to kill it. It should be explanatory, attractive and short while keeping in mind Google. An easy way to create that golden title time after time is by using the magic formula: Number or Question + Adjective + Keywords + Promise For instance, if you run a food blog and you just wrote the War and Peace of Pizza recipes, don’t name it “Pizza recipe for everyone.” Go for, “How to easily make a pizza that your guests will never forget.” If you're stuck on coming up with ideas, take a look at this article on how to write a powerful headline. You can also use this blog title generator for guidance. 03. Don’t neglect your blog intro Remember that Kylie Minogue song, “Love at First Sight?” It’s one of the pillars of early millennium pop music. Besides the catchy tune that’s now going to stick with you for days, you can actually take away an important tip from her smash hit. Make your readers fall in love with your text right from the start. The intro, the very first words you write, holds the first and only opportunity to set the tone and reveal your approach for the whole article. Make your readers fall in love with your text right from the start. Web readers won’t give you second chances – they read quickly and decide even faster if the content in front of them is worth their time. 04. Don’t underestimate or overestimate your reader Ready to start your blog now? Sign up with Wix  today. Unless your blog reviews academic research about quantum physics, it’s probably better if you keep the content light. Additionally, even if you just learned about a shooting technique used by left-handed photographers in Romania, please spare us the name dropping. Only ultra-niche blogs can get away with using highbrow language and professional terms without warding off half of the subscribers. Keep your content light. On the other hand, your readers aren’t looking for content that will go well with a bottle of warm milk and a huggable teddy bear. They chose to read your blog, so you know they are bright, intelligent and knowledgeable human beings. Treat them with respect. The most important and easiest rule to follow? Write like a regular person. Imagine you’re talking to a colleague, a friend or family member (except your nephew. Wait until he’s at least 4 years old). 05. Don’t forget your internal and external linking Imagine that your blog post is a new community situated on an island. Every hyperlink implemented in the text is like another bridge, a new shipping route, or even a semi-reliable low cost airline that departs from the island at horrible hours. Hyperlinks are your connection to the outside world. They help you boost your SEO ranking, improve your usability and allow you to credit other sources for their contribution to your rich, magically crafted post. They're an important part of making a website, specifically a type of website such as a blog. Hyperlinks are your connection to the outside world. Web readers are used to interactive reading – jumping between pages and following interesting side notes. The user experience your blog post provides shouldn’t be different. Learn how to make a Wix website today. 06. Don’t publish without editing your text Spelling mistakes are a great way to let your readers know you don’t take them seriously. To err is human; to use spell checker, divine. With modern blogging tools , publishing content containing spelling mistakes is just unprofessional. Don’t let them kill your post. Oh, and illogical sentences that were cut in the middle aren’t welcome either. To err is human; to use spell checker, divine. Can’t stand to look at the screen for one more second? No problem. Send the text to family members and friends to have another look at it. Fresh eyes will provide new insights and are always sharper when it comes to spelling errors. Get your blog template content right before hitting publish. 07. Don’t overlook your article structure and text appearance When people visit your blog, their decision to read an article deeply depends on the appearance of the text. But don’t Google “how to make your articles do a duck face” just yet. We are talking about spacing, sub headers, etc - your blog format . When people review a page, they take a quick glance first (most of the time they will scan the page in an “F” shape). They won’t start reading your work if they’ll discover they have to cross a 400 word paragraph. Dividing the text, placing titles and providing non-verbal information will help readers know if your article will be the perfect companion for the next 15 minutes on the train. When people visit your blog, their decision to read an article deeply depends on the appearance of the text. To conclude, make it easy for your audience to read by: Breaking the text into different paragraphs Adding sub headers Adding tables, charts and graphs Including photos and illustrations Bolding or italicizing to emphasize parts of your text 08. Don't forget to share your blog articles Sharing is caring. People didn’t set an alarm clock for your weekly publishing hour and they won’t search your name on the web in order to find your new post. Even if you have a small group of followers who like your writing, promoting yourself is a must. The few social buttons at the bottom of the page, aren’t there for decoration. Use them to promote your blog . Share on social media Share your blog on every channel you’re operating while avoiding the common destructive social media mistakes. Maybe it’s time to open accounts on LinkedIn and other social platforms that will help you attract new and loyal readers. Start email marketing Simultaneously, send your friends and colleagues an enticing email with Wix email marketing to announce your new creation. You could also consider starting a newsletter to distribute your content. Oh, and there’s nothing wrong with asking your parents to share your posts, it’s not so different from hanging your drawings on the fridge. Share your blog on every channel you’re operating.

  • 9 site speed mistakes that might be killing your sales

    When you’re learning how to make a website, half the battle is learning how to make sure it functions as well as it looks. After all, nothing’s a bigger buzzkill than launching your site—only to find out that most people are leaving it because your page won’t load. In today's fast-paced digital world, time is a commodity, and no one wants to waste it waiting for your website to load. That’s why you’ll want to know how to test your website speed and know how to improve it to avoid losing customers to a slow-loading website . Multiple factors impact your site speed, including (but not limited to) your web hosting provider, the quality of your backend code, your plugins and more. It's easy to lose track of everything—but before we dive into mistakes, let’s go over how websites work behind the scenes. Think of the internet like a restaurant: A website acts as a menu, displaying all the food available to be made in the kitchen. When you order something off the menu, your server is asked to retrieve it from the kitchen and send it back to your table. The more complicated your order, the longer it takes for the kitchen to serve it up your meal and the longer it will take for the server to return to your table. Keep this metaphor in mind as we jump deeper into common site speed mistakes. Looking to create a website on a reliable platform? Create a website on Wix today. 01. Using too many custom fonts When working on your website design, it’s easy to get carried away enthusiastically experimenting with elements like fonts. While there’s a whole design explanation for why you should stick to typography principles—such as contrast, hierarchy and balance—you really just need to know why having too many fonts can affect your page’s performance . Browsers can easily comprehend system fonts, because most computers already have those downloaded (think the fonts you see most often, like Times New Roman and Arial). However, those who use “custom fonts,” or special stylistic fonts outside of these common fonts, require the file to be downloaded in order for text to be visible. While this will always take more time than system fonts, the more you use on a single page, the longer it will take to load. For example, asking your server to make one special request at a restaurant will usually go faster than if every patron is asking for meals that need to be specially made. For the speediest user experience for your visitors, try not to have more than three to four custom fonts or opt for system fonts instead. 02. Using non-optimal image formats File formats seem like a persnickety thing to deal with when creating your website, and for the most part, they are. For example, when you learn how to make a Wix website , Wix automatically makes sure that the pictures you add to your site look great and load as quickly as possible. It does this by converting images to a “WebP” file, which maintains image quality but requires a smaller file size. But for this to work the best way for your website, you need to ensure the original file you’re uploading is not only the highest quality it can be, but also that that high quality file doesn’t create too many problems in uploading or downloading it. You can start by choosing the right image formats. Stick to common image formats like JPGs , PNGs or SVGs —you can think of these as the equivalent of ordering the most common drinks at a restaurant. If you order a Coke anywhere in the world, it’s likely they’ll have it on tap and can serve it to you in minutes. Additionally, use JPGs instead of PNGs when possible. JPG images can be up to 10 times smaller than PNGs and, as a result, can load much faster. While PNGs and JPGs work well for photos, SVGs usually work better for shapes and illustration-style elements like logos. SVGs files are usually much smaller than PNGs and JPGs, and they load on the page faster because the images are directly embedded in the website code. Since the website doesn’t have to go find the image somewhere else on the internet, it helps the image load faster. 03. Overdoing it with lightboxes If you’re building a website and want to make sure your visitors see an important message or announcement, you may choose to add a lightbox, or a popup window, that appears on top of the main page’s content. While it’s okay to have one advertising a sale pop-up a few moments after the visitor has entered the site, having something pop up every few seconds would not only be annoying for your visitor, but also slow down your site. Think of it like how a server interacts with a table. While it’s okay for them to stop by and announce the specials after you’re seated and looking at the menu, it would be annoying if they popped by every few moments—and would simultaneously keep them from going back into the kitchen and serving you the meal you came for. 04. Going wild with third-party features A fun thing about today’s websites is that you don’t have to use all of your own content—you can often embed third-party content onto a web page, essentially borrowing another website’s content to appear on your page. While this can increase the amount of things visitors can do on your website, it can slow down your website. Essentially, you’re asking a server to run to another restaurant for a special part of the meal and bring it back to the restaurant. Best practice is to reserve third-party apps and iframes (small windows for other websites) on parts of your website that are not the homepage—and to limit the number of third-party scripts on your site. Only keep the apps that you’re actively using. Moreover, add any essential third-party apps in a non-blocking manner. You can do this by manipulating the body of HTML code with a special script called “defer” or “async,” as well as placing the code at the end of the main content. Both options will tell the website to load these resources only after all the main content has loaded. Essentially, this is like telling your waiter not to wait on a special dish before bringing out all the other food to your table. Better yet, avoid using any custom code at all by using Wix’s integrated marketing tools as opposed to third-party apps when possible. 05. Top-loading your homepage design A common culprit to slow website speed is top-loading a homepage with heavy visual content, like galleries, videos and custom fonts. To avoid this, focus on simplifying the above-the-fold section of your homepage. Try to limit this content to text in system fonts and static images, since they load faster. Wix also automatically lazy-loads images in most scenarios, meaning that images that live below the fold are first downloaded as very small, low-resolution placeholder images. As the user scrolls the page, these stand-in images are then replaced with the original high-resolution images. 06. Using GIFs GIFs have completely changed modern communication. Tempting as they may be, GIFs are actually a higher lift for computers to handle than video. Reason being, you can’t control their playback and they will only start playing once all of its content frames are loaded. Since these are multiple speed bumps for page loads, you’ll want to consider using videos instead of GIFs to showcase animated content. (As a bonus, modern video encoding formats have both better quality and smaller file sizes.) If you’re looking for a GIF-like effect, you can use Wix VideoBoxes to showcase your own videos. You can customize them to show a border around your box, or to add an overlay or video mask (among other customizations). Wix also features Transparent Videos, which allow you to add or upload your own videos and place them anywhere on your site with a transparent background. 07. Not attending to your site’s DOM order While the Wix Editor is a simple drag-and-drop interface that does most of the work for you, there is room for user error. In fact, a common error in first websites is not matching the order of elements—like images, texts and videos—on your site (also known as a DOM) with the order in the Editor’s Layers panel. DOM stands for document object model, and is how the computer reads the importance and order of your website elements. With Wix, DOM determines the sequence in which elements load on your site. Automatic DOM order is enabled via the Editor, but it is communicated via the Layers panel where you control each layer of your website elements. So, if your Layers do not mirror the importance of your site’s elements, your website will load out of order. Think of it like ordering a meal with an incompetent waiter: if you don’t specify that you’d like your food to come out in the order of drink, appetizer, entrée then dessert, don’t be surprised if the first thing that comes out of the kitchen is a bowl of ice cream. 08. Automatically caching This one isn’t so much of a mistake as it is a flip that just needs to be switched. Wix uses Content Delivery Networks (aka CDNs) to cache (or store) and serve responses as fast as possible for most visitors. In our restaurant metaphor, you can think of them as condiments and water stands. Since servers know these are the things visitors want most often, they strategically store them throughout the restaurant so they don’t always have to walk back to the kitchen. However, if you’re an experienced web developer using Wix and Velo , and you notice that your web page still takes too long to load, you may need to manually enable caching for your site to ensure that it stores your most-used content on the CDN servers (if you brought your own sauce to the restaurant, you’ll just need to tell the waiter to keep it on hand for you). 09. Not designing for mobile Lastly, to provide a tailored experience for mobile users, all Wix websites are adaptive, meaning that the platform automatically optimizes them for each of the most common devices. However, a common mistake that website owners make is not checking to see that the mobile version looks and functions exactly how they want it to. Some elements may not look as good on a mobile device as they do on a desktop, and others may be unnecessary. By optimizing your mobile site’s layout and hiding unnecessary elements, you can pare down your mobile site to the basics and give the server fewer things to serve. Think of it as a takeout window that only serves the best of your website’s content for on-the-go consumption.

Never miss another article

Thanks for submitting!

For any queries to privacy concerns, please contact us at blogs@wix.com

This blog was created with Wix Blog

bottom of page