Untitled Document

Build a Page Layout

Page Layout Overview: Content Generator uses Page Layouts as the framework to build web pages. Design a page containing HTML, CSS, or any language code, along with dependent files specific to an individual layout. Within each page layout are layout regions and content regions. Layout region and content region naming and sizing conventions allow you to place predefined regions within regions they have been locked down to Page Layouts that utilize the same layout region and content region size and name can be used across multiple pages and also allow for predefined regions to be utilized across multiple layouts, making web page content management efficient. Once created, layouts are available to create company web pages, or to share with network users for use in the Web Generator.

Example of Layout Sizing

Example Regions to add content in Pages are : 900, 580l, 580r,440l, 440r, 280l, 280m, 280r
Example Regions for add content in Page Layouts are: Menu, Footer.
Note: L=left, M=middle, R=right

Each region is able to grow in length, giving you the ability to put in multiple pieces of predefined regions, Web Wizards, or templates.

All layouts must start with the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title></head>
<body>
</body>
</html>

The specific code forces all browsers into XHTML strict mode, which is required for the WYSIWYG Editor to work correctly; it does not affect the actual output.

Examples of Page Layouts Naming Conventions:

1A = Legal Layout
2A = 2 Column Even
2B = 2 Column 2 different sized columns
3A = 3 Column Even
3B = 3 Column 2 different sized columns
3C = 3 Column 3 different sized columns

Content Regions: There are two types of regions where content is added:

Layout Regions:
Areas where content is added and managed on the Page Layout. This means any content (Predefined Region or Template) added to a layout region in a Page Layout through the WYSIWYG will appear on all Pages using that particular layout (Example: Adding a Predefined Region: Main Navigation to the Page Layout. Every new Page added will have the Main Navigation in it.)

Content Regions:
Areas where content is added and managed on the Page. This means adding content (Predefined Region or Template) on the Page itself, through either the WYSIWYG or Page Details. Content varies by Page. (Example: Adding a Predefined Region: Content: About Us).

*Note: HTML Tag Id’s cannot be named the same as region names, this causes WYSIWIG conflicts.

Content Regions Legend: When an administrator creates content for web pages, they will create the content to be used accross multiple layouts that utilze the same content region naming convention. This gives administrators the flexibility and controls for adding the same content to multiple content regions and pages. The content regions name and size are written in the page layout html.

Content or Layout Region Legend:
900 = 900 pixels wide
580l = 580 pixels wide, left column
580r = 580 pixels wide, right column
440l = 440 pixels wide, left column
440r = 440 pixels wide, right column
280l = 280 pixels wide, left column
280m = 280 pixels wide, middle column
280r = 280 pixels wide, right column

H = Header
F = Footer
S = Signature
ML = Market/Language
NAV = Main Navigation

*Note: HTML Tag Id’s cannot be named the same as region names, this causes WYSIWIG conflicts.

See Add a Region to a Layout

Add a Page Layout: 1     Click on Content Generator, then on the Layout sub tab.
2     In the Page Layouts block, click Add Page Layout.
3     Enter a name for the layout (i.e. Master Layout, 1A, 2B, 3C, etc).
4     Enter a description of the layout.
5     Click Add Page Layout. The window will refresh.
6     In the Page Layout block, you can edit name & description, folder, share
       with permission groups, add a preview image, and background images.
       Editable fields:
       a     Name
       b     Description – a brief explanation of the layout.
       c     Folder - Choose a folder to organize layout.
       d    Content Sharing – shares the layout with permission groups
             that have access to the Web Generator.
       e    Preview Image – a preview of the layout will display in
             Web Generator to users when creating their own web pages.
       f Background Images for Layout – (see Upload Layout
             Background Images).
7     Click Save Changes.

Page Layout Context Details
The Page Layout Context Details block is where HTML and CSS layout codes are inserted. It is not necessary to link CSS codes to the page in the HTML section.

All layouts must start with the following code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

The specific code forces all browsers into XHTML strict mode, which is required for the WYSIWYG Editor to work correctly; it does not affect the actual output.

