How to Embed an Image in a Text Editor Box

How to Embed an Image in a Text Editor Block

We recommend using a Text + Image Block for the easiest way to display text and images together. However, if you want to insert an image (including an animated GIF) directly inside a Text Editor Block, you can do so by following the steps below.

STEP ONE

Log into your PhotoBiz account and click on FILES in the left-side menu.

STEP TWO

Click on DOCUMENTS at the top center of your Files control panel.

STEP THREE

Upload the image you want to embed in your Text Editor Block.

STEP FOUR

Once your image has uploaded, copy the file URL for the image you want to embed.

STEP FIVE

Click on WEBSITE in the left-side menu of your control panel.

STEP SIX

Select the page that contains the Text Editor Block where you want to insert your image.

STEP SEVEN

Click on the Text Editor Block to open it for editing.
If you don’t already have one on your page, you can add a new Text Editor Block.

STEP EIGHT

The right-side menu will open and in the Text Editor toolbar, click the Image Icon.

STEP NINE

Paste your file/image URL into the field labeled IMAGE URL and click OK.
Your image or animated GIF will now appear inside the text box.

STEP TEN

If your file is not a .PNG, .JPEG, or .GIF, it cannot be embedded directly as an image.
Instead, you can link to the file externally:

Highlight the text you want to use as your link.
Click the Link Icon in the toolbar.
Paste the file URL into the URL field and click OK.

Good to Know:

Using the Text + Image Block is generally more flexible for layout design and mobile responsiveness. The Text Editor method is best for simple inline images or displaying animated GIFs.

Previous Post Next Post

How can I add an image to my blog post with a URL?

June 4, 2024

How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?

June 3, 2024

What image size can I upload?

May 31, 2024

How do I batch rename files with Adobe Bridge?