Default Sageframe Modules:-

  • HTML Editor
  • Poll Module
  • Bread Crum
  • Contact Us
  • News
  • Control Panel (Admin)
  • Web Analytics
  • User Management
  • Google Adsense Module
  • Message Template
  • Manage Profile Definition
  • Event Viewer
  • Template and CSS Management
  • Getting Started with Sageframe CSS Management

 

 

1. HTML EDITOR:-

HTML editor is a powerful core SageFrame CMS Module that provides the input of simple or HTML-formatted text with WYSIWYG features. Through this module you can easily add or edit the contents of your site. You can update your website effortlessly as many times as you wish and without any designing & developing knowledge. When you go inside the HTML editor, you’ll find numerous buttons that would work for your preferences and your job can be done with just a simple click. Except texts, you can upload numerous pictures and videos as required. As it is WYSIWYG, you can place your requirements wherever you want it to be seen on the website.

Features of HTML editor-

  • HTML editor is flexible and convenient to use.
  • As you can edit your site whenever you want as you do not need a developer’s support, your site is always up-to-date.
  • You can maintain your site as per your requirement.
  • Through this you can place pictures and videos in your site and crop their size accordingly.
  • This can provide you with all features like hyperlink, anchor, table formatting, bulleting, font options and all other common features for editing your site. And all this can be done with just a click.
  • It has WYSIWYG feature, so like how you edit in HTML editor, the same output is seen on your website.

1.1 Installing a Module

Go to Administration>Admin>Pages>Page Module Settings and select 'HTML' module from the drop down.Select the proper pane and add module to a page from the control panel and save it.

Once the module is installed, you will find the module listed in the “page module settings”. The page module settings is located under the page management. Also in the frontend, you will get a 'edit' icon for the HTML editor.

This is the default HTML editor. You can get the customized editor with more features by clicking the customize editor which is located below the text area.Not only the text but you can also insert video and images through this editor itself. All you need to do is select the image and drag it to the text area.

 

1.2 Editing Content

With this feature you can keep your site updated all the time. It removes the hassle of logging on to the FTP all the time to change the content. Above the every content uploaded using HTML editor you can see the edit icon. Clicking on it will open the text area with the content. Just click on the content you want to edit, change it and click on save.

2. POLL MODULE:

Poll is done for a general survey for opinion over a certain model. Poll is included as a module in SageFrame mainly focused to make the site more interactive and interesting. It is mainly tailored to get information from the customers on related questions and debates. It helps the website owners to know about the interests of the surfers more and give service accordingly. 

  • Poll module allows administrators to conduct polls or surveys for their website.
  • Poll consists of a question , and then any number of responses to that question.
  • Users of the system can easily vote and view results of the poll. Poll results are displayed  in bar chart.
  • Users can be allowed to vote just once by tracking the user vote on the basis of IP address and user login name.
  • Poll results can be easily tracked in real time and promptly learn what visitors are thinking.
  • Administration reports for poll results - get immediate results to the polls and view past poll responses.
  • Color of the bar and its display order can be set from poll setting.
  • Vote control is done through setting where you can give access to voting through client IP only. If you click on button once than user can vote for button only one time. If you click on the 'No' control button then users can vote as many as time.
  • Even a anonymous user can vote in the poll. After settings the above, save it.

2.1 Installing a Module

Go to Administration>Admin>Pages>Page Module Settings and select 'Poll' module from the drop down.Select the proper pane and add module to a page from the control panel and save it.

2.2 Add a Poll Question

Once the module is installed, you will find the module listed in the “page module settings”. You can see page module settings under the page management

Step.1 Click the 'Edit Poll Setup' icon to add the question.

Step.2 You will get the page to add the question and the options. Enter the question of the poll.

Step 3: Select the Poll Active from to poll active to date .The poll will be active in the front end for this date only so be careful while choosing the date.

Step 4: enter the answer choices.

Step.5 Change the Settings: To make it work, go to the settings by selecting icon. Here you can see the number of answer under Poll setting. Change this number to the number of option you are going to enter.

Note: You may get Exception

This is because the number of answer and the number of “Choose the color” you select didn't match. Make sure that this done match.