Title Options:
Document Title: Text written will be the title on all pages using this layout:
       <title>Document Title</title>

Page Name Title: String below will pull in page name into layout title.
       <title><region type="content" name="PageTitle" /></title>

Add HTM
In the HTML section, you are able to add any front end/client side programming language. Example: HTML, CSS, Javascript, etc.
1      Add HTML.
2     Click Save Changes.

Add CSS
CSS defines the style of the HTML in the layout.
1      Add CSS. (CSS defines the style of the class within the templates)
2     Click Save Changes.

Edit a Page Layout: Edit Page Layout Details
1     Click on Content Generator, then on the Layout sub tab.
2     In the Page Layouts block, click on a layout to edit.
       The window will refresh.
3     In the Page Layout Details block, edit the following fields:
       a    Name
       b    Description – a brief explanation of the layout.
       c Folder - Choose a folder to organize layouts
       d    Content Sharing – shares the layout with permission groups
             that have access to the Web Generator.
       e    Preview Image – a preview of the layout will display in
             Web Generator to users when creating their own web pages.
       f    View Files for this Layout – click View Files (see Upload Dependent
              Files).
4     Click Save Changes.

Edit HTML or CSS
In the Page Layout HTML & CSS block, you are able to add any front end/client side programming language. Example: HTML, CSS, Javascript, etc.
1     Edit HTML.
2     Edit CSS.
3     Click Save Changes.

Upload Layout Background Images: Upload Background Images: Files coded into the CSS section of the page layout. Accepted Image file types: jpg, gif, png

Add a Background Image
1      Click on Content Generator, then on the Layout sub tab.
2      Under Page Layouts, click on the name of a layout.
        The window will refresh.
3      Under Page Layout Details, scroll down to View Files for this layout.
4      Click View Files.
5     Click the Add File or Multi-File Upload button.
6      Enter the File Name (case sensitive and must match name used in CSS).
        Example: Image Name = header.jpg
        Background image in CSS = ('header.jpg')

        Note to Admin: background image file name much be enclosed in single quotes.

7      Enter a description of the file.
8     Click Browse, select the file(s) to upload (for multiple files hold Ctrl and click on each
        file to upload).
9    Click the Open button.
10    Click Add File.

To continue editing the layout, click the Back to List button.

Add a Region to a Layout: Insert the following code:
<region type=”layout or content” name=”Region Name” />

All single HTML tags must end with “/>”.

*Note: HTML Tag Id’s cannot be named the same as region names, this causes WYSIWIG conflicts.

Example 1 (OK):
< div id="test" >
< region type="content" name="Main" />
</ div >

Example 2 (NOT OK):
< div id="test" >
< region type="content" name="test" />
</ div >

*Note: There are two types of regions, Content and Layout, all regions must be named uniquely to avoid WYSIWIG conflicts.

Example 1 (OK, all have unique names):
< region type="content" name="c1" />
< region type="content" name="c2" />
< region type="layout" name="c1" />
< region type="layout" name="Lay2" />

Example 2 (NOT OK, can’t have content and layout regions named the same):
< region type="content" name="c1" />
< region type="content" name="c2" />
< region type="layout" name="c1" />
< region type="layout" name="Lay2" />

Example 3 (NOT OK, can’t have 2 content regions with the same name, can’t have 2 layout regions with the same name):
< region type="content" name="c1" />
< region type="content" name="c1" />
< region type="layout" name="Lay1" />
< region type="layout" name="Lay1" />

Uploading Preview Image(s): Shared Layouts will be available to users with permissions set to build their own web pages, in Web Generator. A Preview Image will display a "preview" of the layout when a user selects the layout to use when building a page. Preview Images will need to be loaded in the Content Library prior to uploading in a Page Layout. Suggested size for Preview Image is 550px x 400px.

Upload a Preview Image
1     Click on Content Generator, then on the Layout sub tab.
2     Under Page Layouts, click on the name of a layout.
       The window will refresh.
