Workspace

Tour

When you log into Parcel for the first time, you'll be offered a tour of the interface. If you ever want to revisit this tour, you can get to it by clicking on your Account in the upper left and then selecting "Workspace Tour" in the drop down menu.

Parcel has an extensive set of features which are explained throughout these docs. Before you go further, it'll be helpful to understand the layout of the interface. The Parcel interface has 4 major distinct regions with their own functionality. These regions form the basis for the organization for these docs.

Silent video of the Parcel page. At first, the left sidebar region is highlighted and labeled; other regions of the window are blurred. The sidebar region contains buttons for account information and preferences as well as the file tree. Second, the Editor region in the center of the window is highlighted and labeled; the other regions are blurred. The Editor contains many lines of HTML code. Next, the preview region, on the top half of the right third of the screen, is highlighted and labeled; other regions are blurred. The Preview region includes a set of preview modifier buttons and a visualization of the email generated by the HTML code in the Editor. Finally, the Developer Tools region, below the Preview region, is highlighted and labeled. The Developer Tools region contains several buttons for preview navigation and additional code checking functionality. Finally each region is highlighted and labeled concurrently. The animation lasts about 5 seconds and then repeats.

The Sidebar contains the File Explorer, which includes all of your files and the search bar, as well as access to the Transformers, Snippets, Account settings, and Editor preferences. You can resize the sidebar by dragging it's divider left/right, or collapse it entirely with the collapse button in the bottom left.

The Editor is where you'll code your emails. You can work in HTML, MJML, text, or AMP.

The Preview is a live preview of your email.

The Developer Tools contain a suite of powerful tools including Inspect Element, Focus Mode, and your production Source code.