You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Add Website Service

Choose a host name

When you sign up for the Website Service, you were prompted to select a hostname. 
Example: You could choose, yourorgname then your website URL would be: yourorgname.rescuegroups.org.

If you do not have a domain name, you can use this for your website URL.

If you have a domain name or want to register a domain name, you can set up your website first using the hostname you just selected, then we can show you how to use a domain name.  See the Domain Names guide.

NOTE

It may take time for the hostname to become active. In the meantime, you can move on to the next steps.

Verify your organization's contact information

  1. Go to Services > Account Administration
  2. Click Contact Information
  3. Verify that everything is accurate.

Add or Import Animals

Many of the features of the website require some animals to be added before they will be available.

NOTE

If you are new to our services, please read the Getting started with RescueGroups.org guide. In particular, please read the Animals section to learn about adding your animals.

If you already have either the Pet Adoption Portal or the Data Management Service, your animals are already added.

Now that you have animals added to your service, let's go through some specific settings that your website will use.

Animal Settings

Supported Species

Unchecking species you do not rescue will shorten the drop-down menus to only the animals you rescue.

  1. Go to Animals > Settings > Supported Species
  2. Uncheck any species your organization does not rescue. You can always enable species later.

Special Lists Settings

  • Go to Animals > Settings > Special Lists Settings
  • Enable any special list you would like to use.
  • If you would like to display your adoptable pets by age groups on separate pages, you will need to add in birth dates for each animal. This is a great way to show puppies, adults, seniors on their own web pages.

For more information about special lists, see the section about Using the Special Lists Settings feature.

Additional Animal Settings

Browse through and make any changes necessary to the following:

  • Required Fields Settings
  • Enabled & Disabled Fields Settings
  • Note: if you export to Petfinder, do not disable the "general" fields.
  • Privacy Related Settings
  • Animal Rescue ID Settings
  • Export Settings
  • Microchip Registrations

Website basic setup

To upload your organization's logo, go to Website > Logo  > Upload a New Logo

Enable Affiliates

  1. Go to Website > Affiliates
  2. PayPal Email: enter the email address that your organization uses with PayPal.
  3. Facebook Page: https://userguide.rescuegroups.org/x/84Ah
  4. Twitter Account
  5. You can enter others or leave them blank.
  6. Save Affiliates

NOTE

Please note: Amazon Tag is not the Amazon Smile or Wishlist. To add those, you will create a custom code snippet, then add it to your web page.

Review the Website Settings page and enable/disable features.

Go to Website > Settings

General Site Settings

It's a good idea to leave the site active as you get things set up so you can preview your edits.

Meta Settings

Website Description:
This is used by all search engines and is the little snippet of information that appears in google and bing. Keep it brief. The description should optimally be between 150-160 characters.

Use Short Cut / Favicon Image
If you have a favicon image, you can upload it to Website > Images, then select it from the drop-down menu here.
A favicon is a little icon that appears in a browser's address bar or next to the site name in a bookmark list.
Here is an online tool to generate one if you'd like. http://www.favicon-generator.org/

Use Logo Image
Be sure to upload an image that is a minimum of 200x200px to Website > Images, then select it here.
This will be the image shown when you share the website.

Site Layout Options

Layout Slogan:
Not all layouts support this option. If your layout does not, you may need to upload your logo to your Website > Images, then edit the web page named Header, and place your logo on the page.

Front Page Options

Custom front page
While it's a good idea to use the web pages that comprise your home page to maximize use of the built-in features, you can create your own web page, and set that page as your homepage.

Display logo on front page
Not all layouts support this, but if the layout you selected does and you've uploaded a logo, you can enable it here.

Latest News Articles
Enable this if you would like to show news on your homepage. https://userguide.rescuegroups.org/x/J4IO

This is also available as a snippet.

Upcoming Events
Enable this if you would like to show events on your home page. https://userguide.rescuegroups.org/x/BoIO

This is also available as a snippet.

Top Highlighted Animals
You can use the Animal Highlight field to specify which animals appear. Here's more on this: https://userguide.rescuegroups.org/x/A4EO

Sidebar Options

Depending on your layout these items be available as built-in elements or add them manually via snippets.

Logo and Background

Use your logo
Some layouts use this setting.

Use Background Image
You can upload an image to website > images and select that image to be your background image.

The image must be a jpg file and will be resized to 140px.

If you would like to use a solid color or change the color that is there, we can help you with that. Let us know.

Contact Info Page

Enable to activate the contact form.