Step.6 Vote Control:  Next to the poll setting you can see vote control.From here you can set the access control to voting.

  • Client IP : Give access to voting through Client IP only.
  • 'Only Once Button' will allow user to vote only once.
  • If you click on the No control Button than users can vote  for as many  times as they like 
  • Anonymous users will enable anyone to vote.

The Poll will be displayed in the front end!!

 

3.Bread Crum

It is a module; a navigating support used in user interfaces. While surfing, you always find yourself going from one page to the other pages inside, for that deep search. You always find yourself clicking the insides of every next page and actually lose the track of the pages you’ve gone through. But if breadcrumb is there, then you’ll always be aware what pages you’ve gone through and also helps you to navigate through the pages smoothly. Breadcrumbs provide a trace for the user to follow back to the starting or entry point without much hassles and clicks.

3.1 Installing Bread Crum

Select the 'Bread Crum' module from the drop down. Select the proper pane and click 'Add Module to page' from the control panel and click on save. And the Bread Crum will be installed to your site.

Example: Home>Resources>Books>the Complete Guide to SageFrame

Users can always go back to the page you want by clicking on the link of the page displayed in the breadcrumb. In the above example: I can go to the recourses page just by clicking on resources on the bread Crum.


4. Contact Us

“Contact us” is a module in SageFrame, for the users who want to interact to the web owner regarding any comments or queries. Through this, visitors can contact you regarding the products or services you provide. And this module primarily is used to make the contact option more flexible. You can easily customize this page as per your need. You can choose from the multiple options available to be shown in your “contact us” page. And the contact form will appear as per your chosen options.

Here, the first 2 options, “form title” and “form information” are regarding your company and all the other options are to be displayed for visitor’s information.

Select the 'Contact Us' module from the drop down. Select the proper pane and click 'Add module to a page' from the control panel and click on save.

Once the module is installed, you will find the module listed in the “page module settings”. You can see page module settings under the page management.

4.1 Changing the Settings

To make this work, go to the settings by selecting icon. Here you can see the number of answer under Poll setting. Change this number to the number of option you are going to entered.

 

5. News

News portal is also included as a module in SageFrame. Through this you can update the latest news which will be shown in the index page of your site. HTML editor makes it easy to edit and publish them instantly without much effort. The visitors of your website will be informed about the latest releases or information regarding your company.

  • You can efficiently and frequently post news to your site.
  • It's not necessary to put all types of news in the same section.You can also choose from options available to divide it in sub-categories as latest news, announcements, etc.
  • Among the numerous components of news module, you can also  upload the pictures and videos as required.

5.1 To post News, follow the steps as below:-

Step.1 Select the 'News' module from the drop down.Select the proper pane and click 'Add module to page' from the control panel and click on save.

Step 2: Once the module is installed, you will find the module listed in the “page module settings”. You can see page module settings under the page management

Step.3 To add news, click on edit icon and choose the news category from the drop down menu. Click on 'Add news' after selecting the category.

Step.4 If you didnt find the category you were looking for, you can always add the category by navigating to Manage News Category>Add News>Category

Step 5: Fill up the basic details of the category like the news category name and description. You can even upload the image for the category.Make sure that it is Publish. The category will not display until it is published.

You will get the news category is added successfully message once the category is saved.

Step 6: You can always edit the category by clicking on   icon and delete it by clicking on icon.

Step 7: After the category is added, you can now add the news by clicking on Manage News.

  • Select the news type and news category.
  • Enter the New title and news description.
  • Select the news date. The news will be displayed on the date you choose.
  • Finally check is active and click on save.

Once the news is saved you will get the news displayed at the front end on the page you selected.

 

6. Control Panel (Admin)

Control Panel, also known as C-Panel is the main user interface inside the admin. Whatever settings you need to make in your website, all goes through and are included in C-Panel. It is due to the access to C-Panel that you can edit and manage the contents of your site.

There is different Control panel for superuser and administrator. First you need to log in to the site as either administrator or as the superuser. Administrator C-panel is displayed on clicking the admin, placed at the top right hand corner.

Forgot Password:

In case users forget their password, this module is to assist them with recovering password with a temporary password. All they need to do is provide the username and email address entered while registering on to the site. The link to change the password will be send to the respective email address.

