The following screen shots will give you an understanding of how the WebPario system allows you to maintain your website.

Not all of the system is shown in these screens, but this will give you a good flavor of how the website is configured and how content is loaded. If you desire, we can arrange access to a "sandbox" system where you can have a hands on look at how the system works.

This is the menu that is displayed when the user clicks the "Site Admin" link and enters the proper user id and password.

The "System Configuration" option takes the user to this screen. On this screen, there are nine tabs across the top that allow the user to configure certain parts of the website. On the first tab, 'High Level Settings', the user controls the layout of the site, and the main window attributes such as text color, text size, and the background color of the main window.

The bottom of the 'High Level Settings' tab. At the bottom of some tabs, if needed, is a little utility that allows the user to upload files as needed. In this case, since images (defined as graphic files that are used to create the look and feel of the website ... pictures are treated differently as decoration to web pages) are needed on this tab (see Banner Graphic), we allow images to be uploaded.

On the 'Background Settings' tab, the user configures how the background of the website appears.

The 'Page Footer Settings' tab is where the campaign can create the disclaimer that must appear at the bottom of each webpage. The user has the option of uploading a graphic for the disclaimer or it can be assembled with the other fields.

The 'Menu Item Settings' tab is where the look and feel of the menus are configured.

On the 'Contribution Settings' tab the user can decide what elements can be used for contributions. WebPario handles contributions in three ways and the campaign can use one, two or all three methods. These ways are ActBlue, Paypal and also a downloadable PDF contribution form.

The bottom of the 'Contribution Settings' where the user can upload the PDF, if desired, for the downloadable contribution PDF file.

On the 'Blog Settings' tab, the campaign can make the internal blog (if used) appear differently than the main parts of the website. This tab also controls whether the blog appears as the front page of the website and whether blog posts allow comments. If the campaign allows comments overall, each blog post can be configured to now allow comments.

On the 'Gallery Settings' tab, the user can configure how the picture gallery section will appear, including the size of the displayed picture, how many are on each page, and where new pictures are placed on the list.

The 'Special Text Settings' tab is used to configure the look and feel of this feature. Special text is where the user can put up a box at the top of either the front page or on all pages, that highlights critical information. This allows the campaign to put up information without disrupting the content of other pages.

The 'Misc Settings' tab is used to configure individual items that aren't easily put in other categories.

The second option on the main site administration menu is "Web Page Settings". It is on this screen where the user decides what pages will be displayed, in what order and what text will be used for each page on the menu link and at the top of each page. This example shows how it might appear when the menu is configured to be down the left or right sides. Notice the checkboxes where you can easily turn on or off pages as desired and the position column that sorts the pages on the menu.

This example of the "Web Page Settings" shows how it might appear if the user was constructing a menu along the top, where menu items might appear in a hierarchical manner. In this example there are four pages grouped under the '1st' menu grouping which has a title of 'Meet John' and four sub items. Explore our demo sites to see how this appears.

The second option on the main site administration menu is "Web Page Content". It is on this screen where the user populates the content of each of the webpages. On this screen, there is a clickable button for each page that can be populated in this manner. Only a few (i.e., blog, events, picture gallery, etc) require special handling.

This is an example of a general use screen and how it can be populated. You will be presented with a WYSIWYG (what-you-see-is-what-you-get) editor in which you can bold, center, italicize text, created numbered lists and bullet point lists, change colors and more all without knowing how to code web pages.

At the bottom of most "Web Page Content" screens, the user has the opportunity to upload relevant files needed to populate web pages.

This is an example of a more specialized content population screen, in this case, the issues screen. On this screen you can add as many issues as you desire, sort them, edit and delete them as needed.

As the user puts content in for an issue, they are taken to another WYSIWYG editor where they can enter in text, pictures and/or downloadable PDFs

Many of the content screens allow the user to enter in pictures and links to other screens. Each of these screens has pop up help tips that easily guide the user through the process of embedding pictures and links to other pages. This screen shows an example of that sort of popup help screen.