Workspace

The Workspace where you'll code your emails.

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.
Animation showing the different regions of Parcel

The Sidebar contains the File Explorer, which includes all of your open files, folders of files & images, and Snippets. Beside each header in the Sidebar, you can search to find your content. At the top of the Sidebar, you can switch workspaces and manage features in Settings and Editor preferences. You can resize the Sidebar by dragging its divider left/right.

The Editor is where you'll code your emails. You can work in HTML, MJML, text, or AMP. This is also where you'll find Transformers and Personalization engines.

The Browser preview is a live preview of your email. Use Inbox Previews to check what your email looks like across inboxes and devices. You also have controls for simulating email clients that block images as well as visual impairments, dark mode, and more.

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