Menu

Questions?

Email the Communications Team at Communications@bloomfield.org.
We will respond to you as soon as possible!

Communications Team

Play and Pause Buttons for Slideshow

Location

BoothCenter

Booth Center

Communications Department
7273 Wing Lake Road
Bloomfield Hills, MI 48301

How to Update the Website (Staff)

Bloomfield Hills Schools currently utilizes Finalsite as our website service provider.

Staff have the ability to update their department and other applicable webpages. If you are a staff member who would like an Admin account to update your webpage, please email us at Communications@bloomfield.org.

How to Login...

Login: https://www.bloomfield.org/fs/admin

Username: Full Bloomfield Email Address
Password: (this will be provided via email)

How to...

How to Create a News Post

1. Login to Finalsite, Select Composer, and hover over the 4 square icons on the left side

2. Select Posts


3. Select Boards and then navigate to the applicable folder (ex: School News > Your School)


4. Select the green +New Post button from the upper right corner


5. Enter the Start date, and Expire date (the Featured Until date is optional and explained below)

  • The Start date sets when the post will become visible on the website. Posts are not visible to the public before they reach their Start date.
  • The Featured Until date is optional. If you enter a date here, the post will be marked as “Featured” from the Start date up to when the Featured Until date is reached. It acts like a "sticky note" did in News Manager.
  • The Expire date controls when a post will be archived and removed from site pages. An expired post is invisible to end users, but still remains accessible on the back end in Posts and can be re-published if desired. It is recommended the Expire date is 2 weeks from the Start date, or the date of the event (if the Post is regarding an event). Posts are  typically rotated on the website within 2 week increments.


6. Title: Enter a title for the Post. A title is required before the Post can be saved.


7. Body Content: The Body Content is what appears when the reader selects “Read/Learn More.” The content of the articles goes into this box. It can include formatted text, images, videos, and embedded content. If you are using Copy/Paste, highlight the pasted text and select the Remove Formatting button from the Toolbar to remove the hidden code/formatting:

Finalsite Posts Remove Formatting

***If you are uploading a PDF document, please review "How to Upload Images & Files to Resource Manager" in the next section. The URL to the PDF must be grabbed from Resources in order for the link to work correctly.

External Redirect URL: For the “Read/Learn More” link to go to an external URL (instead of the Body Content)  select the External Redirect URL button and type or copy/paste the URL in the box. If it’s a URL that’s not part of the www.bloomfield.org website, please check “Open in a New Window/Tab”. 

When would it be relevant to link to an external URL instead of creating Body Content? 

  • Event Signup Link
  • Form Link
  • Article Published on another website

Select the plus sign next to Summary, Category & Tags, and Thumbnails & Resources to open each section.

8. Summary: Use the text area in the Summary section to write a short description (1-3 sentences) of the Post content. This will display before the “Read/Learn More” link. 

Plain Text Summary:  This is automatically derived from the content entered in the Summary field, but it can be edited separately if needed. The Plain-text summary of a Post is used for Messages.


9. Tags: 

  • Tags: Select the applicable Tag for your Post (start typing your school name, such as "WHMS", and a drop-down will appear to choose from)
    • If the Post should be displayed on the school or department homepage, select “(school name)  News”.
    • If the Post should also be displayed in a Messages email, select “(school name) Broadcast News.”
  •  
  •  
  •  
  •  
  •  
  •  
  •  

  • Please do not create new Tags. The pre-existing tags are pre-programmed, and they are the only tags that will populate your website and email news. If you’d like to suggest a new Tag, please email Communications@bloomfield.org.

10. Thumbnails & Resources:

Thumbnails: The Thumbnail will be the image that displays on the website and in the Messages email. Select the Resource button to open the Resources Manager (note: Resources Manager replaces File Manager). 

  • From the left side of the Resources Manager, select the arrow next to Posts, and navigate to the applicable folder to upload an image.
     

 

  • Select the green Public Resources button and either drag and drop the image into the Drop File Here area ,or click the blue “Select File” button and navigate to the location on the computer the image is stored then follow the prompts to upload it.
     

 

  • Give the image a Title and Alt Tag relevant to what it represents.
    • Please follow the below naming conventions (avoiding words pertaining to gender, race, etc.)
    • Naming Conventions: Year / School or Department / Subject
      For Example: 2019 WHMS Reading Month or 2019 Lone Pine Visits the Farm
    • Giving the image a Title and Alt tag helps with the following:
      • Ensuring the file is properly read by ADA compliant software for visually impaired site readers by generating an applicable ALT Tag
      • Cataloging the image so it can easily be brought up in a search
  • Click the green Save button.

10. Attach Resources: (this is optional) By selecting Attach Resources, more photos can be added to the Post. These photos will automatically generate a photo slideshow at the bottom of a Post!

Note: 

  • The Comments box should remain as-is (with comments not enabled). The Communications team will enable comments for specific Boards when applicable. 
  • The Additional Settings box is for advanced coded settings that are not needed for our Posts.

11. Select Save in the lower right corner. The post will be live according to the Start date and time selected in the steps above. 


12. Select the eyeball icon to view the Post.


13. Changes can continue to be made to the Post, and will appear live after selecting the “Update” button in the lower right corner.

 

How to Upload Images & Files with Resources Manager

Note: If you'd like to turn a flyer or PDF document into an image, you can use the Snipping Tool.

How to use the Snipping Tool to create an image:

1. Pull up the document you'd like to use the image from.
2. In the lower left corner of your computer screen, select the magnify glass (search) and type "Snipping Tool".
3. Select the Snipping Tool program to open it.
4. Select the "New" button from within the Snipping Tool window.
5. Using your mouse, click and drag your mouse over the entire image you'd like to use.
6. Within the Snipping Tool window, select the Disc icon (Save Snip) and save the file to your computer.
7. Use the steps below to upload the image to a website page.


How to Add a Resource Image or PDF:

1. Login and navigate to the page or Post you would like to add the image to.
2. Place your cursor where you want to add the image.
3. Select the Image icon from the toolbar.

1 Finalsite Resources - Image Button


4. Select Browse and navigate to the applicable school/department folder on the left.

  • If you are uploading an image for a Post navigate to Posts > Your school or department.
  • If you are uploading an image for a webpage, navigation to Public > Your school or department
3 Finalsite Resources - File Structure


5. Select the green Public Resources button and either drag and drop the image into the Drop File Here area ,or click the blue “Select File” button and navigate to the location on the computer the image is stored then follow the prompts to upload it.

 

6. Give the image a Title and Alt Tag relevant to what it represents.

  • Please follow the below naming conventions (avoiding words pertaining to gender, race, etc.)
  • Naming Conventions: Year / School or Department / Subject
    For Example: 2019 WHMS Reading Month or 2019 Lone Pine Visits the Farm
  • Giving the image a Title and Alt tag helps with the following:
    • Ensuring the file is properly read by ADA compliant software for visually impaired site readers by generating an applicable ALT Tag
    • Cataloging the image so it can easily be brought up in a search
 

7. Click the green Save button. 


8. If you have uploaded a PDF and need to grab the URL for a Post, please following these steps:

How to link a PDF to a Post:
 

  1. After the PDF(s) is uploaded, click on the thumbnail image of it:
     

    Screenshot_5.png

  2. Additional options will appear on the right. Scroll down until you see the "Link to Resource" button and click the button

Screenshot_6.png

3. Right click on the URL that shows up at the bottom of pop-up box and select "Copy Link Address"

 

Screenshot_7.png

4. There are two options moving forward. You can decide which option works best for your workflow:

a. Navigate back to Posts, find the Post you are adding the PDF to and use this link for the PDF

b. Paste this URL into another source (Notepad, Google Doc, Word Doc, etc.) and then repeat Steps 5, 6, & 7 to obtain all of the URLs at one time. Then you can navigate back to Posts and create your Posts and copy and paste these URLs as needed when adding PDF links.

 

How to Delete a Resource:

1.Navigation to the Resources Manager by clicking on the folder icon and then clicking Resources.

Finalsite-Resources


2. Search for your image.

3. Hover over the image and a checkbox will appear. Click the checkbox.

Finalsite Resources-Delete Resource Check


4. Select "Delete Resources"

Finalsite Resources-Delete Resource


5. Select "Ok"

Finalsite Resources-Delete Resource Ok

 

How to Send an Email Using Messages

Messages features a cleaner, more modern look than eNotify. Email statistics are easier to read and an all-new activity log adds even more detailed info per message. Messages integrates with Posts and Resources.

Posts for Messages (Drag & Drop)

