header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Using the Editor Toolbar
  • Using the Layers panel
  • Using the horizontal and vertical rulers
  • Using gridlines
  • Using the Snap to Objects tool

Wix Editor: Using the Editor Tools

In this article
  • Using the Editor Toolbar
  • Using the Layers panel
  • Using the horizontal and vertical rulers
  • Using gridlines
  • Using the Snap to Objects tool
The Wix Editor offers several built-in tools to make your design process faster and more precise. You can find these features in the Tools panel at the top right of the editor.
A close up screenshot showing the tools panel in the Wix Editor.

Using the Editor Toolbar

The Editor Toolbar helps you perform basic actions quickly. Use it to copy, paste, duplicate or delete elements on your page. You can also adjust element settings such as size, position and alignment
After enabling the Toolbar from the Tools panel, you'll find it on the right side of the editor.

To enable the Toolbar:

  1. Go to your editor.
  2. Click Tools  on the top right of the editor.
  3. Select the Toolbar checkbox.
screenshot of editor tools, toolbar highlighted.
Tips:
  • Re-position the Editor Toolbar to your convenience by dragging and dropping it anywhere on your page.
  • You can hide / show the Toolbar and editor menus (such as the left and top menus) by clicking the Hide Controls arrow  at the top of the editor. Learn more about the Hide Controls feature

Using the Layers panel

The Layers panel shows you all of the elements on your page. The panel is divided by the main parts of your page (header, page and footer) so you can easily find the elements you need.
After enabling the Layers panel, it appears as a floating panel you can drag anywhere inside the editor. You can enable it by clicking the Layers icon at the bottom left of the editor.
The layers panel in the Editor. The icon has been highlighted.

Using the horizontal and vertical rulers

Using the horizontal and vertical rulers, you can accurately place elements on your site. Position your elements in specific locations (in pixels) and add guides to help you mark these spots. 
After enabling Rulers from the Tools panel, you can see the horizontal ruler along the top and the vertical ruler on the right side. 

To enable the rulers:

  1. Go to your editor.
  2. Click Tools  on the top right of the editor.
  3. Select the Rulers checkbox.
screenshot of the editor toolbar with rulers highlighted.

Using gridlines

Gridlines are the dotted lines inside your editor that can help you build your site's layout correctly. The vertical gridlines are especially useful, as they show your page's maximum width on tablets and smaller devices. 
Use the gridlines to ensure your content is visible on every possible screen size. Depending on your needs, you can enable and disable them at any point.  Learn more about the Editor gridlines

To enable gridlines:

  1. Go to your editor.
  2. Click Tools  on the top right of the editor.
  3. Select the Gridlines checkbox.
screenshot of editor tools panel, with gridlines highlighted.

Using the Snap to Objects tool

The Snap to Objects tool helps you attach elements to one another with complete accuracy. 
Once you drag an element, purple lines appear in order to mark the borders of other elements on that page. When you decide to drop the element you're dragging, it "snaps" to these markers within a 5 pixel range.

To enable Snap to Objects:

  1. Go to your editor.
  2. Click Tools  on the top right of the editor.
  3. Select the Snap to Objects checkbox.
A GIF showing the snap to objects tool being used in the Editor.

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.