3     Under Page Layout Details, scroll down to Preview Image.
4     From the dropdown menu, select the Preview Image.
5     Save Changes.

Your Preview will now display to users when selecting this page layout.

Add Layout Contexts: Layout Contexts are created to support multilingual content. Layout contexts are created when users within your network are set to a market and language that does not match the group Worldwide/Default and have permissions to build their own web pages in Web Generator. Example: Mexico/Spanish. In this case, adding a context of Worldwide/Spanish will allow users set to Mexico/Spanish to have access to the layout when creating Build Your Own Web Pages, in Web Generator. Another example: Dependent Files, i.e., background images - that are context based.

Add Layout Context
1      Click on Content Generator, then on the Layout sub tab.
2      Under Page Layouts, click on the name of a layout.
        The window will refresh.
3      In the Market/Language Contexts block, click on Add Context
4      Select Site Context. Optional. See Site Contexts Overview in
        Content Management Overview.
6      Select a Market.
7      Select a Language.
8      Under Copy Layout From, select a Layout to copy from.
       HTML & CSS will be copied, allowing for ease of use translating.
9      Click Add Context.
10    Click Select next to the new Market/Language to translate.

Delete a Layout Context: Deleting a context for a Layout will immediately delete the content where it is used. User's with the same market/language as the deleted context will no longer have access to the content. See Content Contexts/ The Tree. See Image on right: The Market Language Tree.

Delete a Layout Context
1     Click on Content Generator.
2     Click on the Page Layouts sub tab.
3     Click the check box next to the Context you want to delete.
4     Click Delete Selected.

Build Templates

Templates Overview: All content is created by utilizing a template to then build a predefined region. A template is a code set that allows designers to easily pull content from the NetGen System. Example: Template: Text left, Image right. The image string will allow designers to pull images from the Library Generator. Other examples are: header, text paragraph, images, bulleted/numbered lists, etc. There are no limitations to the type of templates that can be created. The dynamic parts of templates are built by strings. These strings allow the user to fill in content. For string examples see Template Examples.

Add a Template: 1     Click on Content Generator, then on the Layout sub tab.
2     In the Templates block, click Add Template.
3     Enter a name.
4     Enter a description of the template.
       Up to 250 characters. Descriptions will display in Folders.
5     Choose a Folder for the template. Optional
       Adding template to a folder will help when filtering and searching.
6     Select the Site Context. Optional. See Site Contexts Overview in
       Content Management Overview.
7     Enter codes for Header, Line Items, and Footer.
8     Click Save Changes.

Edit a Template: 1     In the Templates block, click the template name.
2   Editable fields include:
         a    Name
         b    Folder
         c    Site Context. Optional. See Site Contexts Overview in
               Content Management Overview.
         d    Header
         e    Line Items
         f     Footer
3     Click Save Changes.

Template Revisions
1   Select the Revision from the dropdown menu, or create a New Revision.
2     Add New Note to log updates and specific changes.
3   Click Add Note. Mandatory
4     To publish the template, click Publish.
5     Enter Revision Notes. Mandatory
6     Click Save Changes.

Template Fields: Template fields instruct the WYSIWYG Editor to handle templates and insert parts of the template that are not editable.

Rad Editor:
Similar to a word processor, allows the end user to edit attributes of text including font, size, color, alignment, etc.
Note: Changes to text in the Rad Editor will override CSS.

Template Field Types: (written in lower case)
image - Shows a list of images from the Content Library image list.
media - Shows a list of media from the Content Library media list.
content page - Shows a list of Content Pages available.
link - Allows links to a content page, url or document.
text - Shows the RAD Editor and allows for the entry of multi-line text.
url - Allows an address to be entered.
string - Simple, single-line text box. Optional: HTML is available to use in this string
if needed for the template.

Delete a Template: Deleting a Template will delete any Predefined Region using the template. The template will be permanently deleted.

Delete a Template
1     Click on Content Generator.
2     Click on the Page Layouts sub tab.
3     Click the check box next to the Template you want to delete.
4     Click Delete Selected.

Build Predefined Regions

