Page Editor

Editing Pages

The Page Editor screen allows you edit the type and content of a page on your website.

There are two ways to invoke the page editor:

The following sections describe the editing options available:

Website Selector

If you manage or administer more than one website, you can choose which website you want to edit pages for using the Website Selector:

Website Selector

Page Selector

To choose which page you wish to edit, use the Page Selector:

Website Selector

The Page Selector lists all the pages available for editing.

If you invoked the Page Editor from the Menu Editor screen, the page will have been automatically selected for you.

At the bottom of the list is the "-- CREATE NEW PAGE --" option.

Use this option to create a brand new page for your website.

Note however, that in order to see your new page on your website, you will either need a corresponding menu item, or have it linked from another page (see Page Linking within the Advanced Page Editing section).


When changing any of the fields below, remember to click the Save button at the bottom of the screen to save your changes:

Menu Edit List


Page Options Tab

Title

This is the page title that will appear at the top of your page.

In most cases, this will match the name of the menu item that links to this page, but it does not have to.

Type

By default, a page is of type "Standard", which means that the page simply displays the content you've typed into it.

There are however a number of additional types of pages available. These pages insert additional content directly after the content you've typed in.

The available page types are as follows:

Page Type Description
Contact Provides a "Contact Us" form, allowing emails to be sent to your secretary or webmaster.
News Displays a list of historical News items in date descending order, starting with the newest item.
Events Displays a list of up-and-coming events in ascending date order, starting with the event that is coming up first.
Events Calendar Displays your events as a full page calendar.
The time and title of your events are shown on the calendar.
The full event description is shown when your mouse pointer hovers over the title.
Sign Guestbook Provides a form for visitors to add entries to your guestbook.
View Guestbook Displays a paged view of all guestbook entries in date descending order.
Links Displays a list of links to other websites, such as your Grand Lodge.
Twitter Feed

Displays a paged list of posts from a Twitter Feed.

When choosing a page type of "Twitter Feed", and additional "Twitter Screen Name" option will appear. You should enter the name of the user or feed you wish to list posts for.

RSS Feed

Displays a paged list of "stories" from an RSS Feed.

RSS stands for "Really Simple Syndication", and was originally developed for providing news feeds. However RSS Feeds can be used for many different things.

One use of an RSS Feed is an online shop. If you sell items via eBay, you can link to the RSS Feed of your eBay shop, providing a convenient way of selling items via your FreemasonsWeb site.

When choosing a page type of "RSS Feed", and additional "RSS Feed URL" option will appear. You should enter the address of your RSS Feed in this section.

Request to Join Provides a form for prospective candidates to enquire about becoming a Freemason.
Image Gallery

Allows you to collate images you have uploaded into an image gallery.

Images are shown as a collection of thumbnails at the bottom of the screen, from which your user can scroll through and select.

When selected, a larger image will be displayed along with it's title.

Raw HTML Page

Allows you to enter a complete page as raw HTML.

The page is displayed as an "iFrame" in the normal content area, allowing it to bypass all normal styling.

The following options are available when using page types of "Raw HTML Page":

  • Replace Entire Page: When unchecked, the page is displayed within the usual content area. When checked, none of the usual site header, menu or footer are displayed and the only the specified HTML is shown.

    Note: The remaining options below only apply if this option is unchecked.

  • Output HTML & Meta tags:

    Uncheck this if your page contains outer <html> tags, otherwise checking this will add them for you.

  • Fit to Content Width:

    When checked, the width of your page will be limited to the standard content area.

    When unchecked, the page may grow outside the content area depending on your HTML styling.

    The options below only apply if this option is checked.

    • Scaling:

      Allows you to reduce the scaling (i.e. zoom-out) of the page content in order to fit into the standard content width.

    • Content Height:

      The height in pixels of your content area. If this is too small, scroll bars will appear.

Custom Form

Displays a Custom Form with input fields that you define yourself.

This is essentially an advanced contact-us form, where you decide which fields your visitor must fill in.

Custom Forms are created via the Custom Form menu.

The following options apply to Custom Form pages:

  • Form Submission Type:
    • Multiple Submissions: Existing behaviour of no limit to submissions.
    • Once per Member (editable): (Members Only) Members have one copy of a form per page, but can edit it up to a submission end-date (e.g. Dining requirements)
    • Once per Member (single submit): (Members Only) Members have one copy of a form per page, that can be submitted only once.
  • Allow Submission Until: Specifies a "closing date" for form submissions.
  • Max Number of Forms: Allows your users to enter in more than one form per submission (e.g. adding guests in a dining menu selection page)
  • Email Form To: If specified, completed forms will be emailed to this email address.
  • Email with Subject: The subject of the email if using the "Email Form To" option above.
