Inserting a Photo

Inserting a Photo in a Dynamic Text Area

You can easily add and customize images inside any dynamic text area using the tools in your website’s Editor. Here's how to do it:

How to Insert a Photo

1. Place your cursor where you want the image to appear.

2. Open the Insert menu in the toolbar and choose Image.

3. The File Manager will open. Select an existing image or upload a new one from your device.

4. Click the image, then hit Use. The image will appear in the spot where your cursor was.

Editing and Customizing the Image

After inserting your image, several tools become available:

• Move the Image
  Hover over the image to reveal a crosshairs icon in the top-left corner. Click and drag the image to reposition it on the page.

• Resize the Image
  Use the drag handle in the bottom right corner to adjust the image size.

• Toolbar Tools for Images
  Clicking the image reveals a new set of image-specific tools in the toolbar:

  

  • Add Paragraph Breaks above or below the image.

  • Link the Image to an internal page, external site, email address, phone number, or file.

  • Align the Image left, center, or right (best used when the image is not wrapped in text).

  • Add a Border by entering a pixel value.

  • Wrap Text around the image using one of four layout options:

    • Image on its own line

    • Text wrapped to the left

    • Text wrapped to the right

    • Left or right aligned with text beneath

  • Adjust Spacing to change the padding around the image.

  • Add a Caption, which places the image in a light gray box with space for text below.

  • Set Alternative Text (Alt Text) to describe the image content. This improves accessibility and helps with SEO. Example: “Smiling employee wearing scrubs and a stethoscope.”

Pro Tip: If you plan on using a caption, it's best to add it first before other formatting as it changes the image elements and mya reset other formatting applied first. 

Removing an Image

To delete an image:

• Hover over it and click the crosshairs icon in the top-left corner.

• Press your keyboard’s Delete key.

Image Tips

• Use web-optimized images
  Upload images saved at 72 dpi to keep your site loading quickly. Large image files can slow things down.

• Test any text-wrap across devices!
  Text wrapping works best on desktop layouts. On mobile, it can create awkward spacing, so test across devices! If you prefer text wrapped on desktop but would like it to stack on mobile, try using responsive columns instead. 

• Use descriptive alt text
  Write what’s actually in the photo (e.g., “Student presenting at science fair”), not just the file name or generic terms.

• Use borders sparingly
  A thin 1–2px border can add contrast without looking heavy or out of place.

• Organize your File Manager
  Upload photos into folders so they’re easier to find later—especially if your site uses lots of images.

• Don’t embed text inside images
  Text inside images can’t be read by screen readers or indexed by search engines. Use real text for better accessibility and SEO.