Predefined Region Overview: One of the great features of NetGen is the ability to create content with templates in Predefined Regions. A predefined region is a block or blocks(s) of templates that display content. Once built, the predefined region can be placed on multiple web pages but edited in one place. When edited, updates are made immediately whereever the predefined region is being used. This effiiciency allows for quick turnaround of content updates and content management. Predefined regions can also be shared with users that have access to the Web Generator. This sharing feature allows network users to build web pages with predefined regions, without the ability to edit the predefined region - allowing for easy web page building within your company's brand requirements. Predefined Regions are built and edited in the Content Generator.

Select Lock to Regions For Predefined Regions: Predefined regions are blocks of templates that display content. When building a predefined region you must lock it to a region(s) so it will be available to add to Web pages. The regions you select to lock it to depend on the layout of the Web pages you will be using it on. You can select the regions you want to lock in from a list of all available regions that are used in all of your page layouts. You can even select specific page layouts and the list will display the regions that make up that page layout. You can select your lock regions when creating a new predefined region or can go back and edit your regions for existing ones.

Select Lock To Regions For Predefined Regions
1     Select Add Predefined Region from the Content Generator. To edit regions for an existing
     predefined region, click on the predefined region from the Content Generator. Under Predefined
     Region Details, scroll down to Locked to Region.
2     Under Locked to Region, select the regions you want to lock in. To see the regions used in all of
     your page layouts, make sure that All Layouts is selected from the drop down menu under Available
     Regions. To see what regions are used in a specific page layout, select the page layout from the drop
     down list. Your region box will refresh and display the regions that make up that page layout.
3     To add a region to the Locked to Region box, highlight the region you want to select and click the
     plus button. You can select multiple regions to lock to. To remove regions from the list, highlight the
     region you want to remove and click the minus button.
4     Click on Save Changes.

Add a Predefined Region: 1       Click on Content Generator, then on Predefined Regions.
2      Click Add Predefined Region.
3       Enter a name. (If sharing, use a naming convention that is
         easily identifiable to users in your network)
4       Enter a description of the predefined region.
         Up to 250 characters. Descriptions will display in Folders.
5       Choose a folder for the predefined region. Optional.
         Adding predefined region to a folder will help when filtering and searching.
6       Enter Lock to Region (you must lock the PDR to a region or else it will not be
         available to add to a web page. Example: 440l, 440r, 280l, 580l, 900, etc.)
7      Click Save Changes.
8       In the Predefined Region Details block, edit:
         a     Name
         b     Display Name
         c     Description
         d     Folder
         e     Site Context. Optional. See Site Contexts Overview in
                Content Management Overview.
         f     Locked to Region.
         g     Content Sharing. See Content Sharing & Deployment &
                Setting Up the Web Generator.
9       In the Blocks area, Click Add Block.
         The window will refresh.
10      From the dropdown menu, select a template.
11    Click Add Content Block.
12     The template will be listed.
13     Click Edit to edit the template.
14     In the Block Preview area, click Edit.
         The template will display editable content based on the template used i.e., image, web page, text.
15    Add content to the template.
16     Click Save Changes.

Edit a Predefined Region: Predefined Regions can be edited by changing content or by adding new content. New content is added by adding a line item of the existing template, or by adding new templates. For example, if you are editing a pre-defined region that is a list of events, and you want to add a new event - you'll add a line item to the existing template used within the pre-defined region. (See Add a Line Item to a Predefined Region) If you want to add a text paragraph under the list of events, you'll add a new template to the predefined region.

Edit a Predefined Region
1     Click on Content Generator, then on Predefined Regions.
2     Select a predefined region to edit.
3     In the Blocks area, click on Edit.
4     In the Block Preview area, select a line item and click Edit.
5     Edit the selected Line Item.
       The line item will display editable content based on the template used
       to pull in content. i.e., image, web page, text.
6     Click Save Changes.

The changes will update immediately wherever the predefined region is published. If you wish to make a revision without going live, see Content Revisions & Publishing.

