Editing web pages

Tools Overview

Once you create a webpage (See How to add web pages) in Wild Apricot you can edit it via 'Site Page' under your Web Pages tab.

See the illustration below for an overview of the different tools that are available. 

Quick Links

Overview

Wild Apricot has two types of pages: 'content' pages (the main topic of this article) and 'functional' pages - things like Member application form, event registration form, member directory etc.

Functional Page Limitation

The content and layout of these Functional Pages can't be edit as much as content pages but you can insert some text above the functional item of that page. For example you could add formatted text and pictures on top of a membership application but not under it. Also you can't edit the individual elements of a functional page (i.e, fields on a membership application) from 'Web pages' - instead these must be adjusted from the settings that controls those options (i.e, Settings> Membership > Membership Fields ).

Getting Started

To start editing a page, login into your Wild Apricot account, go to Web Pages section and click on the page in the left-side menu; then click on [Edit] button in the toolbar:

The page will switch into 'Edit' mode:

• You will see the editor toolbar
• You cursor will be placed into the page main content area and you can start typing text, editing, formatting

Now let's review main editing functions one by one:

Switch between Administrator and Member view mode

• As an admin you get to see all the pages (including hidden / admin-only pages), while members can only see the pages they are permitted to. As such you may want to see how the page / site appears to your members.
• To member view - use this link (located in the top right corner) to switch from Admin view mode to member view mode
• Switch to admin view  - use this link to return to your administrator mode

Undo/Redo, Cut/Copy/Paste

These are typical functions for any editor so we will not spend time explaining them:

If you paste in formatted text (such as text from Microsoft Word or an E-Mail), Wild Apricot will try to strip out incompatible formatting automatically.

Text formatting buttons

Very common functions like Bold, Italic and Underline - and if you press on the down arrow you will see three additional ones: Strikethrough, Superscript and Subscript:
The next group of text formatting buttons expands when you click on each button:

These give you selections for:

Font type:	Font size:

Text color:	Text highlight (background color):

Then we have text alignment button:
Left/Center/Right/Justified

Text styles

One other - very important button - allows you to select text styles:

Of course, with the formatting options discussed above you can make your text look any way you want - as nice or as funky as desired

However, to look clean, polished and professional it is recommended to use as few text embellishments as possible - and use text styles instead. Text styles provide a basic set of uniform text styles with colors matching your selected Visual look and feel. With styles you will not end up with purple headings on one page and red ones on another. You can change these standard styles via CSS customization and point and click Customization*

Spell checker

Spell checker button will help you to ensure your webpages look professional:

Clean-up HTML button

- See Copying and pasting text

Inserting pictures

- See Inserting pictures

Inserting links

- See Inserting links

Inserting documents

- See Inserting documents

Horizontal rule

This simply inserts a horizontal rule (line) into your page (<HR> tag in HTML)

Bullets, numbering, tabs

These functions are common for most editors and they help to format bulleted lists, numbered lists and tab your paragraph back and forth:

Inserting gadgets

These are devices which can provide summaries of organization and website activities to your visitors/members. See: Inserting gadgets.

Working with HTML

see Inserting HTML or JavaScript

Table borders

When your page is formatted with invisible tables, this button allows you to see those borders:

Borders off:

Borders on:

For more information on working with tables

see Inserting and editing tables

Page layouts

Choose from a selection of layouts - see Layouts

See also

• Inserting documents
• Inserting pictures
• Inserting links
• Inserting gadgets
• Inserting and editing tables
• Inserting HTML or JavaScript
• Online Forms
• ArtText
• Layouts
• Copying and pasting text
• Paragraph breaks, line breaks, and line spacing
• Restoring the previous version of a page