Adding Pages. Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event

Transcription

1 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY Adding Pages Adding pages to your website is simple and powerful! In just a few minutes you can create a page that: Highlights a special event Collects entries on a registration form for a promotional contest Features a product or service in more detail than what a standard list item detail page provides.

2 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES This screen shot illustrates some of the various types of content... Internet Browser Window Search Engine Title Filename Search Engine Title Page Title Headline Image Page Title Text Blocks

3 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 1. Add a Testimonials Page. 1a. Log into your Springboard and click My Website, then Website Content. Hint: Click the link in the top left corner to preview your website. Springboard: Website Content 1b. Click Add Page. Springboard: Adding a Page You can add a new page to the website inside an existing section, or outside of a section.

4 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 2. Complete the page information. 2a. Type the Page Title. Page Title is required and displays on the website page above the content area. Page Title will also be used as the menu link if you include it in the site navigation. 2b. Type the Filename. The Filename is required and creates the url for users to access the page. Filenames can contain letters and numbers. We recommend keeping the length to under characters. Hint: Filenames should contain keywords and if a phrase is used, be sure to use a hyphen (-) between words. Try to make them succinct. Springboard: Updating page information

5 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 2c. Verify the Page Location. The Page Location select menu is set to the section you are currently in. Update it to move the page to another section. For this example, put the page inside the Company Information Section. Springboard: Updating page information Hint: Page Location: Site Root means the page is at the top level of the site, not inside of a section. Examples of this are the home page and the default location of the Contact Us page. 2d. Choose Design Layout. Select Internal page layout or leave set to Default Layout (which is the Internal Page Layout). Springboard: Updating page information Hint: By default you have two design layouts available, the Internal Page Layout and Primary Home Page Layout. If the pages of the new section will require a different design layout, for instance, you want multiple columns of text, or something else you can t do with your current page layout, contact your account manager to discuss what you d like. We can create a custom page layout for you to use.

6 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 2e. Choose Content Template or leave this set to the default, which is None (Custom Page). Springboard: Updating page information Hint: Hide a section by selecting No to Display in site navigation? When you do this, the section remains in your Springboard but doesn t appear in your website navigation. Add it back to the navigation menu later by selecting Yes. Hint: SSL stands for Secure Sockets Layer. It enables you to make a page secure by encrypting the information on it so only certain verified entities can decode and understand it.

7 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 3. Optional: Enter Search Engine Information. Search Engine Title: Displays at the top of the browser window, and in the tabs in tabbed browsing. This field is optional, and if nothing is entered, the Page Title will be used. The Search Engine Title is the most important thing you can do to help your chances of being found on search engines. Use a maximum of 66 characters (including spaces) and make sure each page on your website has a unique Search Engine Title. Search Engine Keywords: There s no need to fill this field, but if you do, add the basic keywords that people would use to search for your business. Add the most important keywords first, but use no more than per page. Search Engine Description: This is the short summary that shows up in the search engine results Keep it to just one or two sentences. Search Engine Description is similar to a line of ad copy which tells a customer/ prospect how your website page is going to help them find the information they re looking for. Springboard: Updating page information Site Map Priority can be left to Normal (Default) Click Save & Finish. Springboard: Saving the new page

8 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 4. Add Content to Your New Page. Your new page has been added to the bottom of the Site Structure list in the section in which you added it. There are three ways to get to this new page and add content to it. Click the page index combobox that says Site Root by default and start typing the name of your new page. Click and pull down the page index combobox that says Site Root. Click on the page in the list. Scroll to the page and click the page title or click the gear icon for the page and click Manage Content. Springboard: Sections and Pages 4a. Click Add Content. Springboard: Clicking Add Content

9 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 4b. In the Content Type column, select the types of content you want to add to the page. Select Headline. Click Add Row and select Text. Click Add Row and select Image. Use the Location pulldown to assign the content to the area of the page where you want it to display. Springboard: Adding content types Hint: Location: The default setting is Primary Content, which is the main area of your website pages where content is displayed. Depending on your website s design and the page you re editing, you may see other choices on this list. Use the Do NOT Display option to add content that you want to get ready for the page, but don t want to display for a time. Springboard: Saving new content types 4c. Click Save & Close. The three Content Types have been added to the bottom of the page. Springboard: Listing of content

10 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 5. Add the Headline Content to Your New Page. 5a. Click the gear icon for the Headline content and click Edit Headline. Springboard: Actions under gear icon 5b. Select the Headline Size, or leave it set to Standard. Actual size and color vary according to your website design and color scheme. Type your Headline Text. Springboard: Editing Headline 5c. Click Save & Close. Springboard: Saving Headline updates Hint: You can easily view the changes to your website at any time by clicking on the website link in the upper left corner of the Springboard. A new tab or window will open to show the website. Springboard: Website link 6. Add Text Content to Your New Page. 6a. Click the Gear icon for the Text content and click Edit Text. Springboard: Actions under gear icon

11 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 6b. Type or paste your text into the Text field. Basic HTML is the default text rendering option. Springboard: Editing text Use it to incorporate some simple tags, such as bold. A properly formatted address automatically displays as a mailto link. A fully formatted web link, beginning with automatically displays as an active link. 6c. Click Save & Close. Springboard: Saving text updates 7. Add an Image to Your New Page. 7a. Click the gear icon for the Image content and click Select A Different Image Springboard: Actions under gear icon

12 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 7b. Click Select this Image to select an image from your library or click Upload Image to choose a new image from your computer. Springboard: Uploading or selecting an image Hint: When naming your image, use a filename that describes the image. It s great if it reflects your keyword. For example chocolate-donut. jpg (notice that you should separate words with hyphens). 7c. Click the gear icon for the Image and click Edit Image Info. Springboard: Actions under gear icon

13 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY 7d. Optional: Enter Alternate Text (Alt Tag), Title, Caption. Springboard: Updating image info Type Alternate Text to describe the image. For example glazed chocolate donut. Make the Alt tag 2-5 words long including words related to the page s core keywords. Use Title and Caption to explain the image and what you re trying to convey in it. Choose the Alignment of the image. These screen shots show examples of Left and Right alignment. Choose a LINK option and provide the corresponding information. Click Save & Close. The image of the woman is Left aligned, text displays on the right side of the image and wraps below. Website: Left image alignment The image of the man is Right aligned, with text wrapping on left and below. Website: Right image alignment

14 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 8. Optional: Sorting Content. Once you ve added content, you can dragand-drop to update the order in which items appear on the page. Springboard: Changing order of content Click on the crosshair icon for the item, drag it where you want it, drop it and repeat to move other items as desired. Each update is immediate.

15 A STEP-BY-STEP A STEP-BY-STEP GUIDE GUIDE TO TO UPDATING ADDING PAGES NAVIGATION ACADEMY These screen shots illustrate the Before and After of the sort order of the image of the woman. BEFORE Website: Order of content before update AFTER Website: Content after order update

16 ACADEMY A STEP-BY-STEP GUIDE TO ADDING PAGES 9. Optional: Sorting Pages. You can use the same drag and drop action to change the order of pages in the sections of your website. Click the crosshair icon for the page, drag it where you want it, drop it and repeat to move other pages as desired. Updates are immediate. BEFORE Springboard: Order of pages before update Website: Page menu before order update AFTER Springboard: Changing sort order of Testimonials page Website: Page menu after order update