Add a Template Block in a Predefined Region: Add a Template Block to a Predefined Region
1      Click on Content Generator, then on Predefined Regions.
2      Select a predefined region to add a template to.
3      In the Blocks area, Click Add Block.
        The window will refresh.
4      From the dropdown menu, select a template.
5      Click Add Content Block.
6      The template will be listed on the bottom of the blocks listed.
7     Click Edit to edit the template.
8      In the Block Preview area, click Edit.
        The template will display editable content based on the template used i.e., image, web page, text.
9      Edit the template.
10   Click Save Changes.

Change the position of a block by clicking on Top, Bottom, Up, Down. "Top" moves the block all the way to the top. "Up" moves the block up one position. "Bottom" moves the block all the way to the bottom. "Down" moves the block down one position.

The changes will update immediately wherever the predefined region is published. If you wish to make a revision without going live, see Content Revisions & Publishing.

Delete a Template Block in a Predefined Region: Deleting a Template Block within a Predefined Region will permanently remove any content within that specific Template Block from the Predefined Region, but neither the template nor the Predefined Region will be deleted.

Delete a Template Block in a Predefined Region
1     Click on Content Generator, then on Predefined Regions.
2     Select a predefined region to edit.
3     Under Predefined Region Blocks, navigate to the block you want to delete and click the blue link labeled delete.

Add a Line Item to a Template Block: Add a Line Item to a Template Block
1     Click on Content Generator, then on Predefined Regions.
2     Select a pre-defined region to edit.
3     In the Blocks area, locate the template and click Edit.
       The window will refresh.
4     In the Block Preview area, click Add Line Item.
       The window will refresh.
5     A new Line Item of the template will be listed on the bottom of the line items listed.
6     Click Edit to edit the Line Item.
       The line item will display editable content based on the template used i.e., image, web page, text.
7     Edit the Line Item.
8     Click Save Changes.

The changes will update immediately wherever the predefined region is published. If you wish to make a revision without going live, see Content Revisions & Publishing.

Delete a Line Item to a Template Block: Deleting a Line Item from a Template Block will permanently remove the content within that Line Item from the block.

Delete a Line Item in a Template Block
1     Click on Content Generator, then on Predefined Regions.
2     Select a pre-defined region to edit.
3     In the Blocks area, locate the template Predefined Region and click Edit.
       The window will refresh.
4     Under Block Preview, navigate to the appropriate Line Item and click the blue link labeled Delete.
5     Click Save Changes.

Share a Predefined Region: 1     Click on Content Generator, then on Predefined Regions.
2     Select a predefined region.

Share Predefined Region to a Layout
3     In the Locked to Region field, type the content region to share within:
       Refer to Build & Manage Web Pages, Build a Page Layout.
       Example: 280r.
       If the Predefined Region is set to multiple regions, separate the regions by
       using commas.
       Example: 280l, 280m, 280r

Share with Network Users for Web Generator
4     In the Predefined Region Details block, click the Permission Group and
       the + symbol. Permission Groups that use the Web Generator will have
       access to shared predefined regions.

5     Click Save Changes.

The predefined region will be available to add to pages within the region(s) specificed. Users with Web Generator will have access to the shared predefined region when building web pages within the region(s) specified.

Add a Predefined Region Context: Predefined Region contexts are created to support multilingual content. Predefined Region contexts are created when web page contexts have been created to support your network users or when web pages are built utilizing the Web Wizard: market/language selector to support multiple markets and languages.

Add a Predefined Region Context
1       Click on Content Generator, then on the Predefined Regions sub tab.
2       Click on a predefined region to add contexts.
         The window will refresh.
3       Under Market / Language Contexts, click Add Context.
4       Select a Market.
5       Select a Language.
6       Select a Context to Copy Blocks From.
         All blocks within the predefined region will be copied, alllowing for ease of use translating.
7       Type in Display Name in the appropriate Langauge.
8       Click Add Context.
9       Click Select next to the new Market/Language to translate.
10     Click on each block to translate.

