Components & Tools

Component properties & traits

The Properties tab controls what an element IS and DOES — a link's destination, an image's alt text, a video's URL — as opposed to how it looks.

Last updated 2026-06-29

The right panel has two tabs. Customize controls how an element looks (covered in Styling & Design). Properties controls what an element is and does — its settings. This guide is about that second tab.

These settings are sometimes called traits. They're different from styling: changing a link's color is styling; changing where the link goes is a property.

Opening the Properties tab

Select an element, then click the Properties tab in the right panel. The controls you see depend on the element — a plain box has few; a video or a form has several.

Common properties

PropertyFound onWhat it does
IDMost elementsA unique name used for in-page links (jump to a section) and advanced styling.
Link type & destinationLinks and buttonsChoose URL, Page, Email, or Phone, then set where it goes.
Open inLinks and buttonsOpen in the same tab or a new tab.
Alt textImagesA text description for screen readers and search engines. Always set it.
VisibilityAll elementsHide the element on specific devices (e.g. show on desktop, hide on mobile).

Links and buttons in detail

Links and buttons have the most useful properties. Set the Link type and the destination field changes to match:

  • URL — link to any web address (e.g. https://example.com).
  • Page — pick one of your own pages from a dropdown; the link always points to the right place even if you rename the page.
  • Email — opens the visitor's email app to write to the address you enter.
  • Phone — starts a call on phones.

Set Open in → New tab for links that lead off your site, so visitors don't lose their place. Webpress adds the safe rel attributes for you.

Component-specific properties

Pro components expose settings unique to them in this tab:

  • a Video has its video URL plus autoplay, mute, loop, and controls toggles,
  • an Accordion lets you edit each panel's heading and content,
  • a Form has its name, success message, and redirect — see Forms & lead capture,
  • an Icon lets you pick the icon and its size.

See Pro components for the full set.

The Visibility property

Almost every element has a Visibility control to hide it per device. Use it to show a compact menu on mobile and a full one on desktop, or to hide a decorative image on small screens. (This controls the published site; the eye icon in Layers only hides things while you edit.)

Where to go next