How to Insert Images in Magento 2

Besides knowing to optimize images, Inserting images is an essential thing when you create a new page on your store. In addition to the new page process, Magento 2 provides the WYSIWYG editor tool, which allows you to work in a “What You See Is What You Get” view of the content. And on the WYSIWYG bar, you can see the Insert Image icon, just tap it to add any image you need on the CMS page.

Besides, another way you can use is provided by Media Storage, so in this tutorial, I will guide you how to insert the image by two ways, let follow it now.

To Insert Images in Magento 2

• Method 1: Insert an Image from Media Storage
• Method 2: Insert an Image from Another Server

Method 1: Insert an Image from Media Storage

• Click on Show/Hide Editor button if you want to work directly with the code.
• Place the cursor at the position you want to insert the image. Then, click on Insert Image.
• From the list of files shown on the popup box, select the item to use and hit the Insert File button.
• To view the image in WYSIWYG mode, tap Show / Hide Editor again.

Method 2: Insert an Image from Another Server

You can use this method if an image is online and included in another server. The full URL of the image is required to insert it.

• Click on Show/Hide Editor button if you want to work directly with the code.
• Place the cursor at the position you want to insert the image. Then, click on Insert Image icon.
• From the list of file shown on the popup box, select the item to use and hit the Insert File button.
  • Enter the full URL of the image in the Image URL field.
  • Enter some descriptions for the Image Description field.
  • Enter the title for Image Title field.
• Click Insert to finish the inserting process.

Related Post

• How to upload Images Watermarks
• Import All Products with Images
• Upload Images Product in Magento 2
• Magento 2 Image Optimizer comparison
• How to Upload Product Videos
• How to upload Placeholders