Note: Images, Documents & Media used in predefined regions will need to have contexts that match new context created. See Add Contexts to Images, Documents & Media.

Delete a Predefined Region Context: Deleting a context for a Predefined Region will immediately delete the content where it is used. User's with the same market/language as the deleted context will no longer have access to the content. See Content Contexts/ The Tree. See Image on right: The Market Language Tree.

Delete a Predefined Region Context
1     Click on Content Generator, then on the Predefined Regions sub tab.
2     Click on a predefined region to add contexts.
       The window will refresh.
3     Under Market / Language Contexts, click the check box nest to the context you want to delete.
4     Click Delete Selected.

Identify Predefined Regions Usage: Predefined regions are the building blocks of your Web pages. Once you’ve created a predefined region, you can use it in multiple places on multiple Web pages. When you make a change to a predefined region, it will automatically update the region everyone it is used in the system. The predefined region usage feature allows you to identify everywhere predefined regions are being used. This is important so that if you edit or delete a predefined region you know what Web pages it will affect. You can also view what system users are using that predefined region if they have the ability to build their own Web pages.

Identify Predefined Regions Usage
1 Under the predefined region page of the Content Generator tab is a list of all your predefined regions. Click on Usage next to the predefined region that you want to identify where it’s being used.
2 A window will pop up with a list of the pages where the predefined region is being used. Title displays the name of the page in the system and includes a link to view that page. User Account Name displays the users that are using that predefined region. This includes where you are using it as well as any other system users that have the ability to build their own Web pages as long as you have shared that predefined region with them.

Build Web Pages

Add a Page: Content Generator Pages are the web pages utilized by corporate and network users. There are no limitations to the number of pages that can be built - both for corporate pages and user pages.

Add a Page
1     Click on Content Generator.
2     Click on the Pages sub tab.
3     Click Add Page.
4     When adding a new page, five areas are editable – Name, Folder, URL, Shared,
        and Page Layout.
       Note: Page URL’s must end in “.dhtml” (i.e. aboutus.dhtml).
5     Click Add Page.

Add an Image: Images used in the Content Generator are loaded in the Library Generator, or directly into a Page Layout as Dependent Files.

Upload Image in the Library Generator
1     Click on Library Generator.
2     Click on the Images sub tab.
3    Click Add Image.
4     Enter the name of the image. (If sharing, use naming conventions that organize
        alphabetically)
5     Choose a folder for the image. Optional
6     Click the Browse button and select the file to upload.
7    Click Save Changes.

Images loaded into the Group Library Generator account will be available when building pages with image templates. Images used to create shared web pages do not need to be shared individually. All content added by Administrators is automatically created in Market/Language Context: Worldwide/Default

Adding Media: Media files used in the Content Generator are loaded in the Library Generator.

Upload Media in the Library Generator
1     Click on Library Generator.
2     Click on the Media sub tab.
3    Under Library Generator, click the Media tab.
4    Click the Add button.
5    Enter the name of the media file. (If sharing, use naming conventions that organize
        alphabetically and add .flv to the extension)
5    Choose a folder for the media file. Optional
7     Click Browse, and select the file to upload.
6     Click Save Changes.

Note: All media files must be a link to a .FLV file. We will host the video files if needed.Media files loaded into the Group Library Generator account will be available when building pages with the Video Player Render Service Tool, or a custom .flv player. Media files used to create shared web pages do not need to be shared individually. All content added by Administrators is automatically created in Market/Language Context: Worldwide/Default

Add Content to Layouts: To add content to a layout, the WYSIWYG Editor will need to launch.

1     Click on Content Generator.
2     Click on Layout sub tab.
3     In the Page Layouts block, click WYSIWYG next to the name of the layout.
4     Once the WYSIWYG Editor opens, the layout will appear with boxes
        outlined with dashes – these boxes are the layout regions added in the
        layout code.
5     To add content to a particular region, place the mouse cursor over the region, and
        click Add Content - the Content Builder will drop down and the content choices
        available for the region will display.

Note: Content added to a layout region will appear on every page that contains the same layout.

