Editing Page Content

A "Page" is a web page on your website that can be viewed or edited. Pages are constructed "on-the-fly" in real-time when requested from a website Visitor, and are made up of the following:

Page Content. Page's contain "Page Regions" that hold text and images, just like word processor document. Page Regions exist on only the one Page, and are not shared by other Pages.
Interaction. Each Page can also provide a website function, like a login page, a custom form page to gather data, a catalog page to display products, or one of dozens of other interactive "Page Types" built right into the system. These Pages of various Page Types are then linked together to build custom work flow into your website.
Design & Shared Content. Each Page's content and interaction is then wrapped in an HTML design, called a "Page Style". A Page can define it's own Page Style, or share the Page Style with other Pages in the same Folder. Page Styles also define a Page's shared content, like site-wide menus, or sidebars that appear only on a certain section of the website. These shared content areas include "Common Regions", "Ad Regions", and "Menu Regions".
Page Comments. Each Page can also contain Comments. Comments contain an author and textual content which is attached to the Page and exist as long as they are not deleted and the Page still exists. Comments are not duplicated when a Page is duplicated. Anyone with edit rights to the Page's Folder can edit, delete, or publish the Comments (Moderator). For true authorship verification, the User name of the Contributor will be revealed to the Page Moderator, if known, regardless of what is entered in the author field.

Edit Mode & View Modes

The system has a built-in process for create and editing content that is seamlessly integrated into every Page. While you remain logged in, you can browse through the site, Page by Page, stopping to edit content, link to content, upload photos and videos, and continue on building and updating your website, using only your web browser.

If you click the "grid" button on the top right corner of your Page, the Page's editable regions will be outlined with dashed lines and a red, blue, or green "Edit" button will appear.

Blue "Edit" buttons indicate the content or feature is specific only to the Page you are viewing.

Red "Edit" buttons indicate that the content or feature is shared among one or many Pages, and care should be taken when editing these areas.

Green "Edit" buttons indicate that the content or feature is e-commerce related, and is typically shared among one or more Pages, so care should be taken when editing these areas too.

In Edit Mode, you can click on any "Edit" button and edit the content:

Page Regions: If you are a Content Manager, you can click on the blue "Edit" buttons to edit any Page Region content using the built-in Rich-text Editor. If the Page's Page Type has interactive properties, such as a Custom Form, these properies can also be edited through the blue "Edit" buttons.

Page Comments: If you are a Content Manager, you can click on the blue "Edit" buttons to edit or publish any Comments posted to the Page.

System Regions: If you are a Content Manager, and the Page's Page Type has interactive properties (such as a Custom Form), you can click on the blue "Edit" button to access these properties.

Product Group & Products: If you are a Commerce Manager, then you can click on the green "Edit" buttons on any relevant Commerce Pages to edit the Products and Product Groups directly from the Page.

Common Regions & Menus: If you are a Site Manager, then you can click on the red "Edit" buttons to update any Menus and Common Regions using the built-in Rich-text Editor.

Designer Regions: If you are a Site Designer, you can click on the red "Edit" button to update to code within any Designer Region.

Page Style: If you are a Site Designer, you can click on the red "Edit" button surrounding the entire page area to edit the Page's HTML Page Style.

TIP: If you want to edit a region while still viewing to the original Page, hold down the "Shift" key when you click on the "Edit" button to either open the editing screen in a new browser window or tab (depending on your browser settings).

Image Editing with Picnik

Picnik is a free photo editing service that will allow you to re-size, crop, colorize and clean up your website photos without leaving your websites. To use Picnik, be sure you are in Edit Mode, and simply hover over any image in a content area, and click on the "Picnik" button that appears over the image. You must have edit rights to the image's Folder in order to edit it.

Picnik is a Flash application, so be sure you have the proper Flash plug-in installed for your browser. After the Picnik application loads, and a copy of your image is sent to the Picnik server, you can begin editing your image. If you decide not to keep your changes, you can click "Close", which will cancel your changes and return you to your web page. If you decide to keep your changes, then click "Save & Close", and you will be prompted to either "Replace" the original image on your website, or "Save a new copy" of the image, which will preserve the original image and create a new image and update your web page with the new image name. Be sure not to navigate away from the Picnik application screen before you save your changes, or they may be lost.

NOTE: Images that appear in the system content for Form Item View and Form List View Pages can only be replaced. A new copy of these images cannot be saved from Picnik. Also, the width and height for the image tag will not be updated.

DISCLAIMER: Be aware that the basic Picnik services are free but their terms are subject to change at any time. We cannot warrant their service, features, advertising, or availability. This service is provided to you AS-IS. Also, when using Picnik, a copy of your image is transmitted across the Internet to the Picnik server. We cannot encrypt nor maintain Folder security for any image once it has left the website, so please keep this in mind if you are ever editing images that may contain sensitive information.

Full Screen Mode

If you click the "up arrow" button on the top right corner of your Page, the menu will roll up and disappear, allowing you to see your web page exactly as it would appear to site Visitors. Clicking the button again will pull-down the menu again, so you can access other features.

Full Screen Mode works in both Edit and View Modes.

Theme Preview Mode

If you are a Site Manager or a Site Designer, you can click on the "Theme Preview" link, to browse your website using any CSS theme that has been programmed into your website. Theme Preview does not affect any other website Visitor, the previewed Theme is only visible to your computer. Click "Cancel" to cancel Theme preview Mode.

Edit Page Properties

Click this button to access the Page's properties.

Duplicate Page

To create a new Page, it is faster to duplicate an existing Page. Click this button to make a copy of the current Page. Duplicating a Page also duplicates it's properties, and page content. A new name is given to the duplicated Page and you will be directed to the new page. Page Comments are not duplicated.

Create Campaign

Click this button to create an E-mail Campaign using the Page. You must be a Campaign Manager to use this feature.

Creating an Approval Process for Page Updates

Since all Page edits are updated on the website in real-time, there are many times that you wish to make changes and preview them before making them "live" for all to see. In order to do this, we recommend that you follow this process:

Duplicate the original Page. the system will instantly create a new copy of the Page with a unique Page name, and redirect you to the new Page.
Make changes to the duplicate Page and save and view. Since the new Page is not linked into any of the site menus, then the Page will not be found by any visitor unexpectedly. For added security, you may wish to move the duplicated Page into a Private Folder during the approval process.
If the Page need to be approved by someone else, send them a link to the page. (Be sure they have "read" or "edit" access to the Folder where the duplicated Page is located.)
Once the duplicate Page is updated and approved and you are ready to make the Page "live", rename the original Page to a new name, and quickly rename the duplicated Page to the original Page's name. Also, be sure the duplicated Page is in the same Folder as the original Page was in so that it can be accessed by the same audience.