Upload an Image or Photo to a Bongo4U Page

Upload an Image or Photo to a Bongo4U Page

Log in to Bongo4U Admin Mode and go to the page to which you want to make changes by clicking that page's link in the navigation, or by using the "Pages..." option on the admin menu.

Supported image file types are .gif, .jpeg, .jpg, .png.

Adding Images Using a WYSIWYG Block

Click an existing "Block: WYSIWYG" link to edit your page's content (or add a WYSIWYG block to the page). Determine the location within that WYSIWYG block's content where you want the image inserted and click at that location (i.e. move your cursor to the insert location). Click the Image icon (a picture of a tree) from the WYSIWYG control panel.

Selecting the Image icon in the WYSIWYG block

An Insert/Edit Image pop-up window will open.

Notes
If the Insert/Edit Image window does not open, then you probably have pop-ups disabled. Check for a message near the top of the page from your web browser and select the option that enables pop-ups from the current site (permanently) so that you can edit your WYSIWYG page content. Once enabled, you might need to click on the Image icon (a picture of a tree) again.

Insert/Edit Image pop-up window

Click the "Get Image" link in the Insert/Edit Image window.

You will see the Select or Upload Images window open at a Browse tab that lists all the images you have previously uploaded to your site. To use one of these existing images, click its filename within the list of existing images.


Browse tab with previously uploaded images

Or, to upload a new image, click the "Upload" tab near the top and follow the Upload Files instructions.

After you have uploaded and/or selected the desired image file, you will be returned to the first pop-up window (where the "Get Image" link is).

Enter a short Image Description (and/or Title) for this image. Users will see this text when they hover over the image, assistive devices will use this text, and search engines will also use this text.

Populating image Description and Title

Click the [Insert] button near the bottom, and your image will be added to your page at the insert location (you might need to scroll down or resize the window to see the button).

To insert another image, click at its desired insert location within the WYSIWYG block, click the Image Manager (tree) icon, click the "Get Image" link, and do these steps again.

Important! Once you are done inserting all the images, save the changes to your WYSISYG block by clicking the [Save Changes] button (otherwise, your additions and/or changes will be lost).

Adding Images Using an Image Block

If you wish to add an image using a separate block on the page (if you are not using the WYSIWYG block), then hover your mouse over the "Page Menu" link, which is located near the top of the page.

The Page Menu: will appear. Hover over the "Add to this Page" option on the Page Menu, and a sub-menu will appear.

Selecting Page Menu: > Add to this Page > Image

Click on the "Image" option on the sub-menu. This will add an Image block to the bottom of the page.

If you wish to have an optional headline above this image, or an optional caption below the image, then populate the appropriate Headline and/or Caption field(s).

Add Block: Image Options

To upload the image from your local workstation, click the [Browse] button and then navigate/browse your local file system until you find the desired image and click on it to upload.

Once loaded, click the [Save Changes] button. 



    Emerge2 is here to help with website and ecommerce enhancements, marketing, and support services.

    These articles were created by Emerge2 Digital and are part of our Emerge2 Knowledge Base.