Dec 30, 2009

A Guide to RVUSA’s SiteSource

SiteSource is an amazing tool that gives RV Dealers the ability to manage their own websites. Updates are easy, fast, and require no HTML or programming knowledge. In fact, if you have ever used a word processor (such as Microsoft Word), then many of the functions will be very familiar.

sitesource-demo
To see just how easy it is to maintain your own website, check out the RVUSA SiteSource Demo. You can ask one of our sales representatives for our guest login information by calling (866) 643-4625.

This is a guide  for using the SiteSource Tool to edit your website. Feel free to bookmark this page and use it as a reference.

How do I log into SiteSource to edit my website?

There are two ways you can log in to SiteSource:

  1. Go to your website’s homepage. (e.g., http://www.yourwebsite.com)
  2. Type /manage at the end of the domain. (e.g., http://www.yourwebsite.com/manage)
  3. You should now see your login page for SiteSource. Enter your username and password. (If you do not have your login information, contact your RVUSA representative)
  4. The SiteSource toolbox will appear in the top left corner, which gives you options for editing your website.

OR

  1. Log in to RVUSA’s MMC at http://members.rvusa.com/.
  2. Under “Manage Website,” click on the link for “Jump to Website Mgmt.”
  3. You should be redirected to your login page for SiteSource. Enter your username and password. (If you do not have your login information, contact your RVUSA representative)
  4. The SiteSource toolbox will appear in the top left corner, which gives you options for editing your website.

Can more than one person be logged in?

More than one person can be logged in to SiteSource, but only one person can edit a page at a time. This is to prevent conflicts from multiple changes being made to the same page at the same time.


How do I add a new page to my website?

  1. Log in to SiteSource. (How do I log in?)
  2. Click the Add Page link in the SiteSource Toolbox.
    sitesource-addpage
  3. Enter the page name. This is the name that will appear in your menu as a button.
  4. Click the Add Page button.
  5. You will now see a page where you can add text and images to your page. (For more on editing a page, read the How do I edit a page? section)
  6. Click the Save Changes button.

How do I delete a page from my website?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to delete by clicking the link in your website’s menu.
  3. Click the Delete This Page link in the SiteSource Toolbox.
    sitesource-deletepage
  4. A dialog box will appear that says “Are you sure you want to delete this page?” Click OK.
  5. The page will now be removed from your website, and will be moved to your Trash Can.

Can I “un-delete” a page?

Yes, you can! Here’s how:

  1. Log in to SiteSource. (How do I log in?)
  2. Click the Trash Can link in the SiteSource Toolbox.
    sitesource-trashcan
  3. The next page will show you a list of your recently deleted pages. Click the checkbox to the left of the page you wish to un-delete.
  4. Click the Un-Delete Checked Pages button to un-delete the page.
    sitesource-undelete
  5. The page will now re-appear in your website menu.

Can I re-order my website menu?

Yes, you can! Here’s how:

  1. Log in to SiteSource. (How do I log in?)
  2. Click the Reorder Main Menu link in the SiteSource Toolbox.
    sitesource-reordermenu
  3. The next page will show you a bullet list of the pages in your menu. Hover your mouse over the name of the page you want to move. Your cursor will turn into a cross with four arrows pointing outwards.
    sitesource-reorder-hover
  4. Click and hold the left button on your mouse. Drag the name of the page up or down to move the page where you’d like.
    sitesource-reorder-draggingsitesource-reorder-complete
  5. Repeat steps 3 and 4 until the menu is in the correct order.
  6. Click the Save Changes button when you are done. Your menu buttons on the website will now update to the order you specified.

How do I change the name of a page in my website menu?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to change by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. Click the Click To Edit Advanced Options link. Additional fields will appear.
    sitesource-advanced
  5. Next to Page Name (shown on menu), type your new name for the page.
    sitesource-pagename
  6. Click the Save Changes button at the bottom of the page. Your new page name will appear in your website’s menu.

Can I create a page that doesn’t appear in the website menu?

Yes, you can! Here’s how:

  1. Log in to SiteSource. (How do I log in?)
  2. Click the Add Page link in the SiteSource Toolbox.
    sitesource-addpage
  3. Enter the page name. (this name will appear in your menu as a button)
  4. Before you click the Add Page button, click the Click to Edit Advanced Options link. Additional fields will appear.
  5. The Show in Menu checkbox is checked by default. Click the checkbox to unselect it.
  6. Now you can click the Add Page button.
  7. The page has been created, and you will see that it has not been added to your website menu.
  8. You can now add text and images to your page. (For tips on editing a page, read the How do I edit a page? section)
  9. Since this page will not be in your menu, be sure to write down the URL of this page (http://www…) so you don’t forget how to find it later.
  10. Click the Save Changes button.

What areas can I edit?

Every SiteSource website has a main content area where you can add you own text, links, and images. Here a few of our EZ-Site Designs, showing where these content areas are:

content-areasThe homepage of a SiteSource website often has additional information surrounding the content area, such as featured units, a RV search form, and a list of brands that you carry. However, the secondary pages are a blank slate, which gives you plenty of room to add whatever info you’d like to the page.

homepage-secondarypage

Some areas of the website you cannot edit through SiteSource:

  • Featured Units – You can select which units to feature through RVUSA’s Member Management Console.
  • Search Forms – Your search form cannot be edited through SiteSource.
  • Contact Information – Your contact information is listed prominently in the header, footer, or below your website’s menu. This information will be set up by your website designer, and cannot be changed using SiteSource.
  • Contact Page – You are able to add text, photos, and links above the contact form, but you will not be able to edit the contact form.
  • Website Tools – If you have some of RVUSA’s website tools added to your website, you will need to edit those pages using RVUSA’s Member Management Console. These pages could include: Testimonials, Events, News, Tips, Employment, and Staff pages. You can still add text, images, or links at the top of these pages using SiteSource, but the main content is maintained through the MMC.

How do I edit a page?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to edit by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. You will now see a large text area where you can type, and a few rows of buttons along the top. To learn what each of these buttons are for, hover your mouse over the button. The name of the button will appear after a few seconds. Here are just a few of the buttons that will be most useful:
    • Source – Click this button to edit your page in HTML. To switch back, click the button again.
    • Bold – Click this button to make your text bold.
    • Italic – Click this button to make your text italic.
    • Underline – Click this button to underline your text.
    • Strike Through – Click this button to create a line through your text.
    • Subscript – Click this button to type a subscript below the baseline, like this: sampletext.
    • Superscript – Click this button to type a superscript above the baseline, like this: 1st place.
    • Insert/Remove Numbered List – Click this button to create a numbered list. Hit the enter key to go to the next numbered line. When you have typed the last line in your list, hit the enter key again and click the button again to turn it off.
    • Insert/Remove Bulleted List – Click this button to create a bulleted list. Hit the enter key to go to the next line. When you have typed the last line in your list, hit the enter key again and click the button again to turn it off.
    • Left Justify – Click this button to align your text to the left side of the screen.
    • Center Justify – Click this button to align your text to the middle of the screen.
    • Right Justify – Click this button to align your text to the right side of the screen.
    • Block Justify – Click this button to align your text to the left side of the screen, but spaced out so all lines are the same length.
    • Insert/Edit Link – Highlight a portion of your text and click this button to add a link. (More at How do I add a link?)
    • Remove Link – Highlight a link and click this button to remove the link.
    • Insert/Edit Image – Click this button to add an image. (More at How do I add an image?)
    • Insert Horizontal Line – Click this button to add a horizontal line.
    • Insert Special Character – Click this button to select special characters with accents, or other unusual characters such as © or ™.
    • Font – Use this drop-down to change your font.
    • Size – Use this drop-down to change your text size.
    • Text Color – Use this button to change your text color.
    • Background Color – Use this button to Highlight text by setting a background color.
    • Maximize the Editor Size – Click this button to view the editor in full-screen mode. Click it again to turn it off.
  5. When you are finished making your changes, click the Save Changes button to save.

How do I add a link?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to edit by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. In the large text area, type the words that you wish to make into a link.
  5. Highlight the words and click the Insert/Edit Link button.
    sitesource-addlink
  6. A new window will pop up where you can enter your link information. In the URL field, type (or paste) in the URL that you want to link to. (http://www…)
    sitesource-linkdialog
  7. If you are linking to an external website, you may want the link to open in a new tab/window so your visitors do not leave your website. To do this, click on the Target tab and select New Window (_blank) from the drop down menu.
    sitesource-linktarget
  8. Click the OK button to close the pop up window.
  9. Click the Save Changes button to save.

How do I add an image?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to change by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. Click in the text area where you want to place your image.
  5. Click the Insert/Edit Image button.
    sitesource-addimage
  6. A new window will pop up where you can enter your image information.
    sitesource-imagedialog
  7. Click the Browse Server button to select the image you want to display. Another window will open that shows what files you have already uploaded to the website.
    sitesource-browseserver
  8. If you want to use an image that you have uploaded in the past, skip to step 10. Otherwise, you will need to upload your new image first.
  9. Click the Browse button and select your image, then click the Upload button in the bottom right corner. Your new image will appear in the list of file names.
  10. Click the filename that you wish to use. The window will automatically close so you are back at the Image Properties window.
    sitesource-selectedimage
  11. Now that you’ve selected your image, you can add additional information.
    • Alternative Text – A short description of the image that will display if the image doesn’t render.
    • Width and Height – Set the width and/or height in pixels.
    • Lock Ratio –  By default, if you increase the width, the height will also adjust proportionally so the image doesn’t stretch. If you wish to adjust one dimension and not the other, click the blue lock button to turn it off.
    • Reset Size – To reset the size of the image back to its original dimensions, click the circular arrow button.
    • Border – Type a number in this box to set a border (we recommend a value between 1 and 4).
    • HSpace – Type a number in this box to add space to the left and right of your image (we recommend a value between 5 and 20).
    • VSpace – Type a number in this box to add space to the top and bottom of your image (we recommend a value between 5 and 20).
    • Align – Use this dropdown to set the alignment of your image. Aligning to the right or left will wrap text around your image.
  12. Click the OK button to close the Image Properties window.
  13. If you wish to edit the image later, just select the image by clicking on it and click the Insert/Edit Image button.
  14. When you are finished making your changes, click the Save Changes button to save.

How do I get the text to wrap around my image?

  1. To add an image, follow steps 1- 10 of How do add an image?
  2. In the Image Properties window, you will need to set the alignment of your image.
    sitesource-selectedimage
  3. To have the image aligned to the left with your text wrapping around the right side, select Left from the drop down menu. To have the image aligned to the right with your text wrapping around the left side, select Right from the drop down menu.
  4. In the preview area, you will be able to see a preview of how the text is wrapping around your image. If you have a large image and can’t see the text in the preview area, just re-size the window so it is larger by clicking and dragging the bottom-right corner.
  5. If you want to add a little space around your image, just set the HSpace (horizontal space) and VSpace (vertical space) by adding a number to those boxes.
  6. Click the OK button to close the Image Properties window. You will now see your image with the text wrapped around it.sitesource-imagewrap
  7. Click the Save Changes button when you are finished editing the page.

How do I link to a PDF document?

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to edit by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. In the large text area, type the words that you wish to make into a link.
  5. Highlight the words and click the Insert/Edit Link button.
    sitesource-addlink
  6. A new window will pop up where you can enter your link information. But first, we want to upload your PDF document to the website. Click the Upload tab.
    sitesource-file-upload
  7. Click the Browse button to select the PDF file you wish to use. Click the Send it to the Server button to upload the PDF file.
  8. A window will pop up that says Your file has been successfully uploaded. Press the OK button.
    sitesource-file-upload-success
  9. You will now be sent back to the Link Info tab, and the URL to your PDF will be automatically entered for you.sitesource-file-upload-info
  10. Click the OK button to close the  pop up window.
  11. Click the Save Changes button to save.

Can I edit the meta information for each page?

When your website is first created, your designer will discuss keywords and key phrases with you and set up optimized page titles, keywords, and descriptions for all of your pages. Once the website is live, you can update this information whenever you wish, and enter meta information to new pages that you’ve created.

Editing meta information on an existing page:

  1. Log in to SiteSource. (How do I log in?)
  2. Navigate to the page you wish to change by clicking the link in your website’s menu.
  3. Click the Edit This Page link in the SiteSource Toolbox.
    sitesource-editpage
  4. Click the Click To Edit Advanced Options link. Additional fields will appear.
    sitesource-advanced
  5. You can edit/enter your meta information in these new fields. There are also other advanced options that you can edit here.
    • Page Name – The name that will appear in your website menu.
    • Open Page In – Sets whether the link in the menu opens in the user’s current window, or in a new window.
    • Page Title – This is the HTML title tag (<title>) that will appear at the top of the browser, as a link in search engine listings, and as the title of the page when it is bookmarked.
    • Meta Keywords – The meta keywords for the page.
    • Meta Description – The meta description for the page. The meta description will display in search engines listings under your page title.
  6. Click the Save Changes button at the bottom of the page when you are finished.

Please note that when you make changes to your existing meta information, you previous settings will be overwritten.  If you wish to keep a record of your previous titles, keywords, and descriptions, you should be sure to save these in a separate file for future reference before you save changes.

Adding meta information to a new page:

  1. Log in to SiteSource. (How do I log in?)
  2. Click the Add Page link in the SiteSource Toolbox.
    sitesource-addpage
  3. Before you click the Add Page button, click the Click to Edit Advanced Options link. Additional fields will appear.
  4. You can enter your meta information in these new fields.
  5. Click the Add Page button to start entering text and images to the page.
  6. Click the Save Changes button at the bottom of the page when you are finished.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>