# Pages

### Overview

MangoApps multi-faceted design for Pages is an excellent tool for organizing and sharing important content across your company or team. Whether you need to create static or dynamic content, store key resources, or customize pages to match your needs, MangoApps provides intuitive features to make the process easy.

Pages can be added to the [Company](https://guides.mangoapps.com/user-guide/company) module and [Workspace](https://guides.mangoapps.com/user-guide/workspaces) modules.

***

### Creating a New Page

Navigate to the Company module or applicable workspace within the User Portal. Click on the Tools menu located on the upper right-hand corner of the screen. Select **New Page** from the dropdown menu to start from a template/scratch or choose **New External Page** to add a page hosted outside of MangoApps.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FEvND9dRmCw5PaAn8ln1r%2F07-11-2024-11-53-14.png?alt=media&#x26;token=a75c8edc-7f80-4edb-848a-774e9ce276b4" alt="" width="563"><figcaption></figcaption></figure>

Creating a new, internal, page will give you access to the Add Page pop-up menu. From this menu, users can choose a template to help get them started with their content creation.&#x20;

{% hint style="warning" %}
You cannot change the number of content columns after selecting a template. Be sure to review the available column options on the page before confirming your template choice.

For example, Template 4 divides the page into two columns, allowing up to two content boxes to be displayed side by side. Template 5, on the other hand, uses a three-column layout, accommodating up to three side-by-side content boxes.
{% endhint %}

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2F5HFJz4zUNkGoYLjVKyOO%2F11-04-2025-11-46-52.png?alt=media&#x26;token=78c700d2-51b7-4a1a-887e-3a5cc5d8b45b" alt=""><figcaption></figcaption></figure>

***

### Title

The first step is to create a unique title and description for the new page.&#x20;

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2F6QXmsQdVtOAEjTOULKgW%2F07-11-2024-12-01-35.png?alt=media&#x26;token=a861f58d-78e8-4553-a935-525bce2a990a" alt="" width="563"><figcaption></figcaption></figure>

Enter a unique **Title** for the page (50-character limit) — this will display on the page tab. Optionally, add a **Page Title** (up to 100 characters) and a **Page Description** (up to 500 characters). You can also create an icon for the page.

***

### Design

MangoApps offers Modern templates, which allow users to customize a page using the widget library, and Legacy, which allows users to customize a page using only text and rich text blocks.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2Fn9yCOl8YH64VNcR9MS8y%2F07-11-2024-02-53-48.png?alt=media&#x26;token=766d8575-ec53-45e9-96fc-99b7e295d0e7" alt="" width="563"><figcaption></figcaption></figure>

**Modern Page Templates**: Modern templates feature a widget gallery of over 50+ widgets that can automatically pull existing content already in MangoApps and makes it available on this page. Additionally, you can easily add your own content to it like the static templates allow you to do. The dynamic page templates also allow you to resize, reorder, add and remove widgets from the page, giving you the control and flexibility to design the page with any layout requirements and no programming knowledge.

**Fixed Widget Heights**: This option aligns widgets within a row to the same height.

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2Fb557SyjG2ALyYOLbNPaK%2F07-11-2024-12-03-58.png?alt=media&#x26;token=116c65e2-5a68-494b-818e-9387f4cb9ef9" alt="" width="563"><figcaption></figcaption></figure>

**Legacy Page Templates**: Text only pages help get content online quickly and easily. Select a page template with a layout that best suites the kind of content needed to write.

**External Page**: External pages help you link to any secure page or site. This is a great way to link any page that may or may not have been created within MangoApps.

Click on **Next**

***

### Preview

Preview the page design as users will see it via mobile and web.&#x20;

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2FAVf5RNcOqvqU9Wgu7YKY%2F07-11-2024-12-05-31.png?alt=media&#x26;token=742923f4-68b1-4b28-9c54-ab444fb9474e" alt="" width="563"><figcaption></figcaption></figure>

Click on **Next**

***

### **Select Settings**

The last step is to configure additional **Settings** to enhance the page's functionality.&#x20;

<figure><img src="https://1570117564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKTG8tJVFEuapHmLNC%2Fuploads%2Fz9lMrvf9ZleRiICrEv8t%2F07-11-2024-12-06-30.png?alt=media&#x26;token=ca55f7b3-b1e3-4011-b2c6-dffd29ff668a" alt="" width="563"><figcaption></figcaption></figure>

Adding **Hashtags** will make the page more searchable, while enabling **Comments** lets users leave feedback and ask questions. Turn on **Reactions** to allow users to like and respond to content.

Enable the **Change Log** to keep a record of edits. Additionally, choose whether to restrict page view tracking to admins or make it visible to all users.&#x20;

For advanced customizations, you can enable **JavaScript** to run custom code (make sure external URLs use HTTPS) up to 10,000 character.&#x20;

{% hint style="info" %}
Javascript execution in the domain must be turned **ON** for this option to work. Enable the setting from the admin portal under **Domain › General Settings › Enable JavaScript**.
{% endhint %}

Manage **Auto-Governance** to keep the content up-to-date.

***

### **Save and Publish**

Finally, **Save As Draft and Exit** to save edit progress or **Save and Publish** to make the page accessible to your team or network.&#x20;

With these steps, MangoApps allows admin users to create and publish informative, customizable pages efficiently, making it easier to keep teams informed and organized.