Browse articles

Uploading Images in the Rich Text Editor

Overview

You can upload images directly from any rich text editor in the backoffice. This works everywhere the rich text editor appears — blog post bodies, Rich Content sections, itinerary descriptions, and static page content areas.

Previously, inserting an image required uploading it separately to the tour’s photo gallery or an external service, copying the URL, and pasting it into the editor. Now you can upload and insert in one step without leaving the editor.

For pages that support multiple sections (blog posts, static pages, collection pages), we recommend using Rich Content sections with photo galleries instead of embedding images inline. Rich Content sections give you better layout control, automatic image optimization, responsive design across devices, and a carousel for multiple images. Use inline editor uploads for cases where you need a single image within a paragraph of text — for example, a small diagram in an itinerary description.

How to upload an image

  1. In the rich text editor, place your cursor where you want the image to appear.

  2. Click the Image button in the toolbar (the landscape picture icon).

    Blog post editor showing the CKEditor toolbar with the Image button highlighted

  3. In the Image Properties dialog, click the Upload tab.

  4. Click Choose File and select an image from your computer.

  5. Click Send it to the Server. The dialog switches back to the Image Info tab with the image URL filled in automatically.

    Image Properties dialog showing the Upload tab with Send it to the Server button highlighted

  6. Optionally set the Alternative Text (recommended for accessibility and SEO — describe what the image shows).

  7. Optionally adjust Alignment to control how text wraps around the image (see below).

  8. Click OK to insert the image.

    Image Properties dialog on Image Info tab with Alternative Text field and Alignment dropdown highlighted

Uploaded images are saved to your account’s photo library. They support JPEG, PNG, and WebP formats.

Image alignment

The Alignment dropdown in the Image Properties dialog controls how the image sits within your text:

  • Left — image floats to the left, text wraps around the right side
  • Right — image floats to the right, text wraps around the left side
  • Center — image is centered with no text wrap (appears on its own line)
  • Not set — image appears inline with the text at its original size

On mobile devices, left and right aligned images automatically stack vertically (full width, text below) so content remains readable on smaller screens.

Related articles