Page Content

Login to Admin Mode and go to the page to which you want to add the content (by clicking that page's link in the navigation). Once you are on the correct page,hover your mouse over the "Page" link and the Page Menu will appear. This gives you options for managing pages.

Hover over the"Add to This Page" option on the Page Menu you will see items that let you add various types of content "blocks" to a page, such as a headline block, an image block, a WYSIWYG block, etc.The most common and flexible type of block is the WYSIWYG block. Selecting the type of block you want to add will add a new block of the selected type to the bottom of the current page.

Enter the desired content into that new block and then click the [Save Changes] button.

To move the new block to a different location on the page, refer to the "How do I change the order of blocks on a page?" FAQ entry.

[Close]

Content (paragraphs, lists, images, etc.) is added to a page by adding content "blocks." There are a variety of content block types available as follows:

• WYSIWYG - This is the most common and flexible block. It allows the addition of headlines, sub-heads, text/paragraphs, images/pictures, embedded media (e.g. Quicktime, Windows Media, Real Media, Shockwave, Flash), bulleted lists, tables, horizontal lines and more. It also allows alignment of content, formatting (e.g. bold, italics, strikethrough), adding of links to other pages or sites, or to uploaded files such as .pdf, .doc, .pps, .xls and others.
• Email Form - Create a set of questions to be answered and the answers will be emailed to a predefined email address (e.g. to you). The email form supports a variety of answer types, including single line text, multi-line text area, radio button lists, checkbox lists, select box lists, etc.
• Site Search Form - This block generates a search box that users can search all text on all pages of your site. Results (matches) are sorted by relevance.
• Product Catalog - If products are enabled for your site, this block will display your catalog of products by category. You can add this block to any page of your site where you would like your catalog displayed.
• Promotional Products - If products are enabled for your site, this block will display all products that are currently on promotion (based upon each product's promo date range). If no products are on promotion on a given day, then it displays random products from your catalog. You can add this block to any page of your site. Many people put this near the top of their default/home page. If products are not enabled, then these two product-related blocks will not be available.
• Slideshow Plus - An automatically playing slideshow of your uploaded images. Have one or many slideshows on your site. Select from a variety of transition effects, durations, display sizes, and many other parameters (or just take the defaults). Can optionally have captions and/or clickable links for each image.
• Testimonials - You can enter a number of testimonials or comments about your organization, products or services, and then have them randomly displayed on any page(s) of your website.
• Definition - Allows the addition of "pairs of content" such as "question & answer" pairs for making FAQ entries, or "terms and definitions" pairs for making a glossary of terms, etc.
• Definition (Expand/Collapse) - Same as "Definition" but all answers are suppressed (hidden) by default. The user is provided with a link to display or "unhide" the answer. This allows the display of many topics with minimal space, and only the topics which are clicked will open up to reveal their answers. Answers can be toggled opened or closed. Great for FAQ entries. Can also generate a Permalink to any specific entry.
• Basic Markup - Allows the addition of simple text/paragraphs. An optional headline can be added at the top of this block. Most people find the WYSIWYG block to be more flexible, but this block exists if you wish to limit text entry to a very minimal set of capabilities.
• Headline - Allows the addition of a major headline or heading.
• Subhead - Allows the addition of a secondary headline or sub-heading.
• Image - Allows the importing of an image/picture. An optional headline can be added above the image/picture and an optional caption can be displayed below the image/picture. Most people prefer to just work with a more general WYSIWYG block where images, video, text, etc., can all be maintained within the one block.
• RawHTML - Only for advanced users who understand how to write HTML code and understand the impact it might have on other areas of the page or website. Incorrect or incompatible HTML code may cause unpredictable results for all or some users and/or for all or portions of your website.

To add a content block to a page, refer to the "How do I add content to a page?" FAQ entry.

[Close]

Login to Admin Mode and go to the page to which you want to make changes by clicking that page's link in the navigation or by using the "Pages..." option on the admin menu.

Supported image file types are .gif, .jpeg, .jpg, .png.

Click the "Block: WYSIWYG" link to edit your page's content. Determine the location on the page where you want the image inserted and click at that location (i.e. move your cursor to the insert location). Click the Image icon (a picture of a tree) from the WYSIWYG control panel to open the Image Manager in a new pop-up window.

(Note: If the Image Manager window does not open, then you probably have pop-ups disabled. Check for a message near the top of the page from your web browser and select the option that enables pop-ups from the current site (permanently) so that you can edit your WYSIWYG page content. Once enabled, you might need to click on the Image Manager (tree) icon again.)

Click the "Get Image" link. You will see the "Select or Upload Images" window. You will see a list of the images you have previously uploaded to your site. To link to one of these existing images, click the filename. To upload a new image, click the "Upload" tab near the top and follow the instructions under the "Upload" tab.

After you have uploaded and/or selected the desired image file, you will be returned to the first pop-up window (where the "Get Image" link is). Enter a short description (or Title) for this image (some users will see this text when they hover over the image, and search engines will use this text as well). Then click the [Insert] button near the bottom and your selected image will be added to your page at the insert location.

To insert another image, click at the insert location for the next image, click the Image Manager (tree) icon, click the "Get Image" link and do it again.

Once you are done inserting images, save the changes to your WYSISYG block by clicking the [Save Changes] button.

(Alternatively, if you wish to add an image using a separate block on the page (if you are not using the WYSIWYG block), then hover your mouse over the "Page" link which is located near the top of the page. The Page Menu will appear. Then hover over the "Add to This Page" option on the Page Menu and a sub-menu will appear. Click on the "Image" option on the sub-menu. This will add an Image block to the bottom of the page. If you wish to have an optional headline above this image, or an optional caption below the image, then enter them in the appropriate field. To upload the image from your local workstation, click the [Browse] button and then navigate/browse your local system until you find the desired image and click on it to upload. Once loaded, click the [Save Changes] button. To move the Image block to the desired location on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.)

Upload a .pdf or .doc or other file Upload a video

[Close]

Login to Admin Mode and go to the page for which you want to make changes by clicking that page's link in the navigation or by using the "Pages..." option on the admin menu.

Supported video or embedded media file types are:

• Flash (.swf)
• Shockwave (.dcr)
• Quicktime (.mov, .qt, .mpg, .mp3, .mp4, .mpeg)
• Real Media (.rm, .ra, .ram)
• Windows Media (.avi, .wmv, .wm, .asf, .asx, .wmx, .wvx)

Click the "Block: WYSIWYG" link to edit your page's content. Determine the location on the page where you want the video inserted and click in that location (move your cursor to the insert location). Click the Media Manager icon (a picture of movie film) to open the Media Manager in a new pop-up window.

(Note: If the Media Manager window does not open, then you probably have pop-ups disabled. Check for a message near the top of the page from your web browser and select the option that enables pop-ups from the current site (permanently) so that you can edit your WYSIWYG page content. Once enabled, you might need to click on the Media Manager icon again.)

Click the "Get Media" link. You will see the "Select or Upload Embedded Media" window. You will see a list of all media files you have already uploaded to your site. To link to one of these existing files, just click the filename. To upload a new file, click the "Upload" tab near the top and follow the instructions under the "Upload" tab.

After you have uploaded and/or selected the media file to insert, you will be returned to the first pop-up window (where the "Get Media" link is). The Type dropdown box will automatically adjust to show the type of media file that has been selected. You should enter the display dimensions (width X height) that you want to use when this media is played. Enter the width and height in pixels. It will default to a very small 100 x 100 size if nothing is entered. In addition, you may optionally review or update any of the parameters under the "Advanced" tab. When done, click the [Insert] button near the bottom of the window and the code to play your media file will be added to your page at the insert location.

To add to another media file on the same page, move the cursor to the next insert location, click the Media Manager (movie film) icon, click the "Get Media" link and do it again.

Once you are done selecting videos to play, save the changes to your WYSISYG block by clicking the [Save Changes] button.

Remember to test your media files to ensure that they work as expected.

Other related activities: Embed a video from a video site like YouTube Upload a .pdf or .doc or other file Upload an image

[Close]

Login to Admin Mode and go to the page where you want to embed the video by clicking that page's link in the navigation or by using the "Pages..." option on the admin menu.

You may use this feature to embed (play) a video within a WYSIWYG block on any page of your website, from any of the following supported third party video sites:

• DailyMotion
• MySpace
• Vimeo
• Yahoo
• YouTube

Click the "Block: WYSIWYG" link to edit your page's content. Determine the location on the page where you want the video embedded (displayed) and click at that location (move your cursor to the insert location). It is best to embed a video on its own empty line, so position your cursor at the end of the previous paragraph and press Enter to create a new line/paragraph.

On this empty line, you need to enter a video embed tag. This tag must be in a specific format (shown below), and you will need to specify which site you are getting the video from, and what the video's unique Video ID is on that site. This will be explained below.

Video Tag Format: {{bongo4u=video|site=SITENAME|video_id=1234567890}}

Example #1: To embed a YouTube video, first go to the www.youtube.com site, find the video and play it. You web browser will show the URL or address of this video. Within that URL will be the video's unique Video ID. For example, viewing a video at this URL "https://www.youtube.com/watch?v=WPSMsptRrvI&feature=..." you will see the Video ID is the "v=" parameter, in this case "WPSMsptRrvI". To embed this YouTube video in a WYSIWYG block, just enter the following code on its own empty line:

{{bongo4u=video|site=youtube|video_id=WPSMsptRrvI}}

Optionally, you can tell the code what the display width and height is for the video, so that the player knows what size to use. Just optionally add the |width=N and |height=N parms to the above tag, as follows:

{{bongo4u=video|site=youtube|video_id=WPSMsptRrvI|width=420|height=315}}

Example #2: To embed a Vimeo video that plays on the www.vimeo.com site using URL "https://vimeo.com/19050434" we can see that its unique Video ID is "19050434", therefore the video embed tag to play this video on your website within a WYSIWYG block would be either of the following tags:

{{bongo4u=video|site=vimeo|video_id=19050434}}

{{bongo4u=video|site=vimeo|video_id=19050434|width=400|height=225}}

Here are the valid values for the "site=" parameter:

• site=dailymotion for a DailyMotion video
• site=myspace for a MySpace video
• site=vimeo for a Vimeo video
• site=yahoo for a Yahoo video
• site=youtube for a YouTube video

You may embed videos from third party video sites on any page that has a WYSIWYG block. You can also embed multiple videos within the same WYSIWYG block, just ensure that each video embed tag is on its own empty line.

Once you are done embedding videos, save the changes to your WYSISYG block by clicking the [Save Changes] button.

Remember to test your video embeds to ensure that they work as expected.

Other related activities: Upload a .pdf or .doc or other file Upload an image Upload a video

[Close]

Login to Admin Mode and go to the page on which you want to make changes by clicking that page's link in the navigation or by using the "Pages..." option on the admin menu.

(Background: PDFs (.pdf), Word Documents (.doc), PowerPoint Presentations (.pps), Excel Spreadsheets (.xls) and other files get uploaded to your site and stored in a folder. You then highlight some text on your page and create a link for that text that links to your uploaded PDF or other file. You can upload and link to as many PDF or other files on a given page as you wish. These instructions take you through the steps.)

Click the "Block: WYSIWYG" link to edit your page's content. Determine what text (words) you wish the user to click to trigger a view of the uploaded file. Highlight that text (called the "link text"). Once some text has been highlighted, then the Link Manager icon will become clickable (it is the icon that looks like chain links). Click the chain link icon to open the Link Manager in a new pop-up window.

(Note: If the Link Manager window does not open, then you probably have pop-ups disabled. Check for a message near the top of the page from your web browser and select the option that enables pop-ups from the current site (permanently) so that you can edit your WYSIWYG page content. Once enabled, you might need to click on the Link Manager (chain) icon again.)

Click the "Get File" link. You will see the "Select or Upload Files" window. You will see a list of the upload files you have previously uploaded to your site. To link to one of these existing files, just click the filename. To upload a new file, click the "Upload" tab near the top and follow the instructions under the "Upload" tab.

After you have uploaded and/or selected the file to link to, you will be returned to the first pop-up window (where the "Get File" link is). Just click the [Insert] button near the bottom and your link will be made to the selected file.

To link to another file, highlight the link text for this next link, click the Link Manager (chain) icon, click the "Get File" link and do it again.

Once you are done linking to files, save the changes to your WYSISYG block by clicking the [Save Changes] button.

Remember to test your new links to ensure that they work as expected.

Note: Images (photos) need to be uploaded using the Image Manager (the tree icon). Videos (movies) need to be uploaded using the Embedded Media Manager (the film icon). All other files types can be uploaded using the above instructions.

Upload an image Upload a video

[Close]

How to create a contact form, request form or other form, so that users can enter information into an online form and the system can automatically email that information to your email address.

Login to Admin Mode and go to the page that you want to the online form added to by clicking on that page's link in the navigation (or create a new page if you want the form on a new page).

Once you are on the correct page, hover your mouse over the "Page" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Email Form" option on the sub-menu. This will add an EmailForm block to the bottom of the page.

You will be asked some information about your new form, such as what email address you want the user input sent to, whether you want to add a hard-coded preamble or postamble to the automatically generated email message, if you wanted to display a "Thank you for ....." message after the user has submitted their information, whether you want a CAPTCHA challenge box generated, etc. Enter your answers to the initial block of questions.

Next you will be able to add any number of questions to your form. You can select the type of answer that you will allow for each of your questions, such as a Single Line answer, a Multi-Line answer (text area), a select box, radio buttons, or checkboxes. There is additional help information beside these fields to describe how to select each possible option. You may enter any number of questions.

You may optionally change the order of the questions using the up-arrow and down-arrow buttons.

Once you are done entering the questions, press the [Save Changes] button.

Test It: You should now use your new form as a user and make sure it works as desired. See if the questions are as you expected, and submit some answers to receive a test email to the email address that you specified.

To move the EmailForm block to the desired location on the page (if there are multiple blocks on the current page), refer to the "How do a change the order of blocks on a page" help entry.

To add a CAPTCHA Challenge Box to an existing Email Form, refer to the "How Do I Add a CAPTCHA Challenge Box to an Email Form" help entry.

[Close]

A "CAPTCHA Challenge Box" displays two randomly selected words and an input line. The words are a bit difficult to read -- this is on purpose. The user is required to enter the two randomly selected words to prove that it is a user (human) at the website and not a computer program, bot or other automated procedure trying to "game" the website or to send spam through your online form.

Login to Admin Mode and go to the page that contains the Email Form that you want to add the CAPTCHA Challenge Box to.

Once you are on the correct page, click the "Block: EmailForm" link located above the Email Form block.

You will be shown the various settings for this Email Form block. Scroll down to the "Add a CAPTCHA box" question and click the "Yes" option.

Scroll to the bottom of the Email Form fields and press the [Save Changes] button.

Test The Form: Ensure that the CAPTCHA Challenge Box is being generated as expected.

[Close]

Before you can add a Google Calendar to your Bongo4U site, you must have an existing Google Account.
You can sign up for a Google Calendar here: https://www.google.com/calendar
Once you have done that, you can then display the calendar on your Bongo4U site using the following instructions:

• In the Google Account click "Settings" from the top right of the window.
• Under "Calendar Settings" select the "Calendars" Tab.
• Now click the Name of your Calendar. You will be brought to the "{your_calendar_name} Details" page.
• Find the section that says "Embed This Calendar", copy the code displayed there or click the link to customize the size, etc.
  
  NOTE: The default code should look something like this, and will be displayed for you to copy
  
• Open Bongo4U to the page that you want to add the calendar to.
• Select "Add to this Page..." -> "Raw HTML"
• Paste the contents you have copied in Step 4, and Save Changes.

If you have any questions, please let us know.

[Close]

You can add a Countdown block to any page. It will ask for a target Date and then will display an automatically decreasing number of days prior to that target Date.

You can also enter a message to be displayed to the left or right of the number of days left, and you can optionally enter a secondary message which will be displayed after the target Date has come and gone.

For example, you could have it display "Days until the Big Event:" before the number, and it would be displayed as "Days until the Big Event: 17" (if there were in fact 17 days remaining before the target Date that you entered).

You could also enter a secondary message such as "The event was great! See you next year!" ... or you could leave the secondary message empty and then no countdown message would be displayed after the target Date had passed.

It is easy to just try adding a Countdown block to one of your pages and see what it looks like. It has a "real-time preview" built into its editing mode, so you can see what it will look like while you experiment with different messages, etc. Then click the usual [Save Changes] button to create the block on your page.

INSTRUCTIONS:

Login to Admin Mode and go to the page that you want to add the Countdown to by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page Menu" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Countdown" option on the sub-menu. This will add a Slideshow Plus block to the bottom of the page. You are NOT done yet.

Enter the target date and other fields. The Preview area will update in real-time as you enter the target date, the message, etc. into the block. Once you are satisfied with the information, click the [Save Changes] button to actually create the block on your page.

You can come back and edit the Countdown details at any time.

You will probably want to move the Countdown block up higher on your page. To move the it to the desired location or order on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

You may create a Countdown block on any page or on multiple pages. You can also create multiple Countdown blocks on the same page (e.g. if you wish to highlight multiple upcoming activities).

Technical Details: The date arithmetic is done based upon midnight in the Eastern Timezone (ET) in North America (e.g. Toronto or New York time). Therefore, each midnight in ET, the number of days will be decreased by 1.

[Close]

You can add a "Social Widget" block to any page. It will let you add links to many social networking sites. Just indicate which ones you want to add links to and then it will prompt you to enter the URL (website address) for each of them.

You can also optionally add a Facebook 'Like' button to your website page(s) using this block.

You can also select small, medium or large sized icons be used, and indicate your desired aligment (left, center, right) for the icons.

INSTRUCTIONS:

Login to Admin Mode and go to the page that you want to add the Social Widget block to by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page Menu" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Social Widget" option on the sub-menu. This will add a Social Widget block to the bottom of the page. You are NOT done yet.

Click the checkbox beside the links which you want to use. The available options are: Twitter, YouTube, LinkedIn, Google+, Facebook. As you enable each link option, you will be prompted for the URL (web address) to your Twitter, Facebook, YouTube, etc., page on that network. The first part of each URL will already be displayed. You only need to enter the ending portion of the URL. However, if you want to enter a totally different URL, you may also enter a full URL starting with "https://".

Also specify if you want a Facebook Like button added to the current page of your website.

Indicate if you want to use small, medium or large sized icons for these social links. A traditional set of icons will be used, and all of the selected icons will be the same size based upon your size selection. Also indicate if you want the icons to be on the left side, centered or on the right side of your page.

Once you are satisfied with the information, click the [Save Changes] button to actually create the block on your page.

You can come back and edit the Social Widget details at any time.

You will probably want to move the Countdown block up higher on your page. To move the it to the desired location or order on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

You may create a Social Widget block on any page or on multiple pages (for example, on the Home page and the Contact Us page).

[Close]

This feature lets you display the most recent posts from a Facebook Page on any page of your website. You can optionally define the width, height, and other parameters for the display, or just take the defaults.

Login to Admin Mode and go to the page that you want to display the tweets on by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page Menu" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Facebook Page Feed" option on the sub-menu. This will ask you for options for your Facebook Page Feed block. You are NOT done yet.

Answer the questions to define what the block should display...

Facebook Page URL: Enter the full URL (web address) of the Facebook Page that you wish to display on your website. For example, "https://www.facebook.com/emerge2" -- This is a case-insensitive field, but it must begin with "https://www.facebook.com/"

The remaining fields are optional, but they will help you customize the resulting display.

Width: The width in pixels of the display box. It defaults to 300 pixels if not specified.

Height: The height in pixels of the display box. Leave it empty for the default. Click the "?" help link for details since its default it dependent upon other parameters.

Show Faces: If "No" then only the Page's wall posts will be displayed. If "Yes" then one or two rows of Facebook users who have Liked the Page will be displayed at the bottom of the Page's wall posts in the display box.

The remaining fields let you customize the whether the post headings are suitable for a light or dark web site color theme, and/or what the background color will be for the display box. If you click the default background color code, then a "color selector" widget will pop-up so you can scroll through a 'rainbow' of available color choices and experiment with various settings.

When you are finished, press the [Save Changes] button. This displays the requested wall posts on the current page.

To move the Facebook Page Feed block to the desired location or order on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

Note: If the administrator of the specified Facebook Page has set access restrictions on the Page (e.g. minimum age, not from county A, B or C, etc.), then users will need to be logged into the Facebook system in order for Facebook to provide users with a feed of wall posts, so that the Facebook system knows if a given user satisfies the Page's access requirements. This is a Facebook mandated condition that cannot be bypassed. If a user is not logged in, then a link will be provided with a message asking them to login to access the content (this is all automatic). On the other hand, if the Page has no access restrictions, then there is no need for users to be logged in to see the Page's wall posts.

[Close]

This feature lets you display the most recent tweets from a Twitter account on any page of your website.

(This feature changed in June 2013 due to Twitter forcing all websites to extract tweets in a different manner.)

Login to Admin Mode and go to the page that you want to display the tweets on by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page Menu" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Twitter Feed" option on the sub-menu. You are NOT done yet.

Follow the step-by-step instructions that are displayed.

After you have finished the last instruction (i.e. you have copied the generated HTML code into the Bongo4U block as instructed), press the [Save Changes] button. This displays the requested tweets on the current page.

To move the Twitter Feed block to the desired location or order on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

[Close]

This feature lets you display the RSS feed from another website, blog, twitter account, etc., on your website. You can define how many entries from the RSS feed are to be displayed on your website.

Login to Admin Mode and go to the page that you want to display the RSS feed on by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page Menu" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "RSS Feed Widget" option on the sub-menu. This will add an RSS Feed Widget block to the bottom of the page. You are NOT done yet.

Answer the questions to define what the block should display...

RSS Feed URL: Enter the URL of the RSS feedback from the website, blog, twitter account, etc., that you wish to display on your website. The URL should start with "https://".

API Key for this site: This display widget uses publicly available code from Google. Google requires that each website obtain a free "API Key" to use its code. This is an easy, quick form to fill in, and then your API Key is immediately provided to you. Just click the provided link called "get a free key" which will open the form in a new window. All you enter in this form is the URL (domain name) of your website and click the [Generate API Key] button. Then copy-and-paste the generated API Key into the "API Key for this site" field in the RSS Feed Widget block. The API Key will be a long series of letters and numbers altogether in one long string of characters.

Number of entries to display: Enter a positive integer (1-99). Enter a number between 1 and 99 which will control how many entries from the RSS Feed URL get displayed in this block on your website. The most recent entries are displayed first. Therefore, if you enter "5" then the 5 most recent entries from the RSS Feed URL will be displayed, with the most recent (newest) entry listed first.

Milliseconds between transitions: Enter a positive integer (500-99999). 1000 milliseconds is 1 second, so entering 5000 will define a 5 second delay before the widget highlights the next entry from the feed. Do not enter a comma, only enter digits (e.g. "5,000" is bad, but "5000" is good).

CSS Code for Display Box: This can be ignored. This is for advanced users who understand CSS coding, so they can tweak the look (style) of the resulting display box.

When you are finished, press the [Save Changes] button. This displays your RSS Feed on the current page.

To move the RSS Feed Widget block to the desired location or order on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

[Close]

Login to Admin Mode and go to the page that you want to make changes to by clicking on that page's link in the navigation.

Once you are on the correct page, hover your mouse over the "Page" link located near the top of the page. The Page Menu will appear.

Hover over the "Add to This Page" option and a sub-menu will appear.

Click on the "Headline" option on the sub-menu. This will add a Headline block to the bottom of the page.

Enter the text for this headline into the form and press the [Save Changes] button.

To move the Headline block to the desired location on the page, refer to the "How do a change the order of blocks on a page" FAQ entry.

[Close]

You can add a special tag anywhere within a WYSIWYG block to display the date that the current block was last updated by any Admin user.

This is sometimes helpful if users need to know the last time that a given page was updated (e.g. recently or not for a long time).

All you need to do is to insert either of the following special tags anywhere within a WYSIWYG block, and when the page is displayed on the website, the system will lookup the last-modified-date for that block and display it for the user.

• To only display the Date (not time) use tag: {{bongo4u=modified_date}}
• To display both the Date and Time use tag: {{bongo4u=modified_date_time}}

For example, you could display a line like the following at the top or bottom of the page (or anywhere):

Last Updated: {{bongo4u=modified_date_time}}

The special tags can be coded in lowercase, uppercase, or mixed-case. There cannot be any spaces between the opening '{{' and closing '}}' brackets.

[Close]

You can easily organize your images into folders. You can specify a folder when you initially upload each image, or you can move an image into a folder at a later point in time.

To move existing images into a folder, go into the Image Manager while editing any WYSIWYG block.

Create a New Folder

If you will be moving images into a new folder, you will need to create that new folder first by clicking the "Folders" tab, entering the name of the new folder into the input box which is beside the "images" line in the table, and pressing the [Create Folders] button.

Use an Existing Folder

To move existing images into an existing folder, click on the "Manage Files" tab and then from the "Action" drop-down box select the "Move" option. The "Destination" drop-down box will appear. Select the desired destination folder from this drop-down box.

Now for each file that you wish to move into this selected destination folder, click (enable) the checkbox beside each such file in the list of files. Once you are finished selecting files to be moved into the folder, then click the [Move Files] button (at the bottom of the list of files).

View Folders

Any time you are in the Image Manager, you can browse or select the images in any folder by selecting the desired folder using the "Change Folder" drop-down box (at the top-right corner of the Image Manager window).

[Close]

If you have a long page and wish to split the page's content into sections that are selectable by clicking on a set of tabs, then use "Tabbed Sections."

This feature can be implemented in any WYSIWYG block by embedding some special tags within the page's content.

All you do is insert a "tabnav" tag at the beginning of each tab section and give each tab section a name. The system uses the tab section names to create the tabs along the top of the first tabbed section.

If the content of your last tabbed section goes to the bottom of the page, then you are done. However, if you wish to end the tabbed sections before the end of the page, then just insert an optional "end" tabnav tag where you want the tabbed sections to end.

EXAMPLE

{{bongo4u=tabnav|title=Tab 1 Name}}
... content ...
{{bongo4u=tabnav|title=Tab 2 Name}}
... content ...
{{bongo4u=tabnav|title=Tab 3 Name}}
... content ...
{{bongo4u=tabnav|end}}

DETAILS

The "tabnav" tags can go anywhere within a WYSIWYG block. It is easiest to put each tabnav tag on a separate line (but this is not required).

Each tabnav tag must begin with: {{bongo4u=tabnav| ........ }}

Use the pipe character ("|") as the option delimiter within the tag.

Valid tabnav options are:
title=Abc Def
url=https://www.mycompany.com/target-page
end

The "title" option is required at the beginning of each tab section. Use mixed-case. Do not put quotes around the title name. The title name can contain spaces, but it cannot contain quotes, special characters or mnemonics that begin with &.

The "url" option is optional. If the "url" option is present, then it changes the tab to redirect to the specified URL (instead of displaying content within the tab). Do not put quotes around the specified URL. The specified URL must be a fully-qualified URL (i.e. it must begin with "https://") and it cannot contain spaces, quotes or special characters. However, traditional URL-related characters are valid, such as :, /, ?, &, =. Accented characters within the URL might be problematic.

The "end" option is optional, must be the only option on a tag when it is specified, and can be put at the bottom of the last tabbed section if any non-tabbed content will be needed after the tabbed sections on the page. However, if the tabbed sections go to the end of the page, then the "end" option is not needed.

[Close]

Login to Admin Mode and go to the page on which you want to make changes. Click on that page's link in the navigation.

Once you are on the correct page, find the block that you wish to move and hover your mouse over the "Block" menu link located just above that block. The Block Menu will appear.

Hover over the "Move" option on the Block Menu and a sub-menu will appear. Select the appropriate option from the sub-menu:

• To Top - Moves the current block to the top of the page.
• Up - Moves the current block up one location, ahead of the block currently above it.
• Down - Moves the current block down one location, below the block currently below it.
• To Bottom - Moves the current block to the bottom of the page.

[Close]

Login to Admin Mode and go to the page on which you want to make changes. Click on that page's link in the navigation.

Once you are on the correct page, locate the block that contains the content you want to delete. Hover your mouse over the "Block" link for that block and the Block Menu will appear.

If you want to delete some of content from within this block, then click the "Edit" link on the Block Menu, update the block to remove the portion of the content that you no longer want, and click the [Save Changes] button.

Or, if you want to delete the entire block, including all of its content, then select the "Delete" option on the Block Menu.

[Close]