Skip to content
Change language EN
  1. WebAcappella Tempo help
  2. The editor
  3. Images and Icons in the Editor

Images and Icons in the Editor

Choose an image from the media library or import one from a field, fill in the alternative text, ask the assistant for a visual, and choose an icon.

Choosing an image

In a component's form, an image field shows Choose an image… (then Change the image… and Remove the image). The window that opens shows your media library with a search field; Import a new image… uploads a file from your computer, which is added to the media library right away. To rename, describe or delete your images, go to the site's Media section. Formats and limits: see The media library.

  • Components crop their images to their own aspect ratio (square, 4:3, 16:9…): start from a large enough image, as cropping is done from the centre.
  • The background of a section (a full-screen photo behind a banner) isn’t chosen in the component but in the section’s background. See A section’s background.
  • If the import fails, the message tells you why: unreadable file, expired session (reload the page), or site currently being edited by someone else in your account.

Alternative text

Every image has an Alternative text field: a sentence describing the image (“Restaurant terrace dining area in the evening”). It is read by search engines and by people using a screen reader, and displayed if the image fails to load. The description entered in the media library is offered by default.

A Visual from the Assistant

No photo yet? Select the component with a click and tell the assistant "put a photo of bouquets here": it picks from our illustration library, royalty-free and AI-created. For your own photo or your logo, go through the media library. See The AI assistant. A site can do without these illustrations: see Sample images.

Choosing an icon

The Icon fields (selling points, buttons, steps…) open the icon library: a keyword search, categories, and Remove the icon to do without one. The list at the top switches between Pictograms and Brand logos (Instagram, Facebook, LinkedIn, YouTube…), for a button linking to your social networks. The icons are vector-based, so they take on your theme's color and stay sharp at every size.