Introduction

The MembersFirst Digital Sign is a display utility allowing our clubs to showcase club events and happenings on a computer or TV monitor positioned/mounted at the club. The MembersFirst Digital Sign requires a Member Account to be logged in on the computer/monitor being used to display the Digital Sign. The application is built with an automatic page refresh to prevent the logged-in session from expiring.

Table Of Contents

In this guide we will cover the Digital Sign requirements and content usage:

• Computer/TV Monitor Requirements
• Digital Sign Layout Options
• Digital Sign Display/Configuration Options
  • General Site Configuration
  • Digital Sign Logo
  • Digital Sign Title
• Content Usage
  • Announcements
    • Navigate to Club Announcements
    • Create a New Announcement
• Calendar Events
  • Navigate to Club Calendar of Events
  • Adding an Existing Event to the Digital Sign Event List
• Featured Highlight (Full Page Text Flyers)
  • Navigate to Inserts Maintenance
  • Adding an Existing Highlight to the Digital Sign
• Highlights
  • Navigate to Inserts Maintenance
  • Adding an Existing Highlight to the Digital Sign
• Highlights (Menus)
  • Navigate to Inserts Maintenance
  • Adding an Existing Highlight to the Digital Sign
• Instagram Feed
  • Pull Instagram Photos from an Account
• Photo Gallery
  • Navigate to Image Albums
  • Managing Images in the Digital Sign Photo Gallery
    • Adding New Images
    • Deleting Images
    • Reordering the Existing Images

Computer/TV Monitor Requirements

• 1920x1080 Resolution (1080i/p TV resolution): The sign is formatted for this size. Other settings may not properly display the sign as intended. Our clients are responsible for the purchase, installation, and setup of a TV/Monitor capable of this resolution connected to a computer with Internet access.
• Google Chrome with uninterrupted access to the Internet: The Digital Sign is built and tested to display on the most up-to-date version of Google Chrome and therefore requires that the computer running the Digital Sign have Google Chrome installed and have uninterrupted access to the Internet to run properly.

Digital Sign Layout Options

Identify the design of the digital sign below that your club has chosen. Scroll below to learn how to manage the content shown within your chosen layout.

Option One

Logo, Title, Date/Time, Announcements, Upcoming Events, Photo Album, Weather

Option Two

Logo, Title, Date/Time, Announcements, Upcoming Events, Highlights (Rotating), Photo Album

Option Three

Logo, Title, Date/Time, Announcements, Upcoming Events, Highlights (Rotating), Weather

Option Four

Logo, Title, Date/Time, Announcements, Upcoming Events, Rotating Featured Highlights (Full Page Text), Weather

Option Five

Logo, Title, Date/Time, Announcements, Upcoming Events, Rotating Featured Highlights (Full Page Text)

Option Six

Logo, Title, Date/Time, Announcements, Rotating Featured Highlights (Full Page Text), Highlights (Rotating), Weather

Option Seven

Logo, Title, Date/Time, Announcements, Rotating Featured Highlights (Full Page Text), Highlights (Rotating), Photo Album

Option Eight

Logo, Title, Date/Time, Announcements, Rotating Featured Highlights (Full Page Text), Photo Album, Weather

Option Nine

Logo, Title, Inserts (Section Page Text)

Option Eleven

Logo, Title, Date/Time, Announcements, Rotating Featured Highlights (Full Page Text), Instagram feed (9) - without captions

Option Twelve

Logo, Title, Date/Time, Announcements, Upcoming Events, Instagram feed (9) - without captions

Digital Sign Display/Configuration Options

General Site Configuration

Color and scroll speeds are able to be customized by editing the options available in the General Site Configuration area of your website.

The settings you can control include:

• Header Logo Image (Not Used)
• Skip Digital Sign Header Checkbox (Not Used)
• Header Background Color (Color behind the logo and Title of the sign)
• Time Background Color (Color behind the time displayed on the sign)
• Announcement Background Color (Color behind the scrolling announcements area of the sign; Font color cannot be changed)
• Header Text Color (Font color for the sign title,date and time)
• Menu Text Color (Font color for menus; Applicable only for Digital Sign Option 9)
• Announcement Speed (Fast = 30 seconds; Medium = 60 seconds; Slow = 90 seconds)
• Event List Speed (Fast = 30 seconds; Medium = 60 seconds; Slow = 90 seconds)
• Flyer Speed (Fast = 2 seconds; Medium = 5 seconds; Slow = 10 seconds)
• Highlight Speed (Fast = 2 seconds; Medium = 5 seconds; Slow = 10 seconds)
• Album Speed (Fast = 2 seconds; Medium = 5 seconds; Slow = 10 seconds)
• Weather Speed (Fast = 2 seconds; Medium = 5 seconds; Slow = 10 seconds)

Navigate to "General Site Config"

By typing 'general site config' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "General Site Config" link that appears in the left:

Select "Site Look and Feel" in the dropdown menu:

Scroll down to the "Digital Sign" area of the page, edit the field(s) you wish to customize and click save.

