Adding / Editing Images

Here's a video tutorial on how to add and edit images to your webpage. 

It covers how to add images using the Text App and the Image App, as well as how to edit the image within the app. 

Add an Image Using the Text App

1. Double click on the Text app on your page and go to the place where you want to insert an image.

2. Locate the “Edit in Place” toolbar at the top of the page. On the right side, find the “add image” button. It’s depicted by a picture with a plus sign, demonstrated in the image below.

3. After clicking it, a dialog box will appear, and it will allow you to select either an image from a public URL, or from your computer.

4. Insert a URL link or select an image from your hard drive, and it will be uploaded and added automatically to your Text App.

Add an Image Using the Image App

It's almost the same with the Image App.

1. Select the Image App from the Apps menu in the Shelf at the bottom of the page, then drag and drop it from your app menu to your webpage.

2. Double click on the default sample image, which is a blank grey space.

3. Next, click on the Replace button on the bottom left corner of the image dialog box. It will open the same dialog for selecting either an image from your computer or a URL. Go ahead and select one. Note that there’s currently a 1.5mb image file size limit.

Edit an Image

The majority of our apps can be edited in place, which means you see the page how your users will see it in their browser.

To edit an image, just double click on it. This will allow to replace, crop and resize it, link it to another page, and add tags if you'd like.