6.1 Installing Control Panel Module:-

Go to the admin>Pages

Select the page you want to install the module and click on page module settings

Click on add module and select forgot password.

Select the "HTML" module from the drop down. Select the proper pane and click "Add Module to Page" from the Control Panel and click on save

Once the module is installed, you will find the module listed in the “page module settings”. The page module settings is located under the page management

Set the permission by clicking on …..Icon, if you want to change the name and position of the module then click on…..icon

6.2 Front end Settings:-

Step 1: go to the respective page 

 Now the user can get the new password.

Note: the email address and the username should match with the one user entered while registering. If it doesn’t match then the error message is displayed as “User Name or Email Address didn’t match”

Step 2: Click on next .

Step 3: you will get the link to change the password at the specified email , logged in to your email id and click on the url to change the password

Step.4 You will be redirected to the page

Type and retype new password and click on next.

Note: Remember the password and retype password must be same, if you enter different then you will get the error message 

Finally Click on Finish

 

7. Web Analytics

SageFrame Web analytics Module can be used in measuring site traffic and carry an effective business research and market research. Through Google Analytics one can know about his/her website traffics and marketing effectiveness. And ‘web analytics’ module of SageFrame also assists you to easily get the related information from Google Analytics. Forget about going inside the codes and going through all the hustle and bustle just to get the right place to paste the code received. Just adding this module to one of the pages of your site will support you with a box where you can abruptly drop the received code. This makes it really convenient to get the desired result.

7.1 Installing Module:-

  • Go to the admin>Pages
  • Select the page you want to install the module and click on page module settings
  • Click on add module and select forgot password.
  • Select the "HTML" module from the drop down. Select the proper pane and click "Add Module to Page" from the Control Panel and click on save

Once the module is installed, you will find the module listed in the “page module settings”. The page module settings is located under the page management

 Note: We suggest the users to create an account with Google analytics and make note of the ‘tracking code’, before configuring the module to your page.

Once Web Analytics is installed, you can find the place to paste the JS Google Analytics Code of your site.

 

8. User Management

This module is a very convenient way to get the details of the users registered in your site. A very powerful module, from User Management you can get all the details, edit all the details and those entire user related tasks without navigating the page.

Features of User Management:-

  • Create new users and assign role to them
  • All the details of a user can be viewed through this single module.
  • Basic profile information can be edited and added/deleted with this module.
  • If there are numerous registered users, then with the help of Search Panel, the desired user can easily be picked.
  • You can activate or deactivate the users unmark the ‘active’ button to make it safer.
  • Going through the edit button in the sideline of a certain user can help you edit all the information regarding this user.
  • The time of recent activities by a certain user can also be tracked.

8.1 Installing Module

Go to the admin>Pages

Select the page you want to install the module and click on page module settings

Click on add module and select forgot password.

Select the "User Management" module from the drop down. Select the proper pane and click "Add Module to Page" from the Control Panel and click on save

Once the module is installed, you will find the module listed in the “page module settings”. The page module settings is located under the page management.

8.2 Front End

Once the module is installed, you will get it in the frontend with the list of the users and options to add, edit and delete users. 

8.2.1 Add User

You can add the new user, assign them roles and create their user profile from here.

Step 1. Click on the add user icon places at the top right hand corner.

Step 2: you will get the page to enter the details. After you fill up the information click on next

Select one or more roles for the user and then you are done

You will get the message as “user created successfully “

 

8.2.2 Edit Users

  • First you need to select the user you want to edit. You can select the user just by finding the username you wish to edit and click on it.
  • To locate the user quickly, you can use the search box. You can search user by:
  • User Role only
  • User Name only
  • Both user role and user name 
  • You can delete the user by clicking the button.
  • The role, password and the information on the user profile of a user can be edited by clicking the edit  icon.

User Roles:-

Add role: select the role you want to add from deselected and from the arrow key in the middle, choose the one facing towards right.

Remove the previously assigned role: select the role you want to remove and move it from selected to deselect by using the arrow key located in the middle.

Change Password: change the password of a user from here.

User Management: in the case where the information on the user profile is changed, you can easily update the change from here. Just click on the field and change the information.

 