If you are not using Collections (ie. Bowers School Farm) skip to Step 5.

In order to drag and drop the order of Messages news, Posts need to be added to your school's Collection.

1. Login to Finalsite, Select Composer, and hover over the 4 square icons on the left side


2. Select Posts, and then select Collections


2. Select the applicable Collection (ie. BHMS Messages News)

 

3. Select the green "Add to Collection" button in the upper right corner. A pop box will appear which will allow you select the Posts to add to your email.

NOTE: If you do not see a particular Post listed, you can use the filter (search) box to type in either your school tag (such as BHMS) or part of the title of the Post. Please give it a few seconds to load your search results. Then click on the Post(s) you'd like to add. You'll know if a post is selected if it's highlighted in blue.

Once you have selected all of the Posts you'd like to add, click "Add Post" in the lower right corner of the Post selection box.

 

4. Click anywhere with a Post to drag and drop the order of it in rotation. This will be order it appears in the Messages (Broadcast) email.


5. Select Messages

Messages - Location

 

6. Create a New Message: Click on the green “Create Message” button at the upper right to create a new message.

Finalsite Messages- Create Message



7. Create a Subject for the message (i.e. BHHS Broadcast News 09.07.19), and to select the applicable template to use. 

Finalsite Messages -Select Template

 

8. Click "Next" to view the template selected, and then click "SAVE" in the lower right corner.
Note: The back-end of template will automatically display - you do not need to make any changes to it, you can simply select "SAVE."

Finalsite Messages-Save Message

 

9. Select "Message Details" in the bottom right corner of the screen to select the settings for your message and preview it.

FinalsiteMessages-Select Message Details


10. The Message Details screen has all the settings you need to personalize, test, and schedule your message for sending.

  • Select your school's email list from the "Send to" drop down.
  • Add your school name in the "From Label" box.
  • Select a Reply-to address from the dropdown list.
  • Select Update in the lower right corner to save these changes.

11. Select the eyeball preview icon next to the pencil icon to preview the message.

Finalsite Messages - Edit Message Details

 

12. Click the "Test Send" or "Schedule Send" button in the bottom right of the screen and follow the prompts.  You may choose to send the message immediately, or schedule it for a later date and time. 

Messages

 

How to Make Minor Changes to a Webpage


1. Once logged in, click “Composer” at the top

Screenshot detailing directions

2. On the left side: click Pages, → Bloomfield Hills Schools → then click on each page until you navigate to the page you would like to edit.

Screenshot detailing directions

3. On the bottom of the left side of the screen, click on the “COMPOSE” button so that it turns blue.

Screenshot detailing directionsScreenshot detailing directions

4. Hover over the area of the page you would like to edit and the “Edit Content” box appears. Click anywhere within this box to access/edit the content.

Screenshot detailing directions

5. Make the text changes desired (formatting tools are available at the top) and click SAVE at the bottom of the box you are editing in. Note: Acceptable formatting options are available under the paragraph icon as “Normal text” or “Headers 1-6” as well as Bold, Italic, Underline, and Bulleted or Numbered List. Please do not use red font.

Screenshot detailing directions

6. On the bottom of the left side of the screen, click on the “COMPOSE” button so that it turns gray. This provides a preview of the changes before they are live. If you’d like to edit further, click on the “COMPOSE” button so it’s blue again to edit. If the changes look accurate, continue to step 7.

Screenshot detailing directionsScreenshot detailing directions

TIP: If the page gets messed up and you aren’t sure how to fix it, you can “restore” it back to what it originally looked like and start from scratch with your changes again. To “restore” the webpage click on the 3 dots in the lower right corner, then click the arrow pointing to the left and select “Restore” when the Are You Sure box pops up.

Screenshot detailing directions

7. If your changes look accurate, click “Publish” in the lower right corner, answer “Publish” to the Are You Sure box that appears. Click on the blue circle “eyeball” icon to view the change/update on the live website.

Screenshot detailing directions

How to Add Link or File to a Webpage


Note: Please do not link Microsoft Office (Word, Excel, Powerpoint, etc.) or Google Docs/Sheets/Slides.

