Blackbaud Internet Solutions

Betsy Unger

This section covers topics within Blackbaud Internet Solutions, such as Image library, Parts, and Email Templates. The team will update their progress periodically. To get started, review our latest updates.

Betsy Unger

This feature released in version 4.0. For more information, refer to Image library.

 

To help support profile image enhancements in this version and to provide better image search functionality, the new Image owner field now appears on the Search tab in Image library. Use this field to search for an image by the owner's first name or last name. The image owner is the person who originally uploaded the image to your website. These images may have been uploaded by someone at your organization for a web page or they may have been uploaded by a website user for a profile page. 

 

 

 

 

Betsy Unger

Betsy Unger:

This feature released in version 4.0. For more information, refer to Image library.

 

To help support profile image enhancements in this version and to provide better image search functionality, the new Image owner field now appears on the Search tab in Image library. Use this field to search for an image by the owner's first name or last name. The image owner is the person who originally uploaded the image to your website. These images may have been uploaded by someone at your organization for a web page or they may have been uploaded by a website user for a profile page. 

 

 

 

 

This feature released in version 4.0. For more information, refer to Directory.

 

When website users open profile pages from Directory part search results, a new Back to search results link appears at the top. Users click the link to return to the directory and view their search criteria and results.

>

Betsy Unger

Betsy Unger:

This feature released in version 4.0. For more information, refer to Directory.

 

When website users open profile pages from Directory part search results, a new Back to search results link appears at the top. Users click the link to return to the directory and view their search criteria and results.

>

This feature released in version 4.0. For more information, refer to Transaction Manager.

 

When you design a Transaction Manager part, the Select the tabs to display section now appears so you can select whether to display only the History or Active tabs on your website.

 

To display both tabs on your site, you can select Both tabs. When you do this, a field appears on the right for you to select the tab to display when users first access the part on a page.

 

Tip: When you upgrade to this version, both tabs continue to appear on your site and the Active tab still displays first.

 

In addition, the Language tab text you enter in the "Transaction Manager - Help Text" category to clarify each tab's purpose to users now appears at the top of the tab.

 

 These improvements were made to provide additional flexibility with the part based on your organization's needs and preferences. For example, if you did not want the Active tab to appear in the past, you can now remove it. If you want both tabs to appear, but prefer the History tab appears first, you can now select to do this. 

Betsy Unger

Betsy Unger:

This feature released in version 4.0. For more information, refer to Transaction Manager.

 

When you design a Transaction Manager part, the Select the tabs to display section now appears so you can select whether to display only the History or Active tabs on your website.

 

To display both tabs on your site, you can select Both tabs. When you do this, a field appears on the right for you to select the tab to display when users first access the part on a page.

 

Tip: When you upgrade to this version, both tabs continue to appear on your site and the Active tab still displays first.

 

In addition, the Language tab text you enter in the "Transaction Manager - Help Text" category to clarify each tab's purpose to users now appears at the top of the tab.

 

 These improvements were made to provide additional flexibility with the part based on your organization's needs and preferences. For example, if you did not want the Active tab to appear in the past, you can now remove it. If you want both tabs to appear, but prefer the History tab appears first, you can now select to do this. 

This feature released in version 4.0. For more information, refer to eCards.

 

A new Require eCard recipient's name field appears on the eCards part to prevent blank values in merge fields that you add to eCard messages. When you select this option, the program requires website users to enter a value for First name.

 

Betsy Unger

Betsy Unger:

This feature released in version 4.0. For more information, refer to eCards.

 

A new Require eCard recipient's name field appears on the eCards part to prevent blank values in merge fields that you add to eCard messages. When you select this option, the program requires website users to enter a value for First name.

 

This feature released in version 4.0. For more information, refer to Email Templates.

 

To improve email marketing for mobile users, six new mobile friendly email templates are available for you to copy and use as new templates. These templates are more narrow in width and include larger fonts for improved usability on mobile devices. They also render more consistently across mobile devices, browsers, and desktop and web-based email programs. You can easily identify these in the email templates grid by viewing templates with “Placeholder” in the Description column.

 

To copy a mobile friendly template, select the one you need. In the Action column, click Click here to copy this email template. After you copy it, update all placeholder text with your unique content in the new email template. For example, you can replace the merge field placeholder text with merge fields in the HTML editor. You can also replace the sample logo banner with your organization's logo banner.

 

