# Custom Widget

### <span role="text" style="color: rgb(53, 152, 219);">**1. Overview**</span>

Custom Widget allows admins to add additional widgets on the Home Page.  
It helps highlight important information, links, or content for users.

### <span role="text" style="color: rgb(53, 152, 219);">**2. When to Use**</span>

Use this feature when:

- You want to display important announcements or content
- You need to highlight external links or campaigns
- You want to personalize the Home Page experience

### <span role="text" style="color: rgb(53, 152, 219);">**3. Concepts**</span>

- **Custom Widget** – A configurable card displayed on the Home Page
- **Widget Type** – Layout of the widget (Compact / Full Width)
- **Redirect Link** – URL where users are redirected on click
- **User Assignment** – Controls which users can see the widget
- **Live Preview** – Real-time preview of widget design

### <span role="text" style="color: rgb(53, 152, 219);">**4. Set Up Guide**</span>

<span role="text" style="color: rgb(53, 152, 219);">Access Widget Setup</span>

1. Go to **Home Page**
2. Click **Edit (✏️ icon)  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-nd3kgw94.png)**
3. Click **+ Add Widget  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-iqrxjpfk.png)**

##### <span role="text" style="color: rgb(53, 152, 219);">Step 1: Setup Widget</span>

Fill the required details:

- **Widget Name**
- **Widget Type**
    - Compact (2:1)
    - Full Width (7.5:1)
- **Image Upload Options**
    - Upload from system
    - Select from Pixel Library
    - Add Image URL
- **Content Details**
    - Title
    - Subtitle
- **Redirect Link**
    - External link (URL)
    - Internal link
- **Display Option**
    - App / Web / Both
- **Live Preview**
    - View image, title, and subtitle before publishing  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-eo724jzb.png)  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-bptarews.png)  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-0otmqjco.png)

Click **Next**

##### <span role="text" style="color: rgb(53, 152, 219);">Step 2: Assign Users</span>

Assign widget visibility:

- **Individual Users**
- **By Attribute**
- **Groups**
- **Assign to All Users  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-82d3f3d5.png)**

Click **Save / Publish**

### <span role="text" style="color: rgb(53, 152, 219);">**5. User View**</span>

- Widget appears on **Home Page**
- Displays: 
    - Image
    - Title
    - Subtitle  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-89abpsm7.png)
- On click → redirects to configured link  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-04/embedded-image-zmyapyuj.png)

### <span role="text" style="color: rgb(53, 152, 219);">**6. Reporting**</span>

- No direct reporting available for widgets
- Used mainly for visibility and navigation

### <span role="text" style="color: rgb(53, 152, 219);">**7. Best Practices**</span>

- Use clear and high-quality images
- Keep title and subtitle short
- Use valid redirect links
- Assign widgets to relevant users/groups
- Preview before publishing

### <span role="text" style="color: rgb(53, 152, 219);">**8. Version Notes**</span>

Last Updated: 16 Apr 2026<script src='//in.fw-cdn.com/30395390/222989.js' chat='true'></script>