User Forum

Allows your members to create discussion topics and post messages within these topics.

For User Forum pages, topics and messages can only be posted by members of the type defined by the "Visible To" setting.

In other words, if "Visible To" is set to "Full Members", then only Full Members can post to the forum.

Alternatively, you can select specific members that will have access to this forum.

When specific members are chosen, members who are not in this list will not see this page (or it's menu) and will not be able to post to the forum.

Note that the member must also be a member type of at least the level set within "Visible To" to view and post to the forum.

To choose specific members, double click on the member's name within the "Limit to Members" section to move it to the "Selected Members" or "Excluded Members" lists.

You can also select more than one member using the mouse and use the "<<<" and ">>>" buttons to move them from one list to the other.

Note: If no members are in the "Selected Members" list, then member access will default to the "Visible To" setting.

Member Messages

Provides a list of emails received by the currently logged in member, much like an email "inbox".

This page type is restricted to a minimum "Visible To" level of Basic Member.

Only emails sent by the following methods will be shown:

  • Member Contact Emails via the Member Options->Member List page on FreemasonsWeb
  • Member Group Contact Emails via the Member Options->Member List page on FreemasonsWeb
  • Bulk Emails sent by the Accounting or Secretary Module

Members can also opt to read their emails via an RSS feed. This is useful if some of your members' email providers are blocking emails from FreemasonsWeb.

This option can be enabled by setting the "Enable RSS Feed Link for Email Messages" option within Site Designer->Website Preferences->Member Messages to "Yes".

A list of each users' personal RSS Feed URL is listed on the Site Designer->Website Preferences->Member Messages page.

To show the RSS link for the logged in member on this page, set the "Show RSS Feed Link for Email Messages" option within Site Designer->Website Preferences->Member Messages to "Yes".

NOTE: There is NO login security associated with this feed, and each member's URL is personal and private. If you are concerned that this is not secure enough for your members to use, leave both these settings set to "No".

Member List / Lodge Member List

Lists your members alphabetically, showing the fields chosen in the "Show Member Fields" section.

"Member List" pages take the member list from your Website members; "Lodge Member List" pages take the member list from the accounting/secretary modules.

To choose fields, double click on the field name within the "Show Member Fields" section to move it to the "Selected Fields" or "Unselected Fields" lists.

You can also select more than one field using the mouse and use the "<<<" and ">>>" buttons to move them from one list to the other.

Note: You can also include custom fields, including a profile picture within this field list.

To enable custom fields, including profile pictures, set the "Show Custom Field x" option or "Allow Member Profile Image" to "Yes" within Site Designer->Website Preferences->Member Custom Fields.

To choose specific members, double click on the member's name within the "Limit to Members" section to move it to the "Selected Members" or "Excluded Members" lists.

You can also select more than one member using the mouse and use the "<<<" and ">>>" buttons to move them from one list to the other.

Note: If no members are in the "Selected Members" list, then this page will list all the members of your website.

Advanced Member List Options

Should you need further control over the way your members are listed, the Custom Header Row and Custom Data Row options can be used.

Note that:

  • These options specify the literal HTML that will appear between the table's <tr> tags, so a basic knowledge of HTML is required.
  • Entering a value in these options will override the fields chosen within the "Show Member Fields" option.

Custom Header Row

This option defines how your header row should look, for example:

   <th align="left">Name</th>
   <th align="center">Profile Picture</th>
   <th align="right">My Custom Field</th>

Note: The Show Header Fields option must be checked for the headers to be shown.

Custom Data Row

This option defines how your member's details should look, using substitution tags for each member fields, e.g.:

   <td align="left">{{name}}</td>
   <td align="center">{{profpic}}</td>
   <td align="right">{{cf1}}</td>

You can also combine more than one field within a single cell, for example:

Email address appears under picture:

<td align="center">{{profpic}}<br/>{{email}}</td>

Show custom fields 1 & 2 together, aligned to the top:

<td valign="top">{{cf1}} {{cf2}}</td>

Valid substitution fields are as follows:

Substitution TagDescription
{{name}}Member's Name
{{username}}Username
{{email}}Email Address
{{profpic}}Profile Picture
{{cf1}}Custom Field 1
{{cf2}}Custom Field 2
{{cf3}}Custom Field 3
{{cf4}}Custom Field 4
{{cf5}}Custom Field 5
{{cf6}}Custom Field 6
{{cf7}}Custom Field 7
{{cf8}}Custom Field 8
{{cf9}}Custom Field 9
{{cf10}}Custom Field 10

Important Note: Please ensure that the number of field headings match the number of data rows, otherwise your table will not be displayed correctly.

Set To Default Page

If this box is ticked, then this page will become the default page - i.e. the first page your visitors will see when visiting your website.

Visible To

The "Visible To" option allows you to specify what membership level is needed to see this page.

By default, pages are set to "Public" which means they are visible to all members of the public.

Setting the membership level to anything other than public, will require your visitors to login to your website (for which they must be a member) before being allowed to see this page.

Should you wish to restrict a page to a particular membership level, select the required membership level using this drop-down list and click the Save button.

Changing the membership level of a page will automatically change the membership level of any corresponding menu item.

Note: You cannot change the membership level of the default page, as this must always be public.

Use Alternative Skin

If this option is checked, then this page will appear in the skin-style specified by the "Alternative Skin Style Type" option within Site Designer->Advanced Styling

Background Music (MP3 and OGG)

These two options allow you to specify an MP3 file and optional OGG file for playback whilst your visitors are on this page.

MP3 files can be played by most browsers, with older versions of Firefox being a notable exception: in this case, an OGG format music file must be used instead.

To ensure compatibility with all browsers, you should upload BOTH an .mp3 and a .ogg version of your music file via the Site Designer->Files page. Once uploaded, they will appear in the drop down selectors.

Note: Various free tools exist to convert MP3 files to OGG format. One such tool can be found here: http://www.freemp3wmaconverter.com.

Show Audio Controls

Used in conjunction with the above, checking this option will show a play/pause control at the bottom of your page to play and pause the audio.

NOTE: Most mobile/tablet devices require this option to be set, and will not automatically play your audio until you press the play button.

Page Title Tag

Allows you to override the title of the page as shown in your browser's tool bar.

Leaving this blank will cause the tool bar to use the default title for your website.

Page Description Meta Tag Content

Allows you to override the description meta tag for this page.

Leaving this blank will the meta tag description to use the default description for your website.

Page Content Tab

WYSIWYG Editor

The WYSIWYG (What You See Is What You Get) editor allows you to edit the content of the selected page in a similar manner to editing a document in a word processor such as Microsoft WordTM:

WYSIWYG Editor

Help on the WYSIWYG editor can be invoked by clicking the help button on the editor:

Website Selector


One useful option on this editor is the Full Screen Toggle, which expands the editor so that it fills your browser window:

Website Selector

Once in full-screen mode, clicking on this button again will return you to the default Page Editor view screen.

The following editor buttons have the same effect as the Save and Cancel buttons at the bottom of the screen:

Save Button Cancel Button
Editor Save Button Editor Cancel Button

Page History

FreemasonsWeb stores a copy of the page as it was in the last five login sessions, and records who altered the page.

This option allows you to "revert" your page back to an earlier version, should you wish to discard your page edits.

To revert a page, select the version of the page you wish to re-instate, and click the Revert Page button.


Force Editor Width to Website Width

Checking this box will re-size the editor to be the same width as it would be shown on your website.

This gives you a better indication as to how your page will be laid out when published.

Action Buttons

There are three Action Buttons at the bottom of the screen:

Page Edit Buttons

These buttons have the following effect:

Save Save's any changes on this screen.
Cancel Disregards your changes, and returns the page to what it was the last time you saved it.
Delete Permanently deletes this page.

Advanced Page Editing

This section describes how to work with Images, and Links to other pages and websites within your website pages.

For all the other features of the WYSIWYG editor, refer to the WYSIWYG Editor help by clicking on the editor's help button:

Editor Help Button

Adding Images to your Page

The WYSIWYG editor allows you to insert images you have uploaded, or images from other websites on to your page.

To insert an image on your page, click the insert image icon:

To insert an image you have previously uploaded*, select the image from the Image List drop-down:

*For details on uploading images, see the Images section.

To insert an image from another website, simply type the URL of the image in the Image URL section:

You should then give your image a suitable title and description, by typing them in to their respective sections:

Finally, click the Insert button to add the image to your page.

Clicking on the image, will make the resize handles appear:

To resize the image, click one of these handles with the left mouse button and move the mouse whilst holding the button down. Release the mouse button when you're happy with the image size.

To delete the image, click on the image and press the "Delete" button on your keyboard.

Linking to other Pages

To add a link to another page, type in the text you wish to make a link out of:

...and highlight it with the mouse:

Next, click the Insert/Edit Link button:

To insert a link to another page on your website, select the page from the Link List drop-down:

To insert a link to a page on another website, simply enter the URL of the page in the Link URL section:

You should then select whether you wish to open this link in the same page, or in another browser tab or window.

As a general rule:

Finally, click the Insert button to add the link to your page:

Your link text will now be highlighted in blue, and underlined: