PageFramer Logo.

PageFramer 5.0 Help

This site was created as a guide to assist authorized Administrators to administer content within the PageFramer (CMS).
Learn more about PageFramer by visiting our official site.

Widgets

“Widgets” are one of the most powerful tools within PageFramer. Widgets are snippets of code that can be re-used globally. All you need to do to insert a Widget into any page of the website is to copy the widget short-code and paste it into a page, news article, or even another Widget.

To create a widget, go to the "Widgets" drop down menu item under the "Tools" tab. This will direct the "Widgets" editing area (see Figure 1). 

PageFramer Widgets ScreenFigure 1


Adding a Widget Category

In PageFramer 4.4.3, 5.0 and up you now have the ability to add "Categories" in order to better manage widgets. First, the User needs to click on the "Add Category" tab and you will be directed to a new "Add Category" page. (see Figure 2). 

PageFramer Widgets ScreenFigure 1

Next, you must Choose a Category Name. The Description field is not required, but it is helpful for making notes for other Users. Once teh new widget category has been created you must select the "Save" burtton for the category to be saved.


Creating a Widget

To create a widget, you must select the "Add Widget" text link. You will be directed to the "Add Widget" screen. Widgets use the same WYSIWYG editor as the Content Manager, allowing you to have a great deal of control over the Widget's appearance.

Like the Content Editor Section of the page editor, you can also edit the source code of a Widget as needed. Developers will often use a widget for the company phone number and/or address information (see Figure 3). This makes updates easier by allowing you to go to a single Widget to make a global change to information appearing across multiple pages.

PageFramer Widget: Phone Number Example.
Figure 3

To create a Widget, you must give the Widget a meaningful name. This will help identify the Widget in the Widget List (see Figure 4).

Widget List with newly added Phone Number Widget.
Figure 4

Warning: There is no revision history on Widgets as there are on pages. If you delete an image or inadvertently break code, you will need to contact RSA for additional assistance. However, you can use “Control-Z” to undo any issues you may have encountered to return to a previous state. Also, you may choose to “Cancel” text link so the changes will not take effect.


Edit Widgets

To edit a Widget, you can click on the "Edit" icon to the right of the Widget you wish to edit. Once you have selected the edit icon, you will be directed to the "Edit Widget" screen (see Figure 5).

PageFramer-Editing a Widget.
Figure 5


Deleting Widgets

To delete a Widget, you can click on the "Delete" icon to the right of the Widget you wish to edit. Once you have selected the edit icon, you will be directed to the "Delete Widget" screen (see Figure 6).

PageFramer-Editing a Widget.
Figure 6

In order to delete the widget you must select the "Save and Exit" button. You can also select "Save and Continue", but it will still delete the widget and return you to the "Widgets" page. To cancel the action, just select "Cancel."

SaveSave
Last Modified:03-22-2021-14:47:45