Add a Predefined Region to a Layout: 1     In the Content Builder of the WYSIWYG Editor, select a predefined region from the
         “Predefined Block” dropdown list.
2     Click the Place in Page button.
       Note: The Predefined Block dropdown list will be empty if there are no Predefined
        Regions containing Lock to Region code.

Note: the correct predefined regions to put in a layout would be things such as “Main Navigation, Footer Navigation and legal content”.

Adding a Web Wizard to a Layout: To view all Web Wizards, click here.

Web Wizard: market language selector
A. Switches between different markets and languages provided a page is built in the selected market/language.
B. www.company.com/web/us/en/test.dhtml would switch to www.company.com/web/us/es/test.dhtml and would display any us/es content that was created for the page

Example: Test page is built in us/en and us/es both and then this custom render is used, clicking on Espanol will switch the URL to the es and English will switch it back.

Web Wizard: prospect capture forms
A. Gives the user a list of Prospect Capture Forms available within their account, including shared and self created forms. Forms are created in Prospect Generator.
B. When this web wizard is put on a page that is shared, it puts the prospect data (those that fill out the form) into the account of the user based on the subdomain.

Example: you build a page called ‘contact’, put the Web Wizard: prospect capture form on the page, select a form to display.

Note: User1.mycompany.com/contact will render the page and display the form, on submit of the form, the wizard will put the prospect in the Prospect Generator of the User1 user account

Web Wizard: location content (Relevant for Location Groups only)
A. This gives options for various location specific information that is configurable in Account Settings for each field below:
i. Address
ii. Two Column Address
iii. City, State
iv. Hours of Operation
v. Content Area 1
vi. Content Area 2
vii. Content Area 3
viii. Content Area 4
ix. Block of All Links
x. Link 1
xi. Link 2
xii. Link 3
xiii. Link 4
xiv. MembershipModule

B. Pulls user/location specific information based on subdomain of webpage.

Note: Place this wizard on a shared page that is named Location Detail, with url being "locationdetail.dhtml". User (or Admin) may edit all fields of this wizard through Account Settings.

Web Wizard: locator form (Relevant for Location Groups only)
A. Provides a Google maps locator for all location accounts within the location group
B. Has a state drop down to first narrow locations by state, then a list for that state is displayed with information on each location that is pulled from the account settings of each specific user/location account.

Note: This is a ‘Master’ level permission group wizard set up by SEP Networks.

Web Wizard: locator zip form (Relevant for Location Groups only)
A. An expanded renderer of “~/Render/LocatorForm.aspx”. Also a Google maps locator, which can search by state as well as zip code.
B. Displays all the locations on page load and then filters that location list based on either the state or zip code filter.

Note: This is a ‘Master’ level permission group wizard set up by SEP Networks.

Web Wizard: custom image
A. Gives the user a list of images available to them, a combination of images shared with them and any images of their own that they have uploaded via the Library Generator
B. Simply displays the selected image on the page
C. Enlarges or shrinks the image to fit the content region that the Predefined Region is put in

Example: Place wizard in chosen region and choose image from the drop down list. Once placed in the page, the image will shrink or grow to fit the
container it’s in.

Web Wizard: custom image no stretch
A. The same as “~/Render/CustomImage.aspx” with the exception of the image size modifications, images render actual size
B. Puts in a dropdown list of their categories, to choose a set of images.

Note: Large images may go outside of the content region by nature of how browsers render images.

Example: Place wizard in chosen region and choose image from the drop down list.

Web Wizard: menu
A. This is a menu for Network and Build Your Own pages set in the order as specified in the Web Generator. It is user specific based on subdomain. When the wizard is placed on a page, and that page is shared, (Example: www.user1.mycompany.com/page), the page would display the menu based on the settings in the web generator specific for the ‘user1’ user account.

Note: This wizard allows the user to build a custom menu from the pages within the Web Builder.

Web Wizard: my text
A. User specific based on subdomain, pulls from the My Text field in Account settings, if that field is blank, then the Default My Text field in account group settings is displayed