8.2.3 Delete the Selected User

Step 1: Select the username that you want to delete by clicking on the checkbox placed at the left hand side of every username

Ste2: now click on “Delete all selected”.


9. Google Adsense Module

Most of the people are familiar with Google Adsense and its reward. And for those who don’t know, Google Adsense is a program that empowers online publishers to earn revenue by displaying relevant ads on a webpage. Website owners can join up this program to enable advertisements (video, text, or image) on their websites. These advertisements are administered and sponsored by Google and helps you to generate revenue on the basis of per click or per impression.

With SageFrame Google Adsense module, it’s so easy to display your Google ads. The site owners can enjoy the service of Adsense in the website powered by SageFrame. For that you just have to open a Google Adsense a/c through Google which is absolutely free of cost and rest of the procedure is handled by SageFrame.

Why should you use Google Adsense Module?

  • Google Adsense has come up as a boon to the site owners. It helps you to own residual income through a simple access of internet only.
  • You don’t have to spend time in working with the Adsense. The ads are self-generated or managed by Google and is dependent over the customers visiting your site or so.
  • Google Adsense is really a flexible one as you can block certain ads (probably of your competitor) from appearing to your website and also keep some selected ads so that it could be visible to your website more often.
  • You can always rely on Google regarding your payment. It can send you the earnings to your valid mailing address whenever you ask for it and the procedure is also simple, all you have to do is enter the pin-code that Adsense provides you and ask for the payment.

Note: Before you actually add the module to your page it is a good idea to setup your Google Ad Sense account and make note of your "Adsense ID” Then you may continue to configure!!

Module Configuration

Now for the simple part, you need to configure your installation to have an instance of the Google Adsense Module. Simply follow the below steps to complete the process.

1. Select the "Google Adsense" module from the drop down. Select the proper pane and click "Add Module to a page" from the control panel.

2. Click the "Adsense Setup" link to configure the module.

3. Enter your "Channel ID" and choose your display options, then click "Preview" to view the designed adsense or to save.

4. The added Google Adsense will be displayed in the added page.

 

10. Message Template

The Message Template provides the fundamental facilities for controlling the generation of auto generated emails, message-boards and their messages. There are 16 Default Message Templates Listed. You can edit or delete those templates. 


10.1 Edit / Delete Message Template:

 Step1: Go to Administration>Admin>Message Template

Step 2: List of the default message template will be displayed. Based on your requirement you can add or deleted the templates. At the Right Hand corner of every message template, edit icon and delete icon is placed.

  • If the message template is of no use for your web application then you can delete it by hitting delete icon.
  • If you wish to edit the message template then hit the edit icon

 

10.2 Edit Message Template

Step.1 Click on the 'edit' icon to edit message template.

Fields Description:-

Message Template Type: Display the list of available message template on drop down combo box. If you have added the message template other than the default once that too will be listed under this combo box.

From Email: 'From email' is the email address of the sender. By default the admin@sageframe.com is listed as from email, you can change it to your email id.

Subject: You can add subject to your message template.

Step 2: default message of the message template is displayed. You can edit the message easily just by clicking the area you want to edit.

Brief description of the functionality of each message template:

Sageframe Account Activation Required%Username% : This is the email format containing the activation link. Email is send to the user who register to your site. User should click on this activation link to activate their user accounts.

Forgot Password Request for Sageframe Account : Email form at for user's request to change the password.

Activation Successful: Activation Message is send to users email id after their user account gets activated.

Password Recovered Successfully %Username% : After the users successfully change their password , password changed successfully is displayed on the screen.

Sorry Activation Fail: User accounts may not get activated because of the missing information or duplicate the information. 'Activation Failed' message is displayed if the activation fails because of eh above mentioned reasons.

Activation Successful: This message template is displayed after the user's account gets activated.

Password Forgot Template : This is the template for message displayed after users click 'forgot password'. Give them the instruction to reset the password.

Password Recovery Fail: If the user fails to provide required information to recover password or if the recovery time exceeds.

Password Recovery Successful: Successful password recovery message template is displayed after the password is recovered successfully.

User Registration Help: Message template to help the user who wants to register.