Digital Sign Logo

The "Logo" of the Digital Sign may be customized.

Upload the New Logo File to the Website

Upload the logo image file to the Image Library of your website (Instructions)

Navigate to "Inserts Maintenance"

by typing 'inserts' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "Inserts Maintenance" link that appears in the left:

Editing the Logo

Click on the insert that has "DSLOGO" in the "Name" column:
NOTE: Do NOT change the Insert Name Field which has "DSLOGO" in it. This is required in order to allow the Digital Sign Logo to display correctly.

On the Section Page Tab, select the new logo file from the website Image Library by clicking the "Select" link.

Digital Sign Title

The "Title" of the Digital Sign may be customized.

Navigate to "Inserts Maintenance"

by typing 'inserts' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "Inserts Maintenance" link that appears in the left:

Editing the Title

Click on the insert that has "DSTITLE" in the "Name" column:
NOTE: Do NOT change the Insert Name Field which has "DSTITLE" in it. This is required in order to allow the Digital Sign Title to display correctly.

On the General Tab, edit the "Insert Title" field to include the new Title you wish to display on the Digital Sign and click Save.

Content Usage

The client is responsible for loading the content applicable to their chosen Digital Sign layout. These may include:

• Announcements
• Calendar Events
• Inserts (Featured Highlights (Flyers)/Highlights/Logo/Digital Sign Title)
• Image Album
• Club Facilities

Announcements

Applicable for all Digital Sign Design Layouts. The scrolling speed can be customized. See the Digital Sign Display/Configuration Options section for instructions.

Navigate to "Club Announcements"

Type 'announcements' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then click the "Club Announcements" link that appears in the left:

Create a New Announcement

Provide the text you want shown in the "Announcement Subject" field and click "Create Now"
Displayed at the top of the Digital Sign. When more than one announcement is in use, all Announcements will marquee across the top of the screen.

On the "General" Tab, choose the start date (Posting Date of Announcement), how many days it should show on the sign (Days to Show) and make sure the "Active" checkbox is selected:

On the "Nav Sections" Tab, check the box for the "Digital Sign" and click save.

Your Announcement will now scroll through the top of the digital sign. There is no additional text available for Announcements beyond the title that scrolls across the top of the page.

Calendar Events

Applicable for Design Option 1, Option 2, Option 3, Option 4, Option 5 and Option 12

The rotating speed can be customized. See the Digital Sign Display/Configuration Options section for instructions.

Navigate to "Club Calendar of Events"

Type 'club calendar' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then click the "Club Calendar of Events" link that appears in the left:

Adding an Existing Event to the Digital Sign Event List

If you need to create a new calendar event, follow these steps (Step-By-Step & Video)

Click on the Event you wish to add to the Events List on the Digital Sign:

The Sign will show the following fields located on the "General" Tab of the event

• Event Title ("Event Short Description")
  • Long titles will wrap to a new line after 60-70 characters.
  • The digital sign is designed to show events within the number of days in the future the Digital Sign Navigation Section is configured to display. To edit this value, navigate to "Nav Section Maintenance" by typing 'nav section' in the "Find Application search bar under the "Applications area of the Admin Home Screen and then clicking the "Nav Section Maintenance link that appears on the left. Please contact your Client Services Manager for assistance if needed.

Click on the row for the "Digital Sign" navigation section:

On the Settings Tab, edit the number in the "Days on Calendar to Show in the Future" field.

Click Save. The sign will now show events within the number of days defined.

• "Event Date"
• Event "Start Time"
• "Event Location"

On the "Nav Sections" Tab, check the box for the "Digital Sign" and click save.

Your Event will now appear in the Events List on your Digital Sign. There is no additional text available for Calendar Events beyond the fields mentioned above.

Featured Highlight (Full Page Text Flyers)

Applicable for Option 4, Option 5, Option 6, Option 7, Option 8 and Option 11. There is no maximum, however, MembersFirst recommends no more than five. The rotating speed can be customized. See the Digital Sign Display/Configuration Options section for instructions.

Navigate to "Inserts Maintenance"

Type 'inserts' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then click the "Inserts Maintenance" link that appears in the left:

Adding an Existing Highlight to the Digital Sign

If you need to create a new insert highlight, follow these steps (Step-By-Step & Video) or learn more about Insert Location Codes in this video.

Click on the Insert that has the flyer you wish to add to the Digital Sign:

Make sure the flyer is shown in the "Full Page Text" tab of the insert:
Image Dimensions

• Digital Sign Design Option 4 Flyer = 1290px x 1340px
• Digital Sign Design Option 5 = 1290px x 1900px
• Digital Sign Design Options 6, 7, 8 or 11 = 2424px x 1900px

On the "General" Tab, make sure "Featured Highlight" is selected from the "Location Code" dropdown:

On the "Nav Sections" Tab, check the box for the "Digital Sign" and click save.

Your Flyer will now appear in the Flyers area on your Digital Sign. There is no additional text available beyond the fields mentioned above.

