Site Updates: Important Things to Know
- Administrator
- Aug 17
- 6 min read
This article is for all members using the Wix Site Editor. Our goal as a team is to keep our website clean, professional, and easy to navigate. While big design decisions often get the spotlight, it’s the small details, the alignment of a button, the consistency of fonts, or the spacing between sections, that make the difference between a polished site and one that feels messy.
This guide outlines the key principles, tips, and rules to follow every time you edit the website. By keeping these best practices in mind, we can avoid small errors and messes from piling up and ensure our site always reflects professionalism and quality.
Optimizing Wix Speed When Editing
Wix is known to run slowly at times, but there are a few things you can do to make the editor as smooth as possible:
Use Google Chrome – Wix is optimized for Chrome, and performance is noticeably better compared to other browsers.
Close unnecessary applications – Running too many programs at once can slow down your computer and make Wix lag.
Report persistent issues (maybe it's a computer issue) – If Wix feels unusably slow even after following the steps above, it may be a hardware issue. In that case, let leadership know so we can evaluate whether a computer upgrade is needed.
Sandbox Vs. Live Publishing
When making edits, it’s important to know whether to work in the sandbox or directly on the live site:
Complicated edits belong in the sandbox – Use the sandbox when experimenting, testing new layouts, or exploring fresh design concepts. This keeps the live site safe from unfinished or risky changes.
Simple, straightforward edits can be made live – Quick fixes (like updating text or swapping an image) can be done directly on the live site.
Never publish mistakes – No matter where you edit, always double-check your work. Avoid publishing anything unfinished, messy, or incorrect because once it’s live, the whole world can see it.
The key rule: sandbox for experiments, live for clean, minor updates.
Key Concepts to ALWAYS Remember
As you edit the website, certain principles will come up again and again. These are the foundation of our design approach:
Consistency – Maintain uniform formatting across the site. Fonts, colors, spacing, and alignment should follow the same style to keep the brand cohesive.
Minimalism – Less is more. Stick to a limited set of fonts (2), font sizes (3), and colors (a few core brand colors). Think of Apple—clean, minimalistic design is not only attractive but also easy to use.
Hierarchy – Organize content so the most important information stands out first (e.g., large headline text, followed by smaller subheadings, then body text). Clear hierarchy makes the site intuitive.
Correctness – Double-check all content. No typos, broken links, or formatting mistakes. Accuracy builds credibility.
Visual Appeal – Edits should not only be correct but also pleasing to the eye. Balance spacing, alignment, and imagery to create a professional look.
SEO (Search Engine Optimization) – Always keep discoverability in mind. Use keywords thoughtfully, format headings properly, and ensure the structure supports search engine ranking.
These principles may sound simple, but together they’re what keep the website polished, professional, and effective.
Design & Editing Standards: Details That Matter
These are the specific standards we follow to keep our website polished, consistent, and professional. Small mistakes may seem harmless, but too many create a sloppy experience, what we call death by a thousand papercuts. Train your eye to catch these details.
Spacing Between Elements
Maintain consistent and visually appealing spacing across the site.
Headings (like H2s) should always have the same space above them, unless a design element (like an image) requires otherwise.
Always check both desktop and mobile. Spacing may look fine on one but broken on the other.
Spacing Between Characters
Always include a space after a period.
Watch for missing spaces after punctuation (e.g., colon + text).
Emoji spacing should be consistent, treat emojis like characters, with a space before and after.
Keep indentation spacing uniform, especially when emojis are used as bullets.
Text Size Hierarchy
Always follow largest → smaller → smallest within a section.
Text lower in the hierarchy should never be larger or bolder than the heading above it.
Example: H2 header > subheading > body text.
Fonts, Sizes, and Colors
Less is more. Limit to:
2 fonts (e.g., sans-serif for headers, serif or sans-serif for body text).
3 text sizes maximum.
Stick with the site’s established style for a clean, minimalistic look.
Action colors: Use only one action color per page (e.g., blue for links/buttons). Don’t mix action colors or users will get confused.
SEO Standards
Header hierarchy matters:
Only one H1 per page (main title).
Section headers should be H2.
Sub-headers can be H3 if needed.
Image optimization:
Crop before uploading.
Resize to appropriate dimensions (don’t upload oversized images).
Keep file size as small as possible without losing quality.
Add alt text that describes the image and includes SEO keywords naturally.
Rename image files with SEO-friendly names before uploading (e.g., salsa-class-los-angeles.jpg).
Ease of Use
Buttons, radio buttons, and other clickable elements should be large and easy to click/tap.
Links inside body text can stay regular size, but primary actions (like “Sign Up” buttons) should stand out and be user-friendly.
Features and Code You’re Not Sure About
If you come across something in Wix that you don’t fully understand don’t guess and don’t experiment on the live site.
Some elements may look simple to edit (like text), but they could be connected to deeper systems such as the CMS (Content Management System). Accidentally moving or changing these elements can break multiple pages or features across the entire site.
Instead of trying to figure it out on your own, ask a team member who understands the feature before making any changes.
The rule is simple: When in doubt, ask. Don’t break things.
Desktop and Mobile
Always start building in the desktop format. Wix is responsive, so anything you design on desktop will automatically adjust for mobile.
However, don’t assume it will look perfect.
Always check the mobile version in the Wix editor.
Custom adjustments are usually needed (e.g., spacing, alignment, or element sizing).
A layout that looks clean and professional on desktop can easily look messy or broken on mobile.
Best practice: Assume the mobile version is broken until you’ve checked it yourself and confirmed otherwise.
The “Does This Make Sense?” Test
Before finalizing any work, ask yourself out loud:
“Does this make sense?”
This simple step helps catch errors, inconsistencies, and miscommunications before they reach leadership, clients, or the public.
The “Check Everywhere” Test
Whenever you make changes on the site, don’t just fix the immediate task , check everywhere that might be affected.
Key points to remember:
Cross-check updates. Example: If you change a price in the CMS, also check banners, promos, and anywhere else the price appears.
Look for unintended changes. Example: Editing a header or footer on one page can accidentally affect every page on the site.
Assume ripple effects. Even small edits might break formatting, colors, or layouts in other sections.
Be proactive. After every edit, browse the site and ask yourself:
“Did I miss anything?”
“Did I break something else by mistake?”
Accuracy Before Submission
Before submitting any work, take these steps to ensure accuracy and professionalism:
1. Rewatch instructional videos.
Always rewatch the video after you think you’re done, and before submitting.
Pause the video as needed, take notes, and use auto-transcription tools if helpful.
Never skip instructions — missing details slows the team down and creates unnecessary back-and-forth.
2. Double-check your work.
Don’t rely only on emulators, do a final check on live devices:
Desktop
Android (ask a teammate if you don’t have one)
iPhone (ask a teammate if you don’t have one)
Small text edits may not need all-device checking, but formatting or larger updates must be checked everywhere.
Remember: Unexpected things happen. Never assume it looks good until you’ve seen it.
3. Final submission standards.
Every submission must look clean and professional.
No typos, no grammar errors, no sloppy text.
If text was provided to you, make sure it is copied exactly as written onto the site.
Feeling Stuck?
Don’t get stuck for hours on a tough coding problem.
Work on the easier items and submit everything else first.
In your submission, clearly note the unfinished item:
Example: “Didn’t complete this due to a coding issue that would take ~10 hours. Will revisit tomorrow and/or ask a tech teammate for help.”
Always explain the reason, never leave it blank, or it may look like you simply missed it.
Kindly watch the videos below for a detailed discussion from Danny himself
