How to add pictures to your website

Note: This article refers to the legacy version of the Website Builder. If you signed up to the HostPapa Website Builder after March 11 2020, you’re on the new version of the Website Builder. For help, go here.

There are various ways you can add images to your website.

Use the Picture Gallery Widget

  1. Drag the Picture Gallery Widget onto your page (you’ll find it in Widgets > Popular).
  2. Upload a new image, or browse through the uploaded files in your File Manager.
    • To upload a picture from your computer: Click on Upload New Images. You will be able to browse your computer’s folders to select a file to upload. Select the file, click Open and it will automatically be uploaded to your gallery.
    • To add pictures that have already been uploaded: Click on Browse Uploaded Images and select the image from the File Manager. Select on the uploaded picture file you want to add, click OK and the picture will be added to your gallery.
    • To upload multiple pictures at the same time: Hold down ctrl (for PC users) or the cmd key (for Mac users), while clicking on the pictures you would like to upload. Click on Select in the bottom right corner to upload the images.
  3. You can edit your gallery layout, margins and hover text by clicking Edit in the top left corner of the widget.

Use the Picture Widget

    1. Drag and drop a Picture Widget onto your page. The Picture Widget is located in Widgets > Popular.
    2. A dialog box will pop up. You will have the option to upload images from your computer or choose from images which have already been uploaded to your File Manager.
    3. Another dialog box will pop up and you will be able to browse your computer’s folders to select a file to upload.
      Please Note: The example shown here has been done on a Mac, the file selection dialog boxes will vary depending on which operating system is being used.
    4. After you have clicked on Select, the picture will be added to your page and it will also be stored in your File Manager.

Use the Text Widget

    1. Drag and drop a Text Widget onto your page located in Widgets > Popular.
    2. Click on the Insert Image button on the Text Editing Toolbar (the icon that looks like a green tree in a picture frame, roughly in the middle of the toolbar).
    3. The File Manager will open up and allow you to browse for and select an image as described above.

For more information on how to use the Website Builder File Manager, click here.


For further questions, or if you need help, please open a support ticket from your HostPapa Dashboard. Click here to learn how to do it.

This article is also available in: French Spanish German

Related Articles