Below is a list of the six mobile friendly email templates. To secure the content in the templates, you cannot edit or delete them.

          ·       Campaign Email #1 – Kickoff

          ·       Campaign Email #2 – Follow-up

          ·       Campaign Email #3 – Last Chance

          ·       eNewsletter Template

          ·       Holiday Greetings Template

          ·       One Column Template

 

Tip: One copy of each mobile friendly email template exists in the program. When you host multiple websites, you access them in each site's Templates area.

Betsy Unger

Betsy Unger:

This feature released in version 4.0. For more information, refer to Email Templates.

 

To improve email marketing for mobile users, six new mobile friendly email templates are available for you to copy and use as new templates. These templates are more narrow in width and include larger fonts for improved usability on mobile devices. They also render more consistently across mobile devices, browsers, and desktop and web-based email programs. You can easily identify these in the email templates grid by viewing templates with “Placeholder” in the Description column.

 

To copy a mobile friendly template, select the one you need. In the Action column, click Click here to copy this email template. After you copy it, update all placeholder text with your unique content in the new email template. For example, you can replace the merge field placeholder text with merge fields in the HTML editor. You can also replace the sample logo banner with your organization's logo banner.

 

Below is a list of the six mobile friendly email templates. To secure the content in the templates, you cannot edit or delete them.

          ·       Campaign Email #1 – Kickoff

          ·       Campaign Email #2 – Follow-up

          ·       Campaign Email #3 – Last Chance

          ·       eNewsletter Template

          ·       Holiday Greetings Template

          ·       One Column Template

 

Tip: One copy of each mobile friendly email template exists in the program. When you host multiple websites, you access them in each site's Templates area.

User Image Options Setting

 

This feature released in version 4.0. For more information, refer to User Image Options Setting.

 

To help support the profile image enhancements and so you can improve how you organize images, a new Default profile image folder field now appears in site settings for images. In this field, select the default folder profile images upload to in Image library.

When you select Require approval for all images uploaded by users, you must approve each profile image in the Image library before it appears on your website. Until you do this, it only appears for the user who uploads it.

Betsy Unger

Betsy Unger:

User Image Options Setting

 

This feature released in version 4.0. For more information, refer to User Image Options Setting.

 

To help support the profile image enhancements and so you can improve how you organize images, a new Default profile image folder field now appears in site settings for images. In this field, select the default folder profile images upload to in Image library.

When you select Require approval for all images uploaded by users, you must approve each profile image in the Image library before it appears on your website. Until you do this, it only appears for the user who uploads it.

Custom Error Page

 

This feature released in version 4.0. For more information, refer to Custom Error Page.

 

In Sites & settings, a new Error page field is available under Pages on the Settings tab for default, parent, and child sites. In the field, you select a web page from Pages & templates to appear if errors occur.

 

This allows you to create a custom message and include information to help identify the causes of errors.

 

 

Note: If you do not select an error page, system messages from Internet Information Service (IIS) appear when errors occur.

 

To provide detailed information in the message, use the new error merge fields in a Formatted Text and Images part. The merge fields insert responses from the website server if pages do not load properly. The error merge fields include:

          ·       Error code — The numeric portion of a standard response code, such as 404 or 406.

          ·       Error description — The reason for a standard response code, such as not found or not acceptable.

          ·       Error log ID — The database number that corresponds to the server error.

 

Note: Error log IDs help Blackbaud Support track the reasons for errors on your website.

Betsy Unger

Betsy Unger:

Custom Error Page

 

This feature released in version 4.0. For more information, refer to Custom Error Page.

 

In Sites & settings, a new Error page field is available under Pages on the Settings tab for default, parent, and child sites. In the field, you select a web page from Pages & templates to appear if errors occur.

 

This allows you to create a custom message and include information to help identify the causes of errors.

 

 

Note: If you do not select an error page, system messages from Internet Information Service (IIS) appear when errors occur.

 

To provide detailed information in the message, use the new error merge fields in a Formatted Text and Images part. The merge fields insert responses from the website server if pages do not load properly. The error merge fields include:

          ·       Error code — The numeric portion of a standard response code, such as 404 or 406.

          ·       Error description — The reason for a standard response code, such as not found or not acceptable.

          ·       Error log ID — The database number that corresponds to the server error.

 

Note: Error log IDs help Blackbaud Support track the reasons for errors on your website.

Favicon Images

 

This feature released in version 4.0. For more information, refer to Favicon Images.

 

