NOTE: More help is available in the SitePro User Guide
 

Inserting an image into a page with SitePro
Inserting a link into a page with SitePro
Uploading a file with SitePro
Installing a "Hit" Counter/Pasting HTML code into a page with SitePro


^ Top

Inserting an image into a page with SitePro

  1. Login to SitePro
  2. Select the page you want to edit in the left pane
  3. Click edit in the top of the right pane to start the editor
  4. Position your cursor where you want the image inserted
  5. Select the "Insert/Modify Image" icon (). This opens the "Media Manager" pop-up window.
  6. In the pop-up window, select the image you want to insert. (If you will need to upload the image, click the "Browse" button to browse your computer for the image you want to use. When found, select it, and click "Open" to load that image, and then click "Go" to upload the image. The new image will now be available in the Media Manager window).
  7. Once you have selected the image, there are several optional properties which you can alter:
    • Alt text - the text that is seen when you hover your mouse over the image, or if the image cannot be displayed for any reason
    • Border - width in pixels of the border around the image
    • Width & Height - dimension of the image in pixels. Please note that setting both dimensions at the same time may skew the display of the image if they are not proportionally the same as the image's original dimension. Therefore, if you want to change the dimension at which the image is displayed (eg, you want to "shrink" it), it is better to change one of these dimensions to the size you want, and leave the other one blank. This will allow the system to automatically determine the other dimension so that it is proportionally correct.
    • Horiz & Vert Space - width in pixels of any blank space/padding that you want around the picture to separate it from surrounding text
    • Align - (Baseline, Top, Middle, Bottom, TextTop, ABSMiddle, ABSBottom, Left, Right) determines where the picture will align in relation to surronding text, and how the text will wrap around the image
    • Style - Select a style from the list available for your template. Generally, "Styles" apply to text formats, so it is unlikely that these would have any effect.
    • Title - the text that is seen when you hover your mouse over the image (similar to Alt text above, but this will not display if the image cannot be displayed) Most people no longer use this attribute, in favor of Alt text.
  8. Once you have selected the image and finished modifying any of its properties as needed, click the Insert Image" button to insert it into the page
  9. Save your page



^ Top

Inserting a link into a page with SitePro

  1. Login to SitePro
  2. Select the page you want to edit in the left pane
  3. Click edit in the top of the right pane to start the editor
  4. Position your cursor where you want the text and associated link inserted
  5. Type the text for the link (eg, "To learn more click here")
  6. Highlight the section of that text which you want to be the link (eg, "click here")
  7. Right-click the highlighted text and select the "Create or Modify Link" icon ()
  8. Type the url that you want the link to go to into the Link Location box (eg, http://www.yahoo.com), OR select the file that you want the link to go to in the file list.
  9. If you want the link to open into a new window (so that your site's window stays open as well), select "New Window" under Target Window
  10. Leave everything else set to default settings and click "Insert Link"
  11. Save your page



^ Top

Uploading a file with SitePro

  1. Login to SitePro
  2. If you want the file uploaded to a directory other than the main directory, click the folder that you want to upload the file to. The folder name should now be highlighted
  3. Click the Upload File icon at the top of the left pane ()
  4. Click the "Browse" button next to the "Select a file to upload" box. This will open a pop-up window which displays files that are on your computer.
  5. In the pop-up window, navigate to the location of the file on your computer. Once you have found the file you want to upload, select it and click "Open". This will close the pop-up window and you should now see the path to that file in the "Select a file to upload" box.
  6. Click "OK" to begin the upload.
  7. When the upload is complete, a message will be displayed on-screen



^ Top

Installing a "Hit" Counter/Pasting HTML code into a page with SitePro

  1. If you are installing a pre-made script such as a hit counter:
    • In your web site's Control Panel (CPanel), go to CGI Center/Countdown
    • Set up the counter's colors, style, etc., and click Make HTML
    • Copy the entire code as instructed

      NOTE: Select the entire code, starting EXACTLY with the first "<" and ending EXACTLY with the last ">" in the code. Selecting any additional spaces, symbols, etc will break the HTML code of the page, guaranteed!
       
  2. In SitePro, open the page where you want to install the counter/other HTML code for editing
  3. After the editor finishes loading, select View/Toggle Mode. This takes you into the actual HTML code for your page.

    NOTE: If you try to add HTML code directly in the WYSIWIG editor as opposed to the HTML editor, it will not work!
     
  4. Find the area where you want the code to go. (You will have to look through all the tags in your page to see where the actual visible text is).

    NOTE: In HTML, all programming code starts with an opening tag like <td> and usually ends with a closing tag like </td>. These two tags match/correspond to each other. You can place code in between most opening/closing pairs, but do not place anything inside the tag itself (eg, do not do <td somethinghere>, instead do <td>something here</td>). It is safest to enter text in between a pair of <td></td>tags or <div></div>tags.
     
  5. Paste the code you made in step "1" above (or from some other source, such as a link for a PayPal item given from PayPal's site, etc) into the HTML code of your page
  6. Click Save or Save/Exit to save your changes and publish your new page