Customize the Zapier code editor

The Zapier code editor in Zapier Functions includes several settings you can adjust to match your coding preferences and improve your workflow. This guide explains how to open the settings, change the editor layout, and fine-tune behavior so you can write and review code more efficiently.

Open Zapier editor settings

All configuration options for the Zapier code editor are available from the settings menu inside a function.

In your Zapier account, open the function you want to edit.
Locate the Settings icon in the editor header.
Click the icon to open the panel with editor options.

Any changes you make apply to the current function’s code editor. You can return to this panel at any time to adjust your preferences.

Choose a Zapier editor layout

You can control how the Zapier editor and test results appear on the screen. This helps you keep code and output visible in a way that fits your display.

Switch between vertical and horizontal layout

Use the layout setting to decide how the input and result panels are arranged:

Vertical split: stacks panels on top of each other.
Horizontal split: places panels side by side.

Pick the layout that gives you the best visibility when working with Zapier Functions and their outputs.

Adjust Zapier editor proportions

After choosing a layout, you can drag the divider between panels to resize them. This lets you:

Give more space to the code area for large functions.
Expand the output section when debugging results.
Quickly rebalance the view based on your current task.

Configure indentation and tab behavior in Zapier

Consistent indentation makes code easier to read. The Zapier editor offers several options to match your style or project standards.

Set tab size

You can specify how many spaces are used for each tab level. Common values include:

2 spaces per tab level.
4 spaces per tab level.

Choose the tab size that matches the conventions you follow in Zapier Functions or other tools.

Use hard tabs or spaces

The editor lets you decide how tabs are stored:

Spaces: inserts the number of spaces you defined for each tab.
Hard tabs: inserts a tab character instead of spaces.

Select the option that best aligns with your team’s formatting rules, then format your Zapier function code accordingly.

Control line wrapping and line length in Zapier

Line wrapping settings determine how long lines of code appear within the Zapier editor.

Enable or disable word wrapping

You can toggle wrapping so you can either:

Enable wrap: long lines wrap to the next line within the visible editor area.
Disable wrap: long lines extend horizontally, and you scroll to view them.

Wrapping can make long expressions easier to read without horizontal scrolling when working on complex Zapier Functions.

Set wrap limit

The wrap limit controls when the editor decides to break lines. You can:

Use a default wrap limit.
Adjust the limit so lines wrap sooner or later.

Fine-tuning this behavior helps keep your Zapier code within a comfortable width for reading and reviewing.

Toggle editing modes in the Zapier editor

The Zapier code editor supports different text-editing modes that change how some keys behave.

Use block selection

Block selection lets you select text in a rectangular region rather than line by line. You can use it to:

Edit multiple lines in a column at the same time.
Remove or insert prefixes at the start of several lines.
Align code or comments more easily in Zapier Functions.

Enable this option in the settings to use a more advanced selection style when refactoring code.

Enable overwrite mode

Overwrite mode changes how typing works:

With overwrite off, new characters are inserted and existing text moves to the right.
With overwrite on, new characters replace existing ones.

Toggle this mode depending on whether you want standard insert behavior or a type-to-replace style while editing Zapier function code.

Adjust Zapier code editor theme

You can make the Zapier editor easier on your eyes by switching its visual theme.

Choose between light and dark themes

The settings panel lets you select the appearance that suits your environment:

Light theme: useful in bright rooms or for users who prefer light backgrounds.
Dark theme: better for low-light conditions and can reduce eye strain during long Zapier coding sessions.

Switch themes at any time to improve comfort and maintain focus while working in Zapier Functions.

Save and apply Zapier editor changes

Once you update preferences, the editor uses those settings for the open function. Review your choices and confirm that:

The layout makes it easy to view both code and outputs.
Indentation matches your style guidelines.
Wrapping and line length are set for maximum readability.
The theme is comfortable for your working conditions.

You can revisit the Zapier settings menu at any point to refine these options as your needs change.

Learn more about Zapier Functions

For a deeper look at these options, you can review the original help article on the Zapier site: Change code editor settings in Zapier Functions.

If you want broader automation help or consulting beyond the core Zapier documentation, you can also explore resources at Consultevo for additional guidance.

By tailoring the Zapier code editor to your preferences, you streamline work in Zapier Functions, reduce friction while writing code, and make debugging easier and faster.

Need Help With Zapier?

Work with ConsultEvo — a

Zapier Certified Solution Partner

helping teams build reliable, scalable automations that actually move the business forward.

Get Zapier Help