In a previous post, we introduced you to the basics of Arduino Web Editor. Now, it’s time to take your skills to the next level!

1. Sketchbook Tab

Under the tab called Sketchbook, you’ll be able to find all your sketches.

In this section, you’ll not only be able to create new sketches, but you can also import other sketches and custom libraries that are available from your computer. Check out this tutorial for more information on importing your sketchbook and libraries.


Once you accumulate lots of sketches, you can start organizing them using folders. When you’re ready to find the one you want, select the “Order By” option to search by name or date.


Once you find the sketch you want, you can right-click on it to reveal a menu of choices as to what you can do with it. There are lots of options!
• Move Sketch
• Rename Sketch
• Share Sketch
• Download Sketch
• Display Sketch Info
• Delete Sketch

You can also export your sketch as a CMake File so it will go to your computer for you to build locally, and there’s also an option to import outside files like images and schematics into the sketch

2. Preferences Tab

With the Preferences tab, you’ll be able to customize the look and some of the behaviors of the Editor to fit your liking.

Under this tab, at the top of the screen you’ll see what percentage of space you’re currently using and how many sketches you have. (You can click on the “MoreInfo” button for details as well as information on imported custom libraries)

Next, you have an option to control the visual appearance of the Editor, specifically you can change the font size and also choose between a dark or light theme.

Below that, you’ll find you have some options for saving sketches:
• “Save when verifying and uploading” will have the Editor save a sketch anytime it’s verified and uploaded.
• “Enable Autosave” will have the Editor save automatically every time the sketch is modified.
• “Always show output panel” will display the output section at the bottom of the code window.

Lastly, you’ll find the Advanced Options:
• “Sketchbook: Show all files (.ino and other formats)” will make visible the .ino and related files you have in other formats in your Sketchbook
• “Console: Show verbose output” will display more detailed information when your sketch is compiled and uploaded.

3. Auto Indent and Full Screen

Here are two other settings you may want to experiment with:
• “Full Screen” will maximize the code window and minimize the side bar, which can be helpful when working on code!
• “Auto Indent” will automatically indent your code for you so that it is more readable

Now you are ready to start using the Web Editor like a pro! All of us here ate Vilros hope you’ll find that it’s easier and more enjoyable to create and edit your sketches using these advanced Web Editor functions.

And now, if you’re looking for more fun project ideas with Arduino or Raspberry Pi, be sure to check for updates on our Vilros projects blog!