Wix Tips & Tricks
Updated: Nov 19, 2020
The wix editor WYSIWYG editor (pronounced wiz-ee-wig), which is an acronym for What You See Is What You Get, this refers to an editor where the design, styles and layout displayed in the editor represents the final design. This type of editor removes the requirement to know HTML, although having an understanding of HTML will certainly help in knowing what is or should be possible when creating a design, sometimes things can be hidden and since Wix has its own methodology how to achieve some things might not be that obvious. Here are a few tips and tricks when using the Wix editor. 1) Always think in Strips
The Wix layout is primarily made up of Strips that form each section of content within a site, build up your site using Strips with content contained within each Strip.
2) Adding Links
Links can be created using Text, by selecting all or part of some text in a box and creating a link for that text. This has limited styles, for instance bold, underline and colour but will have no rollover effect. You can create a more stylised link by creating a button, choosing the button style that looks like text only and applying a link to the button, buttons have additional styles to change the colour on hover, this is a subtle change but can make your links more dynamic. [Note, if using this method, the buttons will behave slightly differently to Text on the mobile view and more work may be required to position these on the mobile view] An alternative is to create elements for different views, I have an advanced (but easy to set up) option here.
3) Spacing between Strips When moving and resizing strips, sometimes space is created between strips, this can be adjusted in the main area but it's easier to go to the "Zoom out and Reorder" view and adjust the spacing there.
4) Adding Content Elements
Content elements can be added by click the + sign and adding items by double clicking or dragging, in most cases, its better to drag the item to where you want it, otherwise the item might be added somewhere down the page where its mush harder to then drag up to where it should be.
5) Redirect URLs If you have recently moved or updated your website, you may find that old links are not working, if these links do not exist, you can use the URL Redirect manager to create old URLs which redirect to new URLs. These can be pages on your Wix site, and can also link to external pages. Find this in Wix following: Settings Menu > Get Found on Google > SEO Tools > URL Redirect Manager
6) Which browser is best to use We have used both Chrome and the New Microsoft Edge browser, we have found that the Wix editor can get very slow with other tabs open, particularly in Chrome, we have switched to using Edge and its does seem a bit faster, will update this again after using it bit more with a more definitive opinion.
7) Mobile Views
Wix supports both Desktop and Mobile versions, don't forget to check the mobile version to make sure the layout works, elements can be easily hidden from the mobile version if not required and these are only hidden and not deleted. Any changes on the mobile view wont effect any changes on the desktop view. (and vide-versa, apart from adding items to the desktop view) I have created an advanced (but easy to set up) way to switch elements for Desktop, Tablet and Mobile views, which provides more control, see my blog post about this here.
Wix has a decent library of fonts out the box, however, what if a client requests a specific font as part their design or branding. In this case you can upload your own fonts into Wix, you can either download Google fonts, which are free to use or upload licensed fonts to use within your Wix Site.
Ready to create your own Wix site, start here