User Registration Successful - None : This message template is displayed after the user account gets successfully registered as None users.

User Registration Successful - Private : This message template is displayed after the user account gets registered as private users.

User Registration Successful - Public: This message template is displayed after the user account gets registered as public users.

User Registration Successful - Verified: This message template is displayed after the user account gets registered as a Verified Users.

Username and Password Matched: When the username and password entered by the user match, this message is displayed.

Password Recovery - Help : Direction to recover a password is displayed here.

 

10.3 Add new message template type

If programmer feels like the message template present here is not enough, he can design his own message template .Once design and added it will be auto listed to Message Template Type.

To add the message template follow the steps:

Step 1: go to Administration>Admin>Message Template

Step 2: click on Add new message template

 

11. Manage Profile Definition

Targetting for website related to ecommerce, job search, or any other site where the users information is required, we have created themodule name “user Profile”.Every user logged in can create or edit their own profile page by clciking on the my profile displayed at the top right hand corner just below the login.User should be logged in first to create/edit their profile.

Backend: For user to make it possible to add/edit their profile, administrator of the site should first configure the settings.Follow these steps :

Step 1:By default, my profile page is available and it contains the basic information only.To edit the default Myprofile page , you should loggin first.

Step 2: go to Admin>Manage profile definition

Step 3: Click on  'Add new'

Step 4: Enter the details of the field you are going to add and click on 'save' once done.

The field you just added will be displayed in the list of the fields.You can update/delete the filed anytime you like.

Note: The field that you just added will be displayed in the front end of the site. You can modify the module to meet your exact requirements. Please view the manual of Site Settings for further details.

 

12. Event Viewer

Most of the time is spent in tracking the problem rather than solving it, so to help webmaster track the problem in less time, SageFrame contains Event Viewer Management Features. Log of all the problems along with client IP, page URL and Exception is displayed.

Why you should use event viewer?

  • Find out the error and it details easily.
  • To view the historical log of database events such as activities related to user accounts, security roles, and page changes.
  • Send exception to any email address.
  • SuperUsers can add, edit and delete event records for all portals.

12.1 Display Problem Log: 

Step 1:Go to Administration >Admin>Event Viewer.

Step 2: Select the type of problem you want to display.The list of problem type is displayed once you click on the combo box.

Step 3: choose the number of rows you want to display on the screen.

Step4: once you define the type of problem and number of rows you want to display, the list of log related to the type you defined will be displayed as shown in the figure below. Click on the log you want to deal with.

Viewing every detail: you can view the details of the error by selecting the Log type

Brief Details of the Field:

Client IP: It is the IP address on which the problem was occurred.

Page URL: URL of the page where the error occurred.

Exception: Detail of the error.

Step 6: After you tackle the problem you can delete the log. There are two options available:

  • Clear log: Clear log will delete all the logs.
  • Delete Selected Logs: delete the selected logs only.

 

Send exceptions:

Once you encountered an exception you can email the error 

 

13. Template and CSS Management

Step 1. Go to Administration>Admin>Template Management,

Step 2. Click on 'Add new template' to add your own template.

Step 3. To install a new template, browse a 'template zip file' and click on 'install' button.

Step 4. After you click on the 'install button' it will display 'successful installation' notification message

Note: - Now, if you go to Administration > Admin > Site settings, on Appearance tab you can see a template that you just added in a dropdown list. Hence, you can choose template to be active, 

 


14. Getting Started with Sageframe CSS Management

CSS Management is one of the best features of Sageframe. It is used to change CSS of the existing templates without having to go through the CSS folders. Minor changes such as changing a text position, font color etc can be done and uploaded instantly without connecting to FTP up loader.

Step 1. Go to Administration>Admin>Manage CSS,

Step 2. CSS file only displays CSS files of an active template

 

CSS Management Fields and it's Functions:

You can choose from the dropdown list of CSS files of an active template. 

File Content: Once you choose a CSS file you can make changes in the CSS content.

Step.3 once you click on the ‘SAVE’ button to upload the changes, it will display the message as ‘CSS saved successfully’

Last edited May 25, 2011 at 10:34 AM by sageframe, version 30

Comments

No comments yet.