Workshop Replays How-to TutorialsHow to Import an Image

How to Import an Image

In this tutorial you will learn how to add an image to your project using a image URL.

1. Copying the Image URL

In some cases when importing a URL an image may not get imported. In such instances you are able to add the image in manually.

Start by navigating to the source URL (the blog post that you have imported). Then right click on top of the image you would like to import. In the right click menu you will find an option called 'Copy Image Address'. Click on that.

1. Copying the Image URL

2. Adding an Image Element

In Designrr, navigate to where you would like to import the image. Drag a blank image element to that location. If you are not familiar with this process please read the associated article. In summary, you will need to click 'Elements' in the sidebar, select the media drop down, and then drag and drop the 'Image' element to the desired location.

How to Inset an Image Tutorial - Click Here

2. Adding an Image Element

2. Activating the Image Element

Select the image element by clicking on it. You will know that it is selected when you see the word 'Image' in the upper left corner. Then click on 'Inspector' in the sidebar and then the 'Attributes' drop down. This will reveal the 'Media Manager' button. Click on it.

2. Activating the Image Element

3. Adding the Image URL

Once inside the media manager click on the 'Image URL' tab. Here you want to paste the image URL you copied in the beginning. Click on 'Use Image' in the bottom right corner to add the image.

3. Adding the Image URL

Here you can see the added image.