|
|
Building Web Pages
Web Pages are built with page layouts, templates, and multimedia pulled from the Content Library.
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.
2 Click Add Page.
3 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).
4 Click Add Page.
-
Images used in the Content Generator are loaded in the Content Library, or directly into a Page Layout as Dependent Files.
Upload Image in the Content Library
1 Click on Content Library.
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 Content Library 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
-
A predefined region is a template that has been locked down so it can be used in multiple places but edited in one place. This is the standard way to create content.
Add a Predefined Region
1 Click on Content Generator.
2 Click on the Predefined Region sub tab.
3 Click Add Predefined Region.
4 Enter a name for the predefined region. (If sharing, use a naming convention that is
easily identifiable to users in your network)
5 Choose a folder for the content.
6 Enter a description of the content.
7 Enter Lock to Region (you must lock the PDR to a region or else it will not be
displayed in the drop down list.)
8 Enter the Ad Code. Optional
9 Enter the Custom Renderer. Optional
10 Click Save Changes.
11 To share:
A) In the Predefined Region Details block, click the Permission Group and
the + symbol.
B) In the Locked to Region field, type the content region to share within.
Refer to Page Layout HTML. Example: 280r
C) If the Predefined Region is set to multiple regions, separate the locations by
using commas. Example: 280l, 280m, 280r
12 To add template blocks, click the "Add Block" button under Blocks.
13 Choose a template from the dropdown list.
14 Click Add Content Block.
15 To the right of the template name, click Edit. The window will refresh.
16 In Block Preview, under Line Item, click Edit.
17 Under Selected Item Editor, edit the content of the template.
18 Click Save Changes. Changes can be viewed under Block Preview.
19 Click Back to List.
If the Block has multiple templates (referred to in Block Preview as a Line item), you can 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.
-
Media files used in the Content Generator are loaded in the Content Library.
Upload Media in the Content Library
1 Click on Content Library.
2 Click on the Media sub tab.
3 Under Content Library, 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 Content Library 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
-
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.
-
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”
-
To view all Render Service Tools, click here.
Tools: Market Language Selector
A. Switches between different markets and languages provided a page is built in multiple contexts
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.
Tools: Lead Forms
A. Gives the user a list of Lead Forms available to them, a combination of Lead Forms shared with them and any Lead Forms of their own that they have created via the Lead Generator/Campaign tab
B. When this renderer is put on a shared page, it puts the lead (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 Predefined Region using this custom renderer 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 code will put the lead in the Lead Generator of the User1 user account
Tools: Location Content (Relevant for Location Groups only)
A. This gives options for various location specific information that is configurable in account settings for each
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
Example: put on a shared page called ‘locationinfo’ and selected ‘Hours of operation’ option. location1.mycompany.com/locationinfo would render a page with the hours for location as specified in the account settings page for the ‘location1’ user/location account.
Tools: Locator Form (Relevant for Location Groups only)
A. Provides a Google maps locator for all location accounts within the location group
i. 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 accounts settings of each specific user/location account
Example: This is a ‘Master’ level permission group Renderer, contact SEP Networks for full details.
Tools: Locator Zip Form (Relevant for Location Groups only)
A. An expanded version of “~/Render/LocatorForm.aspx”, also a Google maps locator, but can search by state as well as zip code
B. Also displays all the locations on load and then filters that location list based on either the state or zip code filter
Example: This is a ‘Master’ level permission group Renderer, contact SEP Networks for full details.
Tools: 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 Content Library
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 Tool 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.
Tools: 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 Tool in chosen region and choose image from the drop down list.
Tools: My Menu
A. This is a menu of pages and in the order as specified in the Web Generator, it’s user specific based on subdomain, so if it’s put on a page and that page is shared, then for example, user1.mycompany.com/page would show a menu based on the settings in the web generator specifically for the ‘user1’ user account
Example: This allows the user to build a custom menu from the pages within the Web Builder.
Tools: 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
Example: Go to ‘Account Settings’ and scroll down to ‘My Text Field’. Fill in field with appropriate content and click the save button.
Tools: Signature
A. Choose this tool 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 Tool in the specified region and choose the signature/parameters described above.
Tools: SlideShow
A. Choose this tool to display a user's Location Slideshow images on a network web page.
B. User specific based on subdomain, displays a slide show of images put into certain categories within the Content Library, for example, you may create and share out a category called ‘Slide Show’ then share out a page with the slide show in it and the category for the slide show specified as ‘Slide Show’, then user1.mycompany.com/slideshow would pull images from the content library in the “Slide Show’ category for ‘user1’ and display those
Example: Place Slideshow on ‘MYPAGE’ and choose appropriate category from the drop down list.
Tools: Sponsor Lookup Form
A. Special renderer 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 renderer asks them to fill out a form and they info goes into the Lead Generator for the group account and the credit for the join or product purchase goes to a predetermined ‘orphan’ account
Example: This is a ‘Master’ level permission group Renderer, contact SEP Networks for full details.
Tools: 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 Content Library
B. Simply displays the video on the page
Example: Go to the ‘Content Library’ 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 ‘Content Library’, find appropriate video and click the save button.
Note: All media must be in .FLV format
-
1 In the Content Builder of the WYSIWYG Editor, select the template from the
Templates dropdown list.
2 Click the Place on Page button, once a template is added to a layout, the Field
Editor opens.
3 After adding the desired content, click the Save Changes button.
4 Click Close.
-
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.
-
Move a Block One Position Up/Down
1 Place the mouse cursor over the content to move up/down in the region.
2 Click the up arrow icon (without the line).
OR
3 Click the down arrow icon (without the line).
Send a Content Block to Top/Bottom
1 Place mouse cursor over the content to show the tools to send to top/bottom
of the region.
2 Click the up arrow icon (with the line).
OR
3 Click the down arrow icon (with the line).
-
1 Place the mouse cursor over the content to delete.
2 Click the circle icon.
-
Contexts enable your public website to be viewed in the chosen market/language when the Market/Language selector is used.
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 Add Context.
5 Choose the Market.
6 Choose the Language.
7 Click Save Changes.
-
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.