Highlights

Applicable for Option 2, Option 3, Option 6 and Option 7. There is no maximum, however, MembersFirst recommends no more than five. The rotating speed can be customized. See the Digital Sign Display/Configuration Options section for instructions.

Navigate to "Inserts Maintenance"

by typing 'inserts' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "Inserts Maintenance" link that appears in the left:

Adding an Existing Highlight to the Digital Sign

If you need to create a new insert highlight, follow these steps (Step-By-Step & Video) or learn more about Insert Location Codes in this video.

Click on the Insert that has the highlight you wish to add to the Digital Sign:

On the "General" Tab:

• Title (Insert Title): The title of the featured highlight
• Select "Highlight" from the "Location Code" dropdown

On the "Section Page" Tab:

• Teaser Text (Insert Section Text): The text that shows under the image area of the featured highlight. 1-2 Sentences recommended. The sign will display the first 3 lines of text followed by "..." for any overflow text that does not fit within the display.
• Image (Select Image): Click Select to pick an image from the club's website. Click Select Global to pick an image from the MembersFirst global image library.
  • Image Dimensions =1344px x 788px

(Optional) If you would like to customize either the background color or the font color of the text displayed under the highlight image, on the "Advanced" Tab enter the desired colors for the "Font Color" and/or "Background Color" fields.

On the "Nav Sections" Tab, check the box for the "Digital Sign" and click save.

Your Highlight will now appear in the Highlight area on your Digital Sign. There is no additional text available beyond the fields mentioned above.

Highlights (Menus)

Applicable for Digital Sign Design Option 9

Navigate to "Inserts Maintenance"

by typing 'inserts' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "Inserts Maintenance" link that appears in the left:

Adding an Existing Highlight to the Digital Sign

If you need to create a new insert highlight, follow these steps (Step-By-Step & Video) or learn more about Insert Location Codes in this video.

Click on the Insert that has the highlight you wish to add to the Digital Sign:

On the "General" Tab:

• Title (Insert Title): The title of the Menu Block
• Select "Highlight" from the "Location Code" dropdown

On the "Section Page" Tab:

• Teaser Text (Insert Section Text): The text that shows centered under the title bar of the menu.

On the Full Page Text Tab include the menu details and/or image you want to display for that menu block:

• Image Dimensions:
  Max Width = 1180px;
  Max Height = 1900px (If no other text is used for that menu block)

(Optional) If you would like to customize the background color of the menu title bar, on the "Advanced" Tab enter the desired colors for the "Background Color" field.

On the "Nav Sections" Tab, check the box for the "Digital Sign" and click save.

Your Highlight will now appear in the Menu area on your Digital Sign. There is no additional text available beyond the fields mentioned above.

Instagram Feed

Applicable for Digital Sign Design Option 11 and Option 12
MembersFirst will configure a SnapWidget plugin and provide you with a link to authorize the plugin's use to pull your Instagram photos into the Digital Sign. First, login to your business Instagram Account. Second, click on the link provided by your Project Manager and follow the steps to authorize the widget. Finally, email your Project Manager notifying them you have authorized the widget and they will connect the SnapWidget with your Digital Sign to pull in your photos.

Photo Gallery

Applicable for Digital Sign Design Option 1, Option 2, Option 7 and Option 8

There is no maximum, however MembersFirst recommends 10-15. The rotating speed can be customized. See the Digital Sign Display/Configuration Options section for instructions.

Image Dimensions with Announcements Active = 676px x 536px

Image Dimensions without Announcements Active = 676px x 626px

Navigate to "Image Albums"

by typing 'albums' in the "Find Application" search bar under the "Applications" area of the Admin Home Screen and then clicking the "Image Albums" link that appears in the left:

Managing Images in the Digital Sign Photo Gallery

Click the "Images (##)" link next to the Image Album on your Digital Sign. NOTE: The number displayed in parentheses is the number of images that exist in that album.

Adding New Images

1. Upload the image(s) to the Image Library of your website (Instructions)
2. Select the folder that holds the images you wish to add to the digital sign album:
   
3. Check the boxes next to each image you wish to add to the album and click "Add Images":
   

Deleting Images:

1. Check the box under the "Del" column next to each image you want to remove from the image album on the Digital Sign, then click "Delete Selected" Button:
   

Reordering the Existing Images:

1. Click the "Change order of Images" text link above the list of images:
   
2. Select the image you wish to move, then click the "Up or "Down" arrow to change its location in the list. Repeat for any image you need to move until the desired order is reached. Click Save:
   

Your Image Album will now be updated. There is no caption text available within the display.

Hardware Recommendations

• TV/Monitor: 4K (3840 x 2160 pixels) resolution Required
• Internet Access: Hardwired or Wireless
• Cable Connection: HDMI
• Computer/Chromebox/etc. Connected to Monitor: Asus Chromebit Stick or ASUS Chromebox 3 (recommended if you have the space behind TV)
• Browser Access: Google Chrome