To save a Microsoft Office (Word, Excel, Powerpoint, etc.) document as an ADA Compliant PDF:

  • Select File > Info
  • Select the Check for Issues button
  • In the Check for Issues drop-down menu, select Check Accessibility
  • The Accessibility Checker task pane appears next to your content and shows the inspection results. To see information on why and how to fix an issue, under Inspection Results, select an issue. Results appear under Additional Information, and you’re directed to the inaccessible content in your file.
  • Select File > Save As and choose the save location
  • In the Save As dialog box, choose PDF in the Save As type list
  • Select Options
  • Check the 'Document structure tags for accessibility' checkbox if not checked
  • Select Ok

To save a Google Doc as an ADA Compliant PDF:

  • Download it as a Microsoft Word document
  • Select File > Info
  • Select the Check for Issues button
  • In the Check for Issues drop-down menu, select Check Accessibility
  • The Accessibility Checker task pane appears next to your content and shows the inspection results. To see information on why and how to fix an issue, under Inspection Results, select an issue. Results appear under Additional Information, and you’re directed to the inaccessible content in your file.
  • Select File > Save As and choose the save location
  • In the Save As dialog box, choose PDF in the Save As type list
  • Select Options
  • Check the 'Document structure tags for accessibility' checkbox if not checked
  • Select Ok

To add the link to the website:

  1. Login and navigate to the page you would like to add the link to.
  2. Hover over the area of the page you would liked to add the link to and the “Edit Content” box appears. Click anywhere within this box to access/edit the content.
  3. Type the text you want to appear as a link.
    NOTE: ADA Compliance recommends not using phrases such as “Click Here”, “Here”, “More”, “More Information”, and “Continue" or links that only describe a file type, such as “HTML”, “PDF”, and “Word”. Try using descriptive text, such as Bloomfield Hills Schools
  4. Highlight this text with your cursor and select the Link icon from the toolbar, this box appears:

Screenshot detailing directions

If the link is to a URL/website:

6. Type or copy/paste the link into the URL box and select Save.

7. Highlight the the text again and select the Underline symbol from the menu bar, then Save.

If the link is a PDF:

8. Select Site File > Browse and navigate to the applicable school/department folder on the left.

9. Select Upload Files at the top.

  1. Select Choose File if it’s only one file.
  2. Select Bulk Upload if you are uploading and linking multiple files.

Screenshot detailing directions

10. Locate the file on your computer and select Upload.

11. Type pdf in lower case in the Class box for the page icon to appear next to the linked file.

12. Select Save > Save.

Example of page icon:

Screenshot detailing directions

How to Add an Image to a Webpage


Note: If you'd like to turn a flyer or PDF document into an image, you can use the Snipping Tool.

How to use the Snipping Tool to create an image:

1. Pull up the document you'd like to use the image from.
2. In the lower left corner of your computer screen, select the magnify glass (search) and type "Snipping Tool".
3. Select the Snipping Tool program to open it.
4. Select the "New" button from within the Snipping Tool window.
5. Using your mouse, click and drag your mouse over the entire image you'd like to use.
6. Within the Snipping Tool window, select the Disc icon (Save Snip) and save the file to your computer.
7. Use the steps below to upload the image to a website page.

How to Add an Image:

1. Login and navigate to the page you would like to add the image to.
2. Hover over the area of the page you would liked to add the link to and the “Edit Content” box appears. Click anywhere within this box to access/edit the content.
3. Place your cursor where you want to add the image.
4. Select the Image icon from the toolbar.
5. Select Browse and navigate to the applicable school/department folder on the left.
6. Select Upload Files at the top.
7. Select Choose File if it’s only one image.
8. Select Bulk Upload if you are uploading a few images (for a gallery of images see How to create and Share Photo Gallery).
7. Locate the image on your computer and select Upload.

Screenshot detailing directions

8. Under Alignment, select the applicable option.
9. Under Alt Text and Title Text insert an ADA Compliant description of the image.
Avoid words like “picture of” and “image of”. Alt and Title text should present the content and function of an image, not necessarily a description of an image.
10. Under Size, type 350 in width for smaller display, or 700 in width for larger display (the height will auto adjust).
11. Under Margin, if a margin is needed type 10 into the applicable boxes.
12. Select Save > Save

How to Create a New Section to a Webpage

 

1. Navigate to the page you would like to add the gallery.
2. Toggle the COMPOSE button on.
3. Hover over the bottom of an existing Element Box and select “Add Element”.

Screenshot detailing directions
4. Select “Content” for a Content Box and select Place Above or Place Below.
5. The Content Box can be moved around the page by clicking and dragging it.