Note: Go to ‘Account Settings’ and scroll down to ‘My Text Field’. Fill in field with appropriate content and click the save button.

Web Wizard: signature
A. Choose this wizard to render a user's My Signature on a network web page.
B. Can specify:
i. Text Color
ii. Text Font
iii. Single line or stacked
iv. Show Picture or not
v. Can also specify which signature to use, this only makes sense if the Predefined region is shared out and the user has the permission to make their own extra signatures beyond the system generated ‘My Signature’

Example: You build a page called ‘MYPAGE’ and want the signature on the top of the page. Place the wizard in the specified region and choose the signature/parameters described above.

Web Wizard: slideshow
A. Choose this wizard to display a slideshow of images within a folder on a network web page.
B. User specific based on subdomain, displays a slide show of images put into a folder within the Library Generator. For example, you may create and share a folder called ‘Slide Show’ then share a page with the slide show in it. Then user1.mycompany.com/slideshow would pull images from the Library Generator in the “Slide Show’ folder for ‘user1’ and display images within the folder.

Example: Place Slideshow on ‘MYPAGE’ and choose appropriate category from the drop down list.

Web Wizard: sponsor lookup form
A. Web Wizard used when a group has third party integration for joining or buying product, allows the end user to look up their sponsor information if they don’t know it, they can search by username or id, if they don’t know that information, the wizard asks them to fill out a form and the info goes into the Prospect Generator for the group account and the credit for the join or product purchase goes to a predetermined ‘orphan’ account.

Note: This is a ‘Master’ level permission group wizard set up by SEP Networks.

Web Wizard: video player
A. Gives the user a list of media available to them, a combination of media shared with them and any media of their own that they have specified via the Library Generator.
B. Simply displays the video on the page.

Example: Go to the ‘Library Generator’ tab and click the ‘Media’ link. Name, Upload the URL for specified video and click the save button. Go to the page/region where you want the video on and choose the ‘Video Player Tool’. The dropdown will give you a list of your videos from the ‘Library Generator’, find appropriate video and click the save button.

Note: All media must be in .FLV format or MP4 format. This tool is used for stand alone media.

Add Content to Pages: 1     Click on Content Generator.
2     Click the Pages sub tab.
3    In the Content Pages block, click WYSIWYG next to the page name.
4     Once the page opens in the WYSIWYG Editor, the page will appear with boxes
        outlined in dashes; these boxes represent the Content Regions added to the
        layout code.
5     To add content to a particular region, place the mouse cursor over the region, and
       click Add Content - the Content Builder will drop down and the content choices
       available for the region will display.

Note: Content added to the Content Region will only appear on that individual page.

Rearranging or Deleting Content Blocks: Scroll your mouse over the page and you will see a Content Region to edit content. To move or delete content within the region, click on the arrows:

                 Moves Content to Top of Content Region
               Moves Content Up
                 Moves Content Down
                 Moves Content to Bottom of Content Region
                 Deletes Content Region

Edit a Content Block: 1     Go to the WYSIWYG editor of the Content Generator.
2     Place the mouse cursor over the content block.
3     Click the pencil icon.
4     Click edit line item, the Field Editor will open and enable the user to edit the specific
       content.
5     When finished editing the content, click the Save Changes button.
       Note: The Field Editor contains two Save Changes buttons,
       click the one located directly under the edited content, not the button next to Close.
6     Click Close.
7     Click done.

Note: Changes made to the content will refresh and reappear a few seconds after clicking done.

Delete a Page Context: Deleting a context for a Page will immediately delete the content where it is used. User's with the same market/language as the deleted context will no longer have access to the content. See Content Contexts/ The Tree. See Image on right: The Market Language Tree

Delete a Page Context
1     Click on Content Generator.
2     Click on Pages sub tab.
3     Under Content Pages, click on the name of the web page.
4     In the Market/Language Contexts block, click the check box next to the page context you want to delete.
5     Click Delete Selected.

Build & Manage Web Pages

Build a Page Layout

Build Templates

Build Predefined Regions

Build Web Pages