Save Settings

Open Your Website

Go to Website > Open Your Website

Your website is live and ready for you to start adding content and customizing the look and feel.

Add Some Content to the Web Pages that Make up Your Home Page

When selecting a layout, it helps to see where each of these page elements is located on the various templates (if they are used).
Adding in some content before you choose a layout will make this easier. These web pages are Home Page Header, Front Page Top, Front Page Bottom, Sidebar Right, Sidebar Middle, and Footer. See below for more information.

NOTE

Adding HTML to a Web Page

Please be sure to add all custom HTML using the Custom Code Snippet feature.

If you add the code directly to the page, the page editor will likely strip out your html code or trap the code in paragraph tags - that is why you should use the custom code snippet feature. Here's more on that feature: https://userguide.rescuegroups.org/x/d4IO

When to use this? Whenever you add any custom html like:

  • Adding in a custom pay pal button.
  • Embedding a video
  • Adding a Facebook feed

Recommendation

Copying / Pasting

 If you are copy/pasting text from another web page, an email, or word document:

Please use the Paste as Plain Text icon in the page editor to remove the formatting! This will remove the existing font sizes, font properties, and any unsupported code.  Here's more information on working with the page editor: https://userguide.rescuegroups.org/x/2oUO


  1. Go to Website > Web Page List
  2. In the data table, under Title is the list of web pages and editable sections for your website.
  3. Click the Edit icon next to the webpage titled Sidebar Middle, then type the words "Sidebar Middle" on the page, click Save.
  4. Repeat for these pages:
    1. Sidebar Right, then type the words "Sidebar Right" on the page, click Save.
    2. Header
    3. Footer
    4. Front page top
    5. Front page bottom
  5. Upload your logo to Website > Logo.
  6. Add your organization's PayPal email address to Website > Affiliates.
  7. Add your organization's Facebook page to Website > Affiliates.
  8. Go to Services > Account Administration > Organization Contact.  Determine if anything needs to be updated or made private.

Preview the Layouts


Layouts are like a frame and many of the layouts can be further customized by modifying the style sheet.  Now that you have some content on the pages, you can flip between the different layouts to see where things will appear since not all layouts use all of the areas (sidebar middle, sidebar right, header, footer and not all automatically display the logo). If a layout you like does not automatically display these elements, you can manually add in your logo by uploading it to your Website > Images, then placing it on the page. You can also add in other elements manually.

  1. Go to Website > Layouts.
  2. Click Preview next to each layout.
  3. You can also click Use This Layout to see the layout more in depth.
  4. Click Website > Open Your Website to view your website.

Select your sites Colors and Font Options

This can be challenging to create the look/feel you would like. And some of the areas on a few layouts can only be customized by modifying the style sheet. If you need any help, please open a support ticket and let us know.  You can send us your logo, and some ideas of the colors/feel you like, we can help you set the colors.

  1. Go to Website > Colors & Font Options.
  2. Select a font and font size that you will use across your entire site. This will help you avoid changing the font/font size on each of the pages.
  3. Select Colors, click Preview at the bottom of the page or click Save

Not all layouts use the Secondary and Strong Colors in the same places, so it's a good idea to select the layout first, then edit these.

At the bottom of this page is a tool that can help you select colors.

NOTE

Font & Font sizes: if the layout you select displays the text too small on some pages, please open a support ticket and we can help you adjust this. We can also help you adjust the font sizes, font face for the heading and page titles. This way if you want to have a page heading that is a different font or font size, you can just select the Heading 1 or Heading 2 and not change the font face, font size on the page over and over.

Colors: A lot of this is trial and error. If you need help, please open a support ticket and we will assist you.

When to Create Pages

  • Buil- in pages come with your site, you don't need to use them, but they're there to help you get started.
  • You do NOT need to create the animal browse pages. One of the great features that is built into your service is the automatic displaying of animals.
    • To automatically group animals by ages (puppies, kittens, dogs, cats) you will need to add birth dates.
    • To add Events or News

IMPORTANT

Built-in pages cannot be deleted. You can create a custom menu and opt not use those pages.

To add HTML to a page, please use the Custom Code Snippet feature.

Examples of adding custom HTML are:

  • ChipIn widget
  • Goodsearch code
  • Goodshop code
  • Embed a Video or Slideshow
  • Custom PayPal code
  • Custom Affiliate code
  • Facebook Like Box
  • iFrame

Using a domain name with your Website Service

 Please follow the instructions in the Domain Names guide.


  • No labels