You can now add branding to your web address so users can quickly associate it with your organization. Use the new Favicon image field in general site settings to select a small icon to represent your website. The image appears in browser address bars and locations where users save your website URL, such as browser favorite lists.

 

 To add a custom favicon to your site, click Browse beside the Favicon image field and select an .ico image file. We recommend you upload a 16x16 or 32X32 pixel image for maximum display quality in modern browsers on desktop and mobile platforms. If you select an image with a different file type or size, or if the file does not convert correctly to .ico, the file may not render correctly in all browsers.

 

 

Note: The image file size must be 50KB or less.

 

 

Previously, websites rendered favicons in browser address bars only when an .ico file was sized and saved in Image library.

 

 

Tip: If Blackbaud hosts your website, we recommend you add a favicon image to prevent issues when there are environment changes.

Betsy Unger

Betsy Unger:

Favicon Images

 

This feature released in version 4.0. For more information, refer to Favicon Images.

 

You can now add branding to your web address so users can quickly associate it with your organization. Use the new Favicon image field in general site settings to select a small icon to represent your website. The image appears in browser address bars and locations where users save your website URL, such as browser favorite lists.

 

 To add a custom favicon to your site, click Browse beside the Favicon image field and select an .ico image file. We recommend you upload a 16x16 or 32X32 pixel image for maximum display quality in modern browsers on desktop and mobile platforms. If you select an image with a different file type or size, or if the file does not convert correctly to .ico, the file may not render correctly in all browsers.

 

 

Note: The image file size must be 50KB or less.

 

 

Previously, websites rendered favicons in browser address bars only when an .ico file was sized and saved in Image library.

 

 

Tip: If Blackbaud hosts your website, we recommend you add a favicon image to prevent issues when there are environment changes.

This feature released in version 4.0. For more information, refer to Profile Update Form.

 

Profile Update Form

 

Review this video to learn more about the profile image management enhancements: https://www.blackbaud.com/files/support/guides/demo/redirects/bbisproima.aspx 

 

To simplify profile image management for your organation and improve the website user experience for profile images, the Profile Update Form now includes a Profile image element. When you include this in the design area, you provide the ability for website users to easily add, edit, or remove profile images.

 

Note: When you implement this new profile image feature, the program automatically uses the most recent profile image for a user as the current profile image.

 

When a profile image displays on a profile web page, a square thumbnail of the user's image appears. The user can change or remove the image by clicking the links below it.

 

Note: When a website user has an existing profile image and uploads a new one on the profile page, the new profile image overwrites the previous image. This occurs on your website and in Image library.

 

To select the portion of it that appears as the profile, the user clicks the thumbnail image. On the screen that appears, the user drags the box to highlight the portion of the image to display and a thumbnail example appears on the right.

 

Before a user uploads a profile image, a default silhouette image appears as the profile. A link to add an image appears below the silhouette.

 

Tip: To help support the profile image enhancements and improve how you organ and search for profile images, there are additional new features in Image library and Administration.

 

User Photos Form Part

 

Previously, profile images saved as a profile image type when they were uploaded on the User Photos Form part. With this release and the profile image enhancements on the Profile Update Form, images uploaded on the User Photos Form save as a personal type. You can design these images to display on the web page with the profile image from the Profile Update Form.

 

Warning: After you implement the new profile image on the Profile Update Form, we recommend you remove any User Photos Form parts that display profile images. If you do not remove them from your website, you risk inadvertently overwriting profile images. The most recent image uploaded by users remains as the current profile image automatically when you use the new profile image. Therefore, you can remove these User Photos Form parts from your site.

 

When an image's tag is the same as the tag selected on the User Photos Form part, the image displays on the page regardless if the image type is personal or profile. Previously, only profile image types displayed. To view personal and profile image types in your database, in Image library, select the type to view in the Type of image field on the Search tab. You can view the tags for an image on its properties.

 

Profile Display Part

 

As a part of the profile image management enhancements, the Profile Display part now includes a Profile image merge field in the HTML editor and height and width fields for you to configure maximum profile image sizes.

 

 

In the Max height/width for full-size image field, you enter the maximum display height and width for full-size profile images that display when users click thumbnails on the web page. In the Max height/width for thumbnails field, you enter the maximum height and width for profile image thumbnails on the web page.

 

 

The HTML editor includes the Profile image merge field on the Individual tab. To display the image a user uploads on the Profile Update Form, include this merge field in the design box.

 

When you do this, the image appears on the read-only profile display web page for other website users to view. The square cropped image that a user selects on the Profile Update Form displays as the profile image thumbnail. When website users click the thumbnail, the full-size image displays.