Inserting pictures

Wild Apricot allows you to add pictures to your webpages. You can also use these pictures throughout your website to put into page headers, page footers, on your events listing page and in emails.
(and in addition to Wild Apricot built-in functions you can also insert pictures from photo sharing sites such as Youtube, Bubbleshare, Smugmug, and more - see How to extend your website with picture albums, videos, polls and more).

1. To insert a picture on a webpage, go to the web pages section and start editing the page in question

2. Select the picture icon from the Editor tool at the top of the page.

3. This will open the picture file loader window. You now have two options - You can either browse through the pictures which are already available on your website or upload a new picture from your computer.

4. If you would like to upload a new picture, click on the Browse button and look for the picture you want to upload. Once you have selected a photo, click Open and it will upload onto the web server.

Note: Before you upload a picture, you should check its size. Pictures should be no more than 2MB in size or 1000 pixels in each dimension. You can use Microsoft Image Viewer/Editor or any similar utility to resize and compress pictures.

5. You can also change the picture's options:

• Alt-Text - provides alternative or substitute text when the picture is not shown
• Text Flow - change how the picture is positioned in relation to the surrounding text.
• Size - adjust the display size of the picture
• Border - place a black border around the outside of your image.

For more advanced options, you can go into HTML mode and edit the picture <img> tag parameters.

6. Click Insert picture to place the image on your web page and wait (usually it takes a few seconds). Once the picture has been uploaded, it will appear in the list.

Uploading a picture to put in a Page Header

You can edit the page header in two ways - 'Basic' and 'Advanced'. Initially you will be in the Basic mode and you can switch it by clicking on the "Advanced mode" link.

In the Basic mode, you can upload a new picture in the same way as the steps above or select one already on the server. The only difference is that in this step you will not need to manually change the properties of the picture. Wild Apricot will automatically resize it to fit the header page.