Introduction
Welcome to the CRMJetty Portal User Manual. CRMJetty provides flexible, scalable, and secure portal solutions for various CRM systems, including Dynamics 365, Salesforce CRM, Sugar CRM, and Suite CRM. Our portal offers an intuitive interface that enhances interactions with customers, vendors, and partners.
This manual is designed to help the Admin to navigate and utilize the Admin CRMJetty portal effectively. Whether They’re using a ready-made solution or a custom-built portal, They’ll find the guidance needed to make the most of the platform’s features.
Key Feature CRMJetty portal
Customization: Portals can be tailored to match a company’s unique branding and style.
Integration: Seamlessly connects with popular CRM platforms like Salesforce and Dynamics 365.
Self-Service Capabilities: Empowers customers to manage their accounts, access support, and find information independently.
Partner Collaboration: Provides tools for partners to manage deals, access resources, and track performance.
Document Management: Allows for secure storage and sharing of important documents.
Knowledge Base: Offers a centralized repository of information for customers and partners.
Analytics: Provides insights into user behavior and portal performance.
Security: Implements robust security measures to protect sensitive data.
Prerequisites
Before starting the installation process, ensure the following:
Log in as an Admin in Dynamics CRM.
Ensure you are logged into Office365-SharePoint.
Verify that your Dynamics CRM instance is compatible with the CRMJetty Portal.
Additionally, you will need a Product License Key to activate the plugin.
To obtain the License Key, simply email us at support@crmjetty.com with your domain name.
Installation & Authentication
Follow these steps to install and configure the CRMJetty Portal plugin:
Download the Plugin
After purchasing the CRMJetty Portal plugin, you will receive a zip file.
Upload the Plugin
Click the Settings icon located on the right side of the title bar, then select Advanced Settings. [1]
Navigate to Settings > Solutions. [2]
Click on Import to upload and install the plugin. [3]
Click the Browse button and select the CRMJetty Portal zip file from the Import Solution window. [4]
Click Next to proceed with the installation.
Once the solution is imported, it will appear in the Solutions Grid View. [5]
Once these steps are complete, your CRMJetty Portal is ready to use. [6]
Site Configuration in SharePoint
To sync documents, you must create and manage a SharePoint site using Office 365. Follow these steps for configuration:
Step 1: Access SharePoint
Log in to SharePoint using your Dynamics CRM credentials if you have Microsoft Dynamics 365 with Admin access.
After signing in, the Office 365 main page will display a list of Office 365 products. Click on SharePoint to manage sites and documents.
You will see the details of existing sites, if any. [1]
Step 2: Create a New Site
To create a new site, click the Create Site option. A sidebar will open on the right side.
Choose between two options:
– Team Site: Use this to store and manage documents and files collaboratively.
– Communication Site: Use this for sharing information broadly.
Click on Team Site to configure it for document management. [2]
Step 4: Authenticate SharePoint in CRMJetty Portal
Once the site is created and authenticated in the CRMJetty Portal, it will appear in the list of available SharePoint sites.
You can now sync documents and manage them seamlessly between SharePoint and CRMJetty. [4]
By following these steps, you can successfully set up a SharePoint site for document synchronization.
CRMJetty Portal Admin Login
To begin Admin journey with the CRMJetty Portal as an Admin , follow these steps to verify Admin email and set a password:
Step 1: Admin Email Verification
1. Enter Registered Email Address: Start by entering the Admin registered email address in the designated field. [1]
Click “Verify”: Click the “Verify” button to validate the Admin email address.
– If the email is valid, Admin will receive a “Set Password” link in the Admin registered email inbox.
Note: If Admin does not receive the email, check the email you entered or please try another email address or contact a CRM-authorized person for assistance.
Step 2: Set Password
1. Check the registered Email: Access the registered email account, check the “Set Password” email sent to the Admin , and click on the link provided in the message. [1]
2. Create a New Password: Clicking the link will redirect the Admin user to the “Create New Password” page, where they can enter and confirm their desired password to complete the setup. [1]
Step 3: Create New Password
1. Enter New Password: On the “Create New Password” page, type the desired new password in the “New Password” field. [1]
2. Confirm Password: Re-enter the same password in the “Confirm Password” field. [1]
Click “Save”: After entering and confirming the password, click the “Save” button.
– If successful, Admin will be redirected to the Admin login screen.
Step 4: Admin Portal Login
1. Enter Login Credentials: On the Admin login page, enter the registered Admin email address and the password set via the link sent to the registered email.
2. Click “Login”: If the credentials are correct, the Admin will be redirected to the Dashboard.
– Forgot Password: If the Admin has forgotten their password, click the “Forgot Password” link.
Forgot Password
1. Enter Registered Email Address: On the “Forgot Password” page, enter the registered Admin email address and click the “Send” button.
– If the email is valid, a “Password Reset” link will be sent to the Admin ‘s registered email. [1]
2. Click the Reset Link: Click the link in the email to be redirected to the “Create New Password” page.
– Follow the instructions in Step 3- Create a new password to set a new password. [1]
Note: The password reset link will only be sent to the registered email address associated with the Admin account. If the Admin does not receive the email, please contact a CRM-authorized person for assistance.
CRMJetty Portal Setup
Step 1: SMTP settings
Once the Admin successfully logs into the Admin Portal, the Admin first needs to set up the SMTP configuration for email.
– Authentication Type: First, the Admin needs to select the Authentication Type according to the requirement.
1. Credential/App Password: In this option, Admin needs to enter a username and password for specific apps like social media, Outlook, Gmail, Apple Mail, etc.
2. Google OAuth: Auth is a security protocol that allows applications to access Admin data without requiring passwords. This is integrated with Google services like Gmail, Google Calendar, Google Contacts, etc.
Credential / App Password
In this option Admin enters the selected app Email ID and password (for ex: Outlook, Gmail, Apple Mail, etc.)
For example: Admin uses the Gmail ID and Password for SMTP configuration. [2]
To establish a reliable connection for sending emails Admin needs to add the following details:
– From Name: Enter the name that Admin wants to display in the receiver’s Email.
– From Address: Enter the email address that Admin wants to display in the receiver email.
– SMTP Host: Enter the host address of an email.
– SMTP Port: Enter the port number used by outgoing mail servers.
– Username: Enter the app username/email.
– Password: Enter the password of the email/username entered above.
Note: The Admin has the flexibility to use any set of credentials for the SMTP configuration, regardless of the credentials used to log into the Admin portal. This allows the Admin to choose credentials freely without being restricted to the ones used for portal access.
After entering the details click on the “Save” button.
Google OAuth
In this Authentication type, the Admin can connect Google Account with the portal by entering Client ID and Client secret. [3]
– Client ID: Enter Admin client ID.
– Client Secret: Enter Admin client secret.
After entering the ‘necessary’ details, click on the “Save” button to complete the SMTP settings.
Test Email Connection:
Send Test Email: Click on the “Send Test Email” button to initiate a test of the SMTP connection.
Click Sent Mail: In the popup box, the Admin should enter the recipient’s email address and a description, then click the “Send Mail” button. [4]
Connection Status
Connected: If the test email is received successfully on the above-entered mail, then the SMTP configuration has been established correctly.
Not Connected: If the email is not received, the Admin should verify that all SMTP configuration details—such as the SMTP Host, Port, Username, and Password—are entered correctly or not.
Note: Each SMTP server has different authentication methods, so the Admin must follow the specific rules of their mail server.
Popular SMTP Server Configurations
Microsoft Exchange:
– Server: smtp-mail.outlook.com
-Port: 587
Yahoo:
-Server: smtp.mail.yahoo.com
-Port: 587
Gmail:
-Server: smtp.gmail.com
-Port: 587
Hotmail:
-Server: smtp.live.com
-Port: 587
AOL:
– Server: smtp.aol.com
– Port: 587
Please note that these configurations are commonly used, but the Admin should always check with the respective email service provider for the most current and accurate SMTP server settings
Step 2: CRM Authentication
After setting up the SMTP configuration, the Admin must configure CRM authentication to connect CRM data with the Portal.
To do this the Admin should navigate to Settings > Portal Setting > CRM Authentication. [01]
To access the CRM authentication screen, the user must validate their identity through the OTP verification process.
OTP Verification: On the CRM authentication page Admin will see an OTP verification screen. The Admin needs to enter the OTP received on the registered email ID.[1]
Note: Only super Admin receives the OTP, on their registered mail Id.
Once the verification process is complete then the Admin needs to configure the CRM authentication by entering the following details: [2]
– Service URL: Enter the URL endpoint for the service.
– Environment: Admin can select the two types of Environment.
– Live: the production environment where real-time data and transactions occur.
– Sandbox: A testing environment for developing and testing applications without affecting live data.
– App ID: Enter the application identification number.
– Client Secret: Enter the secret key for client authentication.
After entering the required details, click on the “Save” button to complete the CRM Authentication process.
Test CRM Connection
Test connection: By clicking on the “Test Connection” button the portal verifies whether the entered credentials are correct or not. [3]
Connection Status:
Connected: If the connection is successful, then the Admin can see the success token message on the right side of the page. [4]
Not connected: If the connection is unsuccessful, the Admin should verify all the details – such as the service URL, App ID and Client Secret – are entered correctly. If the issue persists, the Admin should contact the CRM authorized person for further assistance.
Preserve & Reset Data
The Admin has the ability to modify the entire CRM structure as needed. In this case, two options are available: Preserve Data or Reset Data.
Preserve Data:
This option retains the design structure but removes CRM-specific data for the new portal. All pages, forms, lists, menus, and sites will be preserved. However, the Admin will need to reconfigure certain elements, such as:
– Lists, Forms, and Widgets containing CRM-based settings like Recent Activities, Counters, and Data Cards.
Roles from the previous CRM will be transferred to the new CRM, but since the entity and user relationships will differ, access rights will need to be reassigned. Although the role and contact data will be preserved, they will not be connected to the newly authenticated CRM.
Additional considerations in Preserve Data:
– Layouts will remain as they are, ensuring that your portal design is preserved.
– Entity data will be different because the CRM data and connections are not carried over.
– User and relationship data from the previous CRM will not apply to the new CRM setup. Roles and contact relations from the old CRM will remain the same, but their connection to the new CRM will not be established.
– If roles from the old CRM were connected to the new CRM, they will have different role IDs and permissions in the new instance.
Reset Data:
This option clears all data from the portal, removing pages, forms, lists, templates, and site configurations. The Admin will start with a clean slate, needing to set up everything from scratch, including layouts, widgets, and CRM connections.
Scenarios to Consider
Fresh Instance (No CRM Authenticated):
If there is no prior CRM authenticated, successful authentication of the CRM will result in the creation of:
– A default role connected to contact relations.
– Access to the case entity.
– Default pages, lists, and forms such as Registration, Login, Forgot Password, and basic CRUD pages for the entities.
New Instance (CRM Authenticated):
If a CRM is already authenticated and the Admin attempts to change the CRM, a warning popup will appear, informing the Admin about the upcoming changes. The Admin can choose between Preserve Data or Reset Data.
– Upon successful authentication, all data from the Role entity will be cleared, and portal access will be removed from existing contacts.
– Layouts and configuration will be preserved if ‘Preserve Data’ is selected, but the relationships between entities will need to be reassigned.
Change in Current Instance:
When changes are made to the Service URI or Organization ID, the portal will automatically detect this and issue a warning. Based on the Admin ‘s choice to preserve or reset, all portal data—including layouts and configurations—may be removed.
Admin Settings
Sub-Admin Roles
The Super Admin can assign multiple roles to sub-Admin , each with different responsibilities. To create a role, navigate to Settings > User Settings > Admin Roles. [1]
Note: These roles apply only to the Admin portal. Both Super Admin and sub-Admin with Admin role permissions can add new roles.
On the Admin role page Admin can view Role Name and Status. On the right side of the page Admin can view the “+Create” button. By clicking on the button Admin can add a new Admin role for the Admin portal. [2]
Creating a New Role
On the “Add Role” page, the Admin needs to enter below details:
1. Role Name: Enter a unique name for the sub-Admin role.
2. Status: Click on the toggle button to set the role as “Active” or “Inactive.”
3. Description: Provide a brief description of the sub-Admin role for future reference. [3]
4. Permissions: Select the checkbox next to each entity to set the permissions for View, Add, Edit and Delete actions. The sub-Admin access to specific entities will be determined by these permissions. [4]
Note: Sub-Admin users can only access the entities that the super Admin has allowed.
Edit Admin Role:
To edit an Admin role, navigate to the Admin role list and click the three dots (…). This will reveal the Edit icon. Clicking the icon will redirect the Admin to the edit role page. [5]
On the Edit page, the Admin can modify the role’s name, status, description, and permissions as needed. [6]
After making the changes, click the “Save” button to apply the updates.
Delete Admin Role:
To delete an Admin role, go to the Admin role list and click the three dots (…). Click the delete icon, and a pop-up will appear. [7]
In the pop-up, click the “OK” button to permanently delete the role from the portal, or click the “Cancel” button to keep the role.[8]
Sub-Admin User Setup
The Super Admin can add multiple sub-Admin users for different responsibilities. To do so navigate to Settings > User Setting > Admin Users Setup. [1]
Note:. This setup applies only to the Admin portal. Super Admin and sub-Admin with Admin user setup rights can add new users.
Admin User Card: On the Admin user page, the Admin will be able to see the card view with the below-mentioned details. [2]
– Name
– Role
– Email Id
– Last login information
The Super Admin can assign different roles to various sub-Admin users. To add a new sub Admin follow these steps:
– Create New User: Click on the “Create” button to add a new Admin user. [3]
– Enter User Details: By entering the following details super Admin can configure the sub Admin user.
– Name: Enter a unique name for the sub-Admin user.
– Email: Enter a registered email ID for sub-Admin .
– Phone No: Add a support contact number for assistance. (Optional)
– Status: Click on the toggle button to set the user as “Active” or “Inactive.”
– Photo: Upload the profile photo for identification. (Optional)
– Roles: Select a role for the sub-Admin from the drop-down menu. [4]
– Note: The super Admin can create roles from the “Admin Roles” panel, and any roles created there will appear in the Roles drop-down. By default, the ‘Admin ‘ and ‘Sub-Admin ‘ roles are available.
Note: Sub-Admin users who have rights to add a new user can only add users. Sub-Admin with the rights to add new users can only add users and cannot modify their own permissions.
Edit Sub-Admin User
– To update a sub Admin ’s details, click the three dots (…) in the card view, click on the “Edit” icon to be redirected to the edit page. [5]
– Here Admin can view the “Edit” button by clicking on the edit button, Admin is redirected to the edit page. [6]
Note: The Super Admin cannot modify the sub-Admin ’s email address during editing.
General Configuration
Admin can customize the portal’s name, logo, and favicon through the General Settings. To do this, navigate to Settings > Portal Settings > General Settings.
Admin can set the Admin portal by entering the following details.
– Portal Name: Enter the name of the Admin portal.
– Portal Logo : Upload a logo that will be displayed in the top left corner of the Admin interface.
– Portal Favicon: Upload a favicon that will be shown in the browser tab for the Admin interface.
Admin Theme Customization
Admin can customize the theme colors, font style, and font colors by navigating to Settings > Portal Setting > Admin Theme Customize Theme Elements: [1]
Customize Theme Elements:
– Base Font Family: Choose a font for the main body text and menus.
– Title/Heading Font Family: Choose a font for all the headings and titles throughout the portal.[2]
Color Customization:
– Theme Background Color: Choose a background color for the overall body of the portal.
– Foreground Color: Select a background color for content areas.
– Primary Color: Choose a primary color used throughout the portal, including text and icons.
– Success Color: Select a color to indicate successful actions (e.g., toast notifications).
– Danger/Fail Color: Select a color for failed actions or errors (e.g., toast notifications).
– Warning Color: Select a color for warnings (e.g., toast notifications).
– Base Font Color: Choose a color for the body text and main content descriptions.
– Link Color: Set the color for all text links.
Click the Save button to apply the theme and font updates. To revert to the default theme settings, click the Default Theme button.[3]
Portal Data Sync
The Portal Sync feature ensures that the CRMJetty Admin portal stays updated with the latest data from the Admin CRM system. This means that whenever the Admin updates entities, adds new languages, or modifies specific data within the CRM, it’s essential to synchronize with the portal to maintain data consistency.
Admin can perform synchronization using options like Entity Level Sync for syncing CRM data at an entity level, or Portal-Level Entity Sync to synchronize specific portal entities. They also have the flexibility to Sync All Entities at once or Sync Specific Entities based on their requirements. Additionally, Language Level Sync allows Admin to sync newly added languages to the portal.
To synchronize the CRM data, the Admin should navigate to Settings > Portal Settings > Portal Sync.[1]
Portal Sync Options:
On the Portal Sync page, the Admin has access to three key synchronization options:
1. Entity Level Sync
2. Language Level Sync
3. Portal-level Entity Sync
– Sync All Entities
– Sync Specific Entity
Entity Level Sync
If Admin have made any changes at the entity level from CRM
The Admin should use this “Entity level Sync” option if the Admin modifies the structure or any entities (like accounts, contacts, leads, etc.) in the CRM system.
If the Admin performs such operations as adding new fields, modifying existing ones, or even deleting fields. So the Admin needs to use this entity sync option.
The Admin can perform the Entity level sync by clicking on the “CRM Sync” button that is shown in the screenshot.[2]
Once the entity syncs successfully, the Admin can view the success toggle message on the right side of the page as shown in the screenshot.[2.1]
Language Level Sync
If Admin have enabled any new language from CRM
If the Admin enables a new language in the CRM, they need to ensure that the newly added language is synchronized with the CRMJetty portal. This will allow the Admin to properly configure the language in the portal so that the content is correctly translated.
The Admin can perform the “Add new language sync” by clicking on the CRM Sync button as shown in the screenshot. [3].
Once the language “successfully” syncs the Admin can view the success toggle message on the right side of the page. [3.1]
If the portal doesn’t find any new language in the CRM system then the Admin can view the “No language available to sync” toggle message on the right side of the page as shown in the below screenshot. [3.2]
Portal-level Entity Sync
This feature allows Admin to update portal data based on changes made at the entity level in the CRM system. When entities or specific fields are modified within the CRM, Admin needs to synchronize those updates to the portal using this feature.
There are two synchronization options available: [4]
1. Sync All Entities
This option allows Admin to sync all entity-level data to the CRMJetty portal in one action, ensuring that all entities are updated simultaneously.
– To perform this sync, select the Sync All Entities radio button and click the CRM Sync button. [5]
2. Sync Specific Entity
Instead of syncing all entities, Admin can choose to sync a specific entity (e.g., accounts or contacts). This is useful when changes are limited to one or a few entities, allowing for targeted updates without affecting other data.
– To perform this sync, select the Sync Specific Entity radio button.
– A Select Entity to Sync dropdown will appear. Choose the specific entity to update, and then click the CRM Sync button. [6]
Note: The synchronization process may take a few minutes. Please avoid logging out or making changes in the CRM system during this time.
Email Templates
The CRMJetty portal allows the Admin to manage various email templates for different actions . To configure these templates, the Admin should navigate to Settings > Portal Setting > Email Templates. [1]
Viewing and Managing Email Templates
On the Email Templates page, Admin can view default templates that are pre-created. The Admin can modify these templates or create a new one as needed. [2]
CRMJetty portal provides 8 types of email action templates as follows:
1. Admin User OTP: Sends a One-Time Password (OTP) to the Admin for secure login.
2. Approve Portal User: Notifies the user that their portal access has been approved.
3. Forgot Password: Send a link to reset the user’s password.
4. Forgot Username: Helps the user to recover their username via email.
5. Registration: Confirms the user’s registration and provides next steps.
6. Send Email to From Respondent: Forward the respondent’s email to the recipient.
7. Two-Step Verification: Sends a verification code for two-step authentication.
8. Verify Portal User: Confirms the user’s identity to verify their portal account.
Create New Template :
To add a new template:
1. Click the Create button to open the Create Email Template page. The Admin can add multiple templates for a single action. [3]
2. Fill in the required details:[4]
– Name: Enter a template name to identify the email action.
– Subject: Enter the subject of the email.
– Status: Set the template as ‘Active’ or ‘Inactive’.
– Email Action: Select the action from the drop-down menu. Below mentioned is a list of the dropdown menu.
– Admin User OTP
– Approve Portal User
– Forgot Password
– Forgot Username
– Registration
– Send Email to Form Respondent
– Two Step Verification
– Verify Portal User
Note: The email actions are pre-defined, super Admin can not add more action in the drop-down.
– Body: In the email body the Admin needs to write the email content also the Admin can use editing options for formatting.
– Admin needs to enter the required parameters in the description box that is shown below the email body.
Note: Based on the email actions the parameters will be shown.
For example: Admin creates a new template for “Approved Portal User” then the Admin is required to add the following parameters. [4]
– [FULLNAME]: It will be replaced with the portal user’s “First Name”.
– [EMAIL]: It will be replaced with a user email ID.
– [PORTALNAME]: It will be replaced with Portal Name.
Note: Ensure all mandatory parameters are included in the template for each action.
3. After completing the template, click Save. A pop-up message will appear: “Old email will be inactive once the Admin activates this template.” Click OK to activate the new template, which will deactivate the previous one. [5]
Note: If Admin creates a new template for the same action, the previous template will automatically become inactive. Admin users can select the templates in the Form widget configuration.
Editing an Email Template
Admin can modify default email templates by:
1. Clicking the three dots (…) next to the template on the listing page.
2. Selecting Edit to open the Edit Template page. [6]
3. Editing the Name, Action, Subject, and Description fields as needed. [7]
Note: The email action type and status cannot be edited.
Deleting an Email Template
To delete an email template:
1. Click the three dots (…) on the email template listing page.
2. Select Delete. A warning pop-up will appear. [8]
3. Click OK to permanently delete the template, or Cancel to keep it. [9]
Note: Only active templates can be deleted from the portal.
Portal General Settings
Portal User Settings
The Admin can design a “Form” and “List” for the portal users from the Portal User Settings. This Form and List will be shown to the users who are added by the Admin from the backend.
By using this form, Admin can directly add portal users from the backend.
To design a List and Form the Admin will navigate to Settings > Portal Setting > Portal User Settings [1]
Note: The form and list will be displayed in the Admin backend only.
List Page:
The Admin can see all the “List” fields on the right side of the page, to create a “List” the Admin can search for fields or simply drag and drop them to the page. The Admin only adds the 5 fields to design a list. [2]
Note: The Admin cannot remove the required fields. If the Admin is trying to remove it, they have shown a toggle message on the right side of the page.
Form Page:
The Admin can add/Edit the portal user form for the customer portal, for that click on the Add/Edit radio button which is highlighted on the image. [3]
To design a form the Admin can follow Add Section > Add Grid > Add Fields.
Add Section: On the left side of the page, the Admin can view the sections and by clicking on the “+” icon the Admin can add a new section as shown in the mentioned screenshot. [4]
Add Grid: After adding the section the Admin needs to select the grid, for that, the Admin needs to click on the “Add Grid” button as shown in the mentioned screenshot. [5]
By clicking on the button, the Admin can view the different grid options, when selecting the grid it will directly add to the selected section as shown in the below screenshot. [6]
Add fields: After adding the grid the Admin adds fields to the grid, the Admin needs to drag and drop the fields to the section as shown in the screenshot. [7]
Note: The grid supports only one field per box. Admin should ensure the sections are designed accordingly.
Once the form design is complete the Admin needs to click on the “Save” button. The Admin can also view the form by clicking on the “Preview” button. [8]
Preview:
When the Admin adds a portal user through the Admin Portal, the configured form and list will be displayed.
To view form and List Navigate to the Settings > User Setting > Portal User Setup section, where the Admin can view the form and list that have been previously configured. [9] [10]
Portal User Roles
Admin can set permissions that determine what actions portal users can perform and what information they can access within a system.
To role for the portal user navigate to Settings > User Setting > Portal User Roles. [1]
Creating a Role:
On the portal user role page, the Admin can view the pre-existing “Default” role which is set up with standard permissions and access controls. [2]
Admin can modify that default role or add a new role. To add a new role Admin needs to click on the “Create” button. [3]
– By clicking on the create button the Admin will be redirected to the “Add Role” page where they can see the below-mentioned fields.
– Role Name: Enter the name for the role.
– Status: Select the status role “active” and “inactive”.
– Is Default: Enable this toggle to set this role as a default.
– Description: Provide a short description for the role.
Entity Permissions:
After adding basic details, the Admin can manage entity permissions for portal users by defining their roles. To define the role the Admin needs to follow below steps:
– Entity name: Admin can view the CRM portal entity names.
– View: By clicking on the “View” checkbox Admin allowed the portal user to view this particular entity.
– Relationship Type: The Admin can set the relationship type for the portal user based on the following four options:
1. Contact: Relationship with individual contacts.
2. Account: Relationship with specific accounts.
3. Account to My Records: Relationship with accounts linked to the Admin ‘s own records.
4. Account with All Records: Relationship with accounts that have access to all records. [4]
Relationship Type: A relationship type in CRMJetty defines how a portal user is connected to and interacts with data, such as contacts or accounts, within the system. It determines the level of access and visibility the user has to specific records based on their role and association, such as individual contact records or broader account-based records. [5]
– Contact: Portal users can only access data related to their individual contact profile.
– Account: Portal users can view and manage records tied to their associated account.
– Account with My Records: Portal users can access their individual records within the associated account.
– Account with All Records: Portal users can view and manage all records within their associated account, including other users’ records.
– Contact Relationship: It refers to how a portal user interacts with data based on their individual contact profile. This type of relationship limits access to records or data directly linked to the user’s contact, allowing personalized data access. [6]
– Account Relationship: It defines how a portal user interacts with data based on the organization or account they are associated with. Instead of limiting access to personal contact data, it allows users to access data related to their entire account, which may include other users or records linked to that account. [6]
– Add: Click the checkbox to allow portal users to add data.
– Edit: Click the checkbox to allow portal users to edit data.
– Delete: Click the checkbox to allow portal users to delete data.
– Enable Product: Click the checkbox to allow portal users to product-related actions.
– Enable Hierarchy: Click the checkbox to allow portal users to have hierarchical permissions. [7]
Documents Permissions: Document Permissions in CRMJetty define the level of access and control portal users have over documents and files within the portal. The Admin can set specific permissions to regulate what actions users can perform, such as viewing, adding, deleting, or managing files and folders. Each permission type allows the Admin to tailor document access according to the user’s role in the portal. [8]
– Entity Name: The Admin can view the names of CRM portal entities.
– Documents: Click the checkbox to allow the portal user to manage files and folders within the portal.
– Document Access: Click the checkbox to grant the portal user permission to access and view documents.
– File Add: Click the checkbox to give the portal user permission to upload new files.
– File Delete: Click the checkbox to give the portal user permission to delete existing files.
– Folder Add: Click the checkbox to allow the portal user to create new folders.
Editing & Deleting Roles:
Edit Role:
– To edit a portal role, navigate to the portal role list and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect to the edit role page. [9]
– Admin can update all the details and after updating the details click on the “Save” button.
Delete Role:
– To Delete a portal role, navigate to the portal role list and click the three dots (…). [10]
– By clicking on the dots the Admin can see the Delete button and by clicking on that they can see one warning (pop-up) message. [11]
– Click on the “Ok” button and the role will be permanently deleted from the portal.
Note: Default roles cannot be deleted.
Replace Role:
– The Admin can replace a role assigned to users (contacts) with another role from the list of portal user roles.
– To replace the role the Admin needs to click on the “Replace Role” icon from the (…) dots. [12]
– Then one pop-up will appear that allows the Admin to select a new role from the drop-down list. Once the Admin chooses a new role, it will replace the current role and be assigned to all contacts (portal users). [13]
Set as Default Role:
– The Admin can set the default role with another role from the list of portal user roles.
– To set a default role, the Admin needs to click on the “Default Role” icon from the (…) dots. [14]
– When the default button is clicked, a warning pop-up will appear with the warring message. Admin can either click “OK” to confirm, which will replace the default role with the selected one, or click “Cancel” to keep the current default role unchanged.
– After the default role is changed, the Admin can view the “Is Default” status set to “Yes”. [16]
Portal User Setup
Portal User Setup involves configuring and managing settings for users who access the portal. This setup ensures that users have the appropriate access, permissions, and functionality needed for their roles within the portal.
To manage a portal users the Admin will navigate to Settings > User Setting > Portal User Setup. [1]
On the Portal user setup page, the Admin can view contact information which is created in the below-mentioned ways,
– Contact created from the CRM
– Contact created from the Admin portal
– Contacts that are registered from the Website.
To create a new contact from the Admin portal the Admin needs to click on the “Create” button. [2]
Create Contact:
– After clicking on the “Create” button Admin will be redirected to the Create Contact page.
– Enter the Portal Contact Details
Note: The “portal contact details” form will be shown as per the Admin created in the portal user settings. [3]
– The Admin needs to enter all the mandatory details to create a contact.
Note: If the Admin won’t select any role from the “Role” lookup list, so the contact will be created as “Default”
– Once the Admin fills all the information then they need to click on the “Save” button. By clicking on the save button the created contact will not receive any verification link.
Note: If saved as Not Approved, the Admin can later approve and generate credentials from the contact’s listing page.
– If the Admin clicks on the “Save & Generate credential option”, the created contact will receive an email with the verification link. [4]
Bulk Update
1. CRMJetty Portal Approval: If the ‘User approval’ flow is enabled then Admin approval is required after registration. Consider the below cases for approval.
– Case-1: The Admin needs to select the Contact from the list manually (they can select one or multiple contacts) and click on the bulk action checkbox so they will be able to see the Approve button to send the verification link the Admin needs to click on the approve button. (credentials pending). [5]
– Case-2: Select Approved and click Save & Generate Credentials to approve and generate credentials, sending an access link via email. [6]
Note: Only Admin users with access can add contacts.
2. Enabling Portal Users: To give contacts access to the portal, the Admin can use the ‘Enable’ option to approve the portal user.
Generate Credentials:
– The Admin needs to select the Contact from the list manually. [7]
– Use the Bulk Action drop-down menu to select “Enable” for the contacts. This can include both newly added contacts and those previously disabled.
– After clicking the “Enable” button, a pop-up will appear. In this pop-up, the Admin needs to select the role to assign the same role permissions to the user. Once the role is selected, click the “Save” button. [7.2]
– In the compilation process, a popup will display the summary report for below-mentioned detail. [7.3]
– Selected User
– Disabled Users
– Conversion Pending
– Click Apply to generate credentials or enable access to selected content.
3. Disabling Portal Users: With use of this feature Admin can temporarily remove portal access by disabling user accounts.
– To disable the accounts, Admin needs to Select the contacts that need to be disabled from the portal.
– From the Bulk Actions drop-down menu, select “Disable.” button [8]
– A popup will display the summary report for below-mentioned detail. [9]
– Selected User
– Disabled Users
– Conversion Pending
4. Assigning New Roles : If an Admin needs to assign a new role to contacts then they can use the “Role New Assign” option.
– The Admin needs to Select the contacts that need to assign a new role.
– From the Bulk Actions drop-down menu, select “Assign New Role.” [10]
– Click “Apply” to open the Assign New Role popup.
– Choose the new role the Admin wishes to assign. [11]
– Click “Save” to assign a role for the selected contact. [12]
5. Sending Password Link: The Admin uses this option to send a password reset link to contacts so they can update their credentials.
– The Admin needs to Select the contacts that need a password reset link.
– From the Bulk Actions drop-down menu, select “Send Password Link.” [13]
-A popup will appear showing the status of the password link delivery status.
Edit Contact:
– To edit a portal user, navigate to the portal user list and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect to the portal user edit page. [15]
– Admin can update all the details and after updating the details click on the “Save” button. [16]
Unlock Contact:
If the admin has configured a security layer for portal users, including password complexity and lockout settings, users may get locked out after exceeding the allowed number of incorrect password attempts. In such cases, the admin can manually unlock the user account. This feature enables admins to restore early access to the portal for locked-out users, ensuring smooth operation without waiting for the lockout period to expire.
To unlock a user:
– Navigate to the portal user list and click on the three dots(…).
– By Clicking on dots the admin can see the Unlock Icon, and clicking on that they can unlock the user.[17]
Delete Contact:
– To Delete a portal user, navigate to the portal user list and click the three dots (…). By clicking on the dots the Admin can see the Delete icon and by clicking on that they can see one warning (pop-up) message. [17]
– Click on the “Ok” button and the role will be permanently deleted from the portal. [18]
Site Configuration Settings
General Settings
In the general settings, the Admin can add basic details such as: [1]
– Name: The name of the portal or system (e.g., CRMJetty).
– Portal Enabled Language: The language in which the portal will be available (e.g., English).
– Default Language: The default language used when no other language preference is set.
– Portal Home Page: The main or landing page of the portal.
– Portal Name: The name of the portal (e.g., Hospital).
– Portal Logo: Upload a logo image for branding, displayed on the portal.
– Portal Favicon: Upload a favicon image that appears in the browser tab.
– Date Format: The format in which dates will be displayed (e.g., MM/DD/YYYY).
– Time Format: The format in which times will be displayed (e.g., 24-hour or 12-hour).
– Site Under Maintenance: Enable this option to display a maintenance message while the site is being updated.
reCAPTCHA Configuration
reCAPTCHA helps protect portal pages, forms, and widgets from spam. Admin can configure either reCAPTCHA V2 or V3 to enhance security.
General Settings
– Enable reCAPTCHA: Check the box to enable reCAPTCHA.
– Choose reCAPTCHA Version: Select between reCAPTCHA V2 or V3 based on the security requirements.
reCAPTCHA V2
– Site Key: Used to render the reCAPTCHA on the page.
– Front-View: Displays an “I’m not a robot” checkbox that users must click to validate.
– Applied To:
– Form widget
– Login widget
– Registration widget
– Forgot Password widget
– Subgrid Forms in the Form Builder
– Visible at the end of forms and widgets where reCAPTCHA V2 is enabled.
reCAPTCHA V3
– Site Key: Used to render the reCAPTCHA on the page.
– Secret Key: Used for server-side validation.
– Front-View: Verifies user actions with a score and provides a token automatically.
– Applied To:
– Page
– Form widget
– Login widget
– Registration widget
– Forgot Password widget
– List widget
– Recent Activity widget
– Case Deflection widget
– Chart widget
– Counter widget
– Knowledge Base widget
– Search widget
– Subgrid Forms in the Form Builder
Note: Choose the version that best fits the security needs and apply it to the relevant widgets and pages within the Admin portal.
Theme
Admin can customize the site theme according to their requirements.
1. Font Customization:
– Base Font Family: Select the font family for general text.
– Heading Font Family: Select the font family for headings. [1]
2. Color Customization:
– Theme Background Color: Select the overall background color of the theme.
– Foreground Color: Select the color used for text and other foreground elements.
– Primary Color: Select the color for primary buttons, links, and accents.
– Base Font Color: Select the color for general text content.
– Heading Font Color: Select the color for headings. [1]
3. Menu Customization:
– Menu Background Color: Select the background color for the menu.
– Menu Text Color: Select the color of the text in the menu.
– Menu Hover Color: Select the color of the menu item when hovered over.
– Menu Font Size: Adjusts the font size for menu items. (Range: 14 to 30)
– Menu Font Weight: Select the font weight for menu items (e.g., normal, bold).
– Menu Alignment: Aligns the menu items (e.g., left, center, right). [2]
4. Submenu Customization:
– Submenu Background Color: Select the background color for the submenus.
– Submenu Text Color: Select the color of the text in the submenu.
– Submenu Hover Color: Changes the color of the submenu item when hovered over.
– Submenu Font Size: Adjust the font size for submenu items. (Range: 14 to 30)
– Submenu Font Weight: Select the font weight for submenu items (e.g., normal, bold). [2]
Admin can reset the theme to the default settings using the “Reset to Default” button. [3]
Css Editor
Admin can add custom CSS for the portal and apply styles to various sections. Adjust class names and CSS properties to customize different sections as needed.[1]
Note: Adjust the class names and CSS properties according to Admin -design preferences to customize different sections and weights.
External Logins
Admin can manage external login accounts set up through integrations. The Admin will only see the accounts that have been configured in integrations.
1. Google : Enable Google-based authentication.
2. Facebook : Configure and connect to Facebook for login integration.
3. Microsoft Identity: Link Admin Microsoft Identity account for authentication purposes.
4. LinkedIn : Setup and connect to LinkedIn for login integration.
Security
Admin can enhance portal security by configuring various login methods.
1. Password Lock : Temporarily locks portal access after a set number of incorrect password attempts.[1]
Configuration:
– No. of Wrong Attempts: Maximum failed login attempts before locking the user.
– Password Lock Timer: Duration of the lockout period.
2. Two Factor Authentication (2FA): Adds an extra security layer by requiring users to verify an OTP sent to their registered email upon login. [2]
Configuration:
– OTP Active Duration: Set the time period for which the OTP is valid.
– No. of Wrong OTP Attempts: Define how many times users can enter incorrect OTPs.
– Set OTP Timer: Set the countdown timer displayed with the OTP in the user’s email.
– Disable Resend OTP: Specify the time period during which users cannot request a new OTP.
3. Email Verification: Sends an email verification link to new portal users to confirm their registration. [3]
– Users logging in with social media accounts (Google, Facebook, Microsoft) will also receive an email verification.
4. User Approval: Requires Admin approval for new portal users, including those authenticated via social media. [4]
5. Custom Password Complexity: Enforces password complexity rules to enhance security. [5]
Configuration:
– Password Range: Set the minimum and maximum length of passwords.
– Character Requirements: Define required character types (uppercase, lowercase, digits, special characters).
– Reset To Default: Reverts the password complexity settings to default values.
Example Password Requirements:
– Length: 8 to 16 characters.
– Uppercase Letter: At least one.
– Lowercase Letter: At least one.
– Digit: At least one.
– Special Character: At least one from the set (!, @, #, $, %, ^, &, *, (, )).
6. Password Expiration: Admin can set password expiration periods. [6]
Options: Never Expire, 1 Day, 2 Days, 1 Month, 3 Months, 6 Months, 1 Year.
Portal Front-End Behavior
When a new contact is created, the PasswordUpdateDate field is set to null by default. Depending on the selected password expiration setting, the system will handle password updates as follows:
If “Never Expire” is Selected:
No checks related to password expiration will be performed, providing uninterrupted access without any expiration-related prompts. The following scenarios are excluded from expiration checks:
1. User registration via the Register Widget.
2. User login via the Login Widget.
3. When a user sets a new password.
4. During the Forgot Password process.
5. When a user updates their password via the Profile Widget.
6. User Account Profile updates.
If “Never Expire” is Not Selected:
The portal enforces password expiration through the following procedures:
1. Registration via Register Widget:
a. Upon registration, PasswordUpdateDate is set to the current date (UTC).
2. Login via Login Widget:
a. Case 1: If PasswordUpdateDate is null, the system sets PasswordUpdateDate to the current date and time (UTC) in encrypted format for both the contact and CRM user details upon successful login.
b. Case 2: If PasswordUpdateDate is not null, the system decrypts and compares it with the configured password expiry duration.
i. If Valid: The user is redirected to the Dashboard.
ii. If Expired: The user is redirected to the Set Password screen. After the user successfully updates the password, the system updates PasswordUpdateDate to the current date and time (UTC) in encrypted format for the contact.
3. Forgot Password Procedure: The process follows the same flow as Case 1 and Case 2 mentioned above, ensuring PasswordUpdateDate is appropriately set or updated after the password reset.
4. Profile Widget Password Update: After a user successfully updates their password through the Profile Widget, PasswordUpdateDate is updated to the current date and time (UTC) in encrypted format for the contact.
Note: During the password update procedure, the new password must be different from the old password. This is enforced across all scenarios, including when resetting or updating passwords.
Payment
In the Payment Settings, Admin can select from the payment accounts that have been configured through the Integrations section. Only the accounts set up by the Admin will appear in the dropdown list. [1]
To configure a payment account:
1. Open the Payment Settings.
2. Choose a payment account from the dropdown menu.
3. Click the Save button to apply the selected account.
The selected payment account will now be used for processing transactions in the portal.
Workflow Management
The CRMJetty allows the Admin to add rules and set conditions to display specific entity data in the front portal or control portal users’ access to certain entity data.
To create a workflow Admin needs to navigate to Settings > Portal Setting > Workflow Management. [1]
Viewing Workflows
By clicking on “Workflow Management”, the Admin will be navigated to the listing page, where the Admin can view, search, and filter workflows by Action Type, entity, Owner, and Date. [2]
Creating a Workflow:
To create a new workflow, click on the “+ Create” button, which will redirect the Admin to the Create Workflow page. On this page, the Admin needs to configure the following details:
– Title: Enter a name for the workflow for easy identification.
– Roles: Choose the roles that this workflow will apply to.
– Entity: Select the entity to which the conditions will apply.(e.g. Case, Order)
– Action Type: The Admin can choose the action type between Load Data and Update Assign Rights. [3]
Action Types:
1. Load Data: This action allows the Admin to filter and display only specific entity data in the customer portal.
– Data will be sorted and displayed in various formats (e.g., List view, Data card, Recent Activity, etc.) based on the rules Admin set.
– Select the fields, operators, and values to determine the data that portal users can view. [4]
2. Update Assigned Rights: This action type is used to manage portal users access rights (Edit, View, Delete) based on conditions. [5]
– For example: The Admin can restrict delete rights for certain records by setting specific conditions.
Setting Workflow Conditions:
After selecting an action type, the Admin can set conditions based on the specific fields.
Admin can add multiple conditions and group them as needed. Using the AND/OR options, the Admin can ensure that portal users see data or have access rights only when specific conditions are met. [6]
For example, if the Admin sets a condition to show only “In Progress” and “On Hold” cases, portal users will view only those specific records. [7]
Managing Rules with Group Options
Select Group
The Select Group option allows Admin to group multiple conditions together. This feature is useful when Admin wants to combine conditions using either the AND or OR logic, controlling how access rights or data visibility is managed for portal users. [8]
Ungroup
The Ungroup option enables Admin to separate previously grouped conditions. If the Admin no longer needs certain conditions to be treated as a unit, they can use this option to break them apart, allowing individual conditions to be managed independently. [8]
Change to OR
When using the AND logic by default, selecting Change to OR modifies the conditions to be evaluated with an OR relationship instead. This means that if any of the conditions are true, the action (like granting access) will be executed. [8]
Delete
The Delete option allows the Admin to remove any existing condition or group of conditions. This is useful when certain conditions are no longer relevant or need to be changed entirely. [8]
Add Clause
The Add Clause feature provides Admin with the ability to insert a new condition into an existing rule set. This ensures flexibility by allowing new criteria to be added without disrupting the existing rules structure. [8]
Enabling Workflows
– To apply a workflow to a page, navigate to Design > Page, open the page in Edit mode, configure the widget, and enable the workflow.
– Admin can apply workflows to various widgets like Case Deflection, Chart, Counter, Data Card, etc.
– Admin can assign workflows to a page by navigating to Design > Page. First, the Admin should configure the appropriate widget on the page and ensure that the workflow is enabled.
– Workflows can be applied to various widgets, including Case Deflection, Charts, Counters, Data Cards, and more.
Workflows in Forms and List Builders
– Workflows can also be assigned at the field level in forms and list builders, particularly for lookup-type fields. Ensure that the lookup field is related to an entity with an active workflow.
Widget Classification
– Widgets may support either “Load Data Workflow” or both “Load Data” and “Update Assigned Rights” workflows:
– Load Data Only: Supported by Charts, Counters, Knowledge Base, and Case Deflection widgets.
– Both Workflows: Supported by Lists, Data Cards, Recent Activity, and Forms widgets.
Step-by-Step Workflow Example
Scenario: Configuring a Workflow for High-Priority Cases
The Admin needs to configure a workflow that displays only “High Priority” cases on the case details page, ensuring that only these cases are visible to the support team and they cannot be deleted.
1. Create a New Workflow
– Title: “High Priority Case”
– Roles: Assign the workflow to the “Support Team” role.
– Entity : Select “Case” as the entity .
2. Action Types
Load Data:
– Condition: Select the “Priority” field, set the operator to “Equals,” and choose “High” and “Urgent” as the values. This ensures that only “High Priority” and “Urgent” cases are visible to portal users.
Update Assigned Rights:
– Condition: Set the “Priority” field to “High” and “Urgent.”
– Action: Disable the “Delete” option. This prevents portal users from deleting cases marked as “High Priority” or “Urgent.”
3. Assign the Workflow
To implement the workflow, navigate to Design > Page, edit the relevant page, and enable the workflow in the widget settings.
After configuring this workflow, assign it to the case details page. Once assigned, only “High Priority” cases will be visible to the support team, and the option to delete these cases will be disabled.
Entity Configuration
The Admin can enable or disable an entity in the portal using the Entity Configuration feature. Entity configuration is necessary when the Admin adds a new entity to the CRM. To enable the entity for the portal, select specific CRM entities and drag and drop them into the Portal Entity section.
Note: Before configuring the entity, Admin must first sync the CRM with the portal.
Enabling or Disabling an Entity
To sync an entity, navigate to Settings > User Settings > Entity Configurations. [1]
In this section, Admin can drag and drop “CRM Entities” into the “Portal Entities” section to sync them between the CRM and the portal.
Admin can search for a CRM entity by name or manually drag and drop it into the portal entity section.
Once the configuration is complete, click the “Save” button to add the CRM entity to the portal.
Note: If an entity does not appear in the CRM Entity list, Admin should first synchronize the CRM with the portal. Once the synchronization is complete, the entity will be visible in the CRM Entity list.
If an Admin wants to remove an entity from the portal, they can simply drag and drop the portal entity into the CRM entity list. This action will remove access to that specific data through the portal.
Note: If an Admin removes an entity from the portal, it will no longer be accessible through the portal. Additionally, this specific entity cannot be used in lists, forms, pages, etc. However, certain entities like cases or content cannot be removed, as they are primary entities required to manage the portal.
Language Configurations
Admin can manage and customize the languages used in the portal to ensure it meets users preferences. To set up languages for the customer portal, follow these steps:
1. Navigate to Language Configuration:
Go to Settings > Portal Settings > Language Configuration. [1]
2. Enable Multi-language Support:
On this page, Admin can enable multi-language support for the portal. CRMJetty Portal provides support for 41 languages. [2]
Note: In CRM language only shows the language which is enabled into the CRM system.
The list of available languages includes:
– English
– Arabic
– Basque
– Bulgarian
– Catalan
– Chinese (Hong Kong S.A.R.)
– Croatian
– Czech
– Danish
– Dutch – Netherlands
– Estonian
– Finnish
– French – France
– Galician
– German
– Greek
– Hebrew
– Hindi
– Hungarian
– Indonesian
– Italian (Italy)
– Japanese
– Kazakh
– Korean
– Latvian
– Lithuanian
– Malay – Malaysia
– Norwegian (Bokmål)
– Polish
– Portuguese – Brazil
– Romanian
– Russian
– Serbian (Cyrillic)
– Slovak
– Slovenian
– Spanish – Spain (Modern Sort)
– Swedish
– Thai
– Turkish
– Ukrainian
– Vietnamese
Admin can enable any of these languages in the portal by dragging and dropping the respective language from the CRM Languages section to the CRMJetty portal Languages section. [3]
3. Save Configurations:
After making the necessary changes, click on the Save button. [4]
Note: English is the default language and cannot be disabled.
Multi-Language
Navigating to Multi Language, Admin will be able to configure the labels for multiple languages. [5]
The first step is to Select Language for the respective labels. [6]
Further, choose Portal or CRM from the dropdown menu of Select Language Label.
– Portal: Select this option in order to change the label in the portal. [7.2]
– Once Admin selects this option then Admin will get the list of the default text of the message which is currently displaying in the portal. [8]
– On the right side Admin will get the value tab. Admin can insert the translated value of the default text on the left side. [9]
– CRM: If Admin select this option then Admin can change the language for all the text labels present in that CRM. [10]
– For example: we have selected Case CRM.
Now all the default text in the case CRM will be loaded below.
Admin can insert the translated value for the default text on the left side.
After configuring the language, click on the ”Save” button. Now multiple languages are enabled in the Admin portal. [11]
Import Text labels:
Admin can also import translated text labels:
1. Export Template
First, the Admin needs to click on the Export Template button. The template file will be downloaded into the Admin system. [12]
2. Add Translations:
The template file will have information like Text Key, Default Text, and Language Specific Text. Admin has to add the translated text in the Language Specific Text column. [13]
3. Import the file:
After adding the details in the sample file, Import the file. The value will be populated with translated labels. Now, the Admin has to “Save” the settings to make it work properly. [14]
Auto Translate:
– Admin can also auto-translate the labels rather than translating each label manually. There is one button on the top right corner of the language setting named Add Google Translate key. [15]
– Once the button is clicked, insert the Google Translation key. [16]
– Click on the “Save” button and Admin Key will be saved successfully.
Note: The Admin must enable the “Translate API” from Google developer console for the website domain (portal domain).
Once Admin have inserted the Translate API key, Admin are able to Auto Translate the Portal labels by selecting the language(s).
Now, click on the ‘Auto Translate’ button, to translate all the labels at once based on the language selection. [17]
Now, save the labels to make it work on the portal.
Admin can as well remove all the labels at once by clicking on the “Clear All” button and then, Admin can see all the fields would be cleared. [19]
Widget Settings
List Builder
CRMJetty allows Admin to design and configure the listing view for various entities. Admin can create, edit, preview, and publish lists that will be used in page builders. The dynamic layout of the list view can be designed using CRM fields.
The List Builder enables Admin to create, duplicate, delete, filter, preview, and translate list views. To access these features, Admin need to navigate to Design > Lists. [1]
On the listing page, Admin can view the following columns: Title, Status, Language, Owner, Entity, and Created On dates.
The Admin can apply filters based on Title, Status, and Entity. Additionally, the Admin can use Advanced Filters to further refine the list data.
Creating a List Layout
Admin can create a listing page for any entity. By clicking on the + Create button, a popup will appear where the Admin needs to insert the ‘Title’ of the list page.
Click on the “Save” button to design the listing page layout. This will redirect the Admin to the List layout design page.
From the right side, Admin can either create a new list view or use an existing ready list from the CRM.
– Create New: The Admin can choose the “Create New” option to build a list from scratch.
– Use Existing: The Admin can select the “Use Existing” option to utilize a list that has been already created in CRM. [2]
Admin needs to select the Entity for which the list view layout needs to be created. [3]
Create New List
After selecting the “Entity”, Admin will see a list of fields enabled from CRM. The required fields can be drag and drop from the right to the left to add columns to the list.
There will be search functionality available for the Admin to search for a field. [1]
By clicking on the Settings icon, the Field Name and Data Type of the field will be displayed. The Admin can also edit the field details. [2]
After configuring the list, Admin can either save it as a “Draft” or “Publish” it.
– Draft: For internal use, editing, and review. Not visible to portal users. [3]
– Publish: Final version; once published successfully, it can be used by Admin while configuring the list widget in the page builder. [4]
Note: Admin cannot use draft lists while configuring the page; the list must be published to be used in the page builder while configuring the “list widget”.
Selecting ‘Use Existing’
Admin have the option to select a pre-configured ‘List view’ layout from CRMJetty. By selecting the “Use Existing” option, all available ready-made list layouts (CRM entity views) will be accessible. [1]
Steps to Configure the List View:
From the View dropdown, select a ‘List view’. The fields associated with that specific list view, as configured in CRM, will be displayed. [2]
When the Admin selects a view, the list fields are automatically added to the fields in the right-side panel.
Note: The fields are added based on the CRM list, and the Admin can modify the list as needed.
Field Customization:
The Admin needs to click on the “Settings” icon to update or change the labels of any field. While editing a field, the data type will be shown. [4]
To remove a field, the Admin needs to click on the ‘delete’ icon. [5]
Enabling the Show as Image Option
If the Admin wants to display a field as an image, the Admin can use the “Show as Image” option in the Field Configuration that allows the string value to be shown as an image.
Note: To ensure a proper view in the portal, the Admin should add the correct image path.
Otherwise, a dummy image will be displayed. The Admin needs to click on the “Settings icon” to open the field configurations and check mark the “Show as Image” option. [1]
Note: If the “Show As Image” checkbox is checked, the “Enable for Filter” checkbox will be disabled, as filtering is not applicable to image-type data.
After updating the Field Setting, the Admin needs to click on the Save button. [2]
To finalize the list builder by clicking on the Publish button. The Admin can also save it as a draft by clicking on the Save As Draft button.[3]
The Admin can also save it as a draft by clicking on the Save As Draft button.
Enabling Lookup Global Actions
The Admin can enable filters globally for lookup fields by selecting the “Lookup Global Access” checkbox during configuration. [1]
Enabling Lookup Global Access ensures the data displayed in the lookup field is global, representing all data for the associated entit.[1]
Example:
If Customer Lookup Global Access is enabled, the lookup will display all customer data, regardless of any specific filters or restrictions.
This feature provides flexibility to access a comprehensive dataset for the selected entity.
Enabling the Workflow Configuration
If the field’s data type is a lookup and the “Enable for Filter” checkbox is checked, the Workflow Setting will become visible.
By clicking ‘Workflow Setting’, the “Data Load” dropdown will appear, showing the workflows (with Data Load action type and target entity of the field) created in the Workflow Management. [2]
Note: Admin will only view the specific lookup workflows
Admin can select the workflow according to the requirement.
Admin can also add a new workflow by clicking on the “+” icon. [3]
By clicking on the “+” icon, the Admin will be redirected to the “Add Workflow” page from there they can create a new workflow for that entity by entering the below details where the entity will be selected by default. [4]
After selecting the workflow, click on the Save button. [5]
Custom Lookup View
The Custom Lookup View allows you to customize how lookup fields display data in the List Builder.
Steps to Configure
1. Enable the Feature
– Go to the Field Configuration Settings for the lookup field.
– Enable Custom Lookup View [1]
2. Select Fields
– In the Custom Lookup Settings, the Admin can view all the lookup entities enabled from the CRM for the specific field. This allows the Admin to select and configure targeted entities for the lookup, ensuring personalized and relevant data display in the List Builder.
– For example, if the Account entity is enabled, the dropdown will display: [2]
– Account Name (primary field, fixed at the top). [2]
– Account Rating (additional field). [2]
Note: The Account Name field is mandatory and is automatically selected as the primary field. Its position is fixed at the top of the field list.
3. Set Sequence
– The Admin can configure these fields and their sequence for a customized lookup view. [3]
– Arrange the fields in the desired order.
– Example sequence:
1. Account Name
2. Account Rating
– After all the configuration, click on the “Save” button to apply changes to the front-end view.
Note:
– Field Limit: Maximum of 5 fields (1 primary + 4 additional).
– Language Support: Names appear in configured languages or default to English.
– This setup streamlines lookups, displaying only relevant fields in your preferred order.
Using the JS Code Editor
Admin can create or update the layout of the list view using the JavaScript Code Editor if custom JS code is available.
By clicking on the JS Editor, an editor will pop up where the Admin can add or paste the JS code. [1]
Once edited or pasted, click the “Apply” button and publish the List Builder record.
Enable Payment Configuration
The Admin can enable the “Payment Configuration” option to facilitate the integration of payment processing within the list views. This allows the portal users to interact with payment-related fields directly from the list view, making it easier to manage transactions, view payment statuses, and perform payment actions without navigating away from the current page.
Steps to Configure Payment Options:
– Enable Payment Configuration:
-To activate this feature, the Admin must check the “Enable Payment” toggle is active.
– Note: This feature can only be enabled if the entity includes an Amount (Currency) type field.
Button Label:
The Admin should enter the text label to be displayed as an option in the record’s context menu. [1]
Select Amount Field:
The Admin should choose the entity field to be used as the amount field for processing payments. [1]
Set Conditional Field to Enable Pay Button:
The Admin must select the entity field that determines when the Pay button will be displayed. [1]
Set Conditional Field Value to Enable Pay Button:
The Admin should choose the conditional value field that triggers the display of the “Pay” button. Multiple values can be selected as needed. [1]
Transaction Log Settings:
– The Admin should configure the Transaction Log Settings to synchronize transaction data with the CRM.
– Select Transaction entity: The Admin must choose the transaction entity to record transaction details. [2]
– Select Description Field: The Admin should choose the entity field for a short description. [2]
– Select Payment Entity: The Admin should select the field in the transaction entity to use as the payment entity field. [2]
– Select Payment Record: The Admin needs to choose the field in the transaction entity to use as the payment record field. [2]
– Select Payment Method: The Admin must select the field in the transaction entity to use as the payment method field. [3]
– Set Amount Field: The Admin should choose the field in the transaction entity for the payment amount. [3]
– Select Payment Transaction Log: The Admin needs to choose the field in the transaction entity for the Payment Transaction Log. [3]
– Select Payment Status: The Admin should select the field in the transaction entity for the Payment Status. [3]
After configuring the payment method, the Admin should “Update” the changes and publish the list.
Enable Rating Field for List
CRMJetty provides Admin to configure a list field as a rating field. To initiate this setup, Admin must first activate the “Enable Rating” option. This function allows Admin to designate a specific field to display ratings.
Supported Data Types for Rating Field:
– Integer
– BigInt
– Decimal
– Double
In the rating field configuration, Admin can choose icons from the icon picker, with available options including thumbs and stars. Furthermore, Admin can select various colors using the color picker. [1]
Note: If a field is used in the Datacard widget, it cannot be deleted or have its rating functionality disabled via the List Builder. In the list view, portal users will only see the rating fields. They cannot modify the rating configuration, the icons and colors are only set by the Admin from the backend.
Translating List Records (Multi-Language)
From the listing page of the ‘List’ builder records, all available languages will appear in the Language column.
Translated languages will be shown in dark-coloured buttons, while untranslated languages will appear in light-coloured buttons.
The Admin can translate the list record in two ways, one is by clicking on the light-coloured button and second is by selecting the specific record and clicking the ‘Translate’ icon from the record options.
Once the Admin clicks on the list builder record it will automatically translate to the selected language.
Admin can also translate the list layout records from the edit list. At the top, the Admin can see the“Languages” option and enabled languages will be displayed.
Select the language and click on the “Update” button, it will take a few seconds to translate all the CRM content, such as text labels and messages.
Once the list layout record is translated in a listing page you can view the language in highlighted color, which will ensure that the language is translated successfully.
Multiple List Translation
1. Translating Lists in Bulk:
The Admin can translate multiple list layout records simultaneously by selecting multiple lists. [1]
2. Language Selection:
If multiple languages are enabled, a dropdown menu will appear, allowing the Admin to select one language for translation. [2]
3. Translation Report:
After translating the selected lists, a pop-up will appear on the screen, displaying the translation status of the records/list.
Note: Ensure that all fields are translated in Settings > Portal Settings > Language Settings to guarantee proper translation of the fields.
Preview List (View from list page)
To preview the list, Admin needs to either save the list as a draft or publish it. In both scenarios, Admin can preview the list to see how it will appear on the front end.
Note: In preview mode, Admin cannot click on any fields, the preview only displays the layout of the list. [2]
Edit List
To edit a list, navigate to the portal lists and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect to the edit list page. [1]
Admin can update all the details and configurations, after updating the details click on the “Update” button. [2]
Delete List
To Delete a portal list, navigate to the portal list and click the three dots (…). [1]
By clicking on the dots the Admin can see the Delete icon and by clicking on that they can see one warning (pop-up) message. Click on the “Ok” button and the role will be permanently deleted from the portal. [2]
Bulk Delete lists:
To delete a multiple list at once follow the below steps:
List Selection:
The Admin should start by selecting the lists for deletion. This can be done by clicking on the checkboxes beside each list. [3]
Choosing Bulk Action:
After selecting the lists, the Admin needs to proceed to click on the bulk action checkbox. From the available options, select the “Delete” option. [4]
Confirmation Process:
A confirmation pop-up will appear after selecting the “Delete” option. To finalize and permanently remove the selected lists, the Admin must click the “OK” button. If the deletion is not required then the Admin can simply click the “Cancel” button to exit the process. [5]
Publish List
1. Publishing a List:
To publish a portal list, navigate to the list and click the three dots (…). Clicking on the dots will reveal the “Publish” Icon. [1]
By clicking on the icon the list will be published and the Admin can view the success message on the right side of the page. [2]
Bulk Publish Lists
1. List Selection:
The Admin should start by selecting the lists to be published. This can be done by clicking on the checkboxes beside each list entity. [3]
2. Choosing Bulk Action:
After selecting the lists, the Admin needs to click on the bulk action checkbox. From the available options, select the “Publish” option. [4]
By clicking on the publish option the selected list will be published and the Admin can view the success message on the right side of the page. [5]
Duplicate List
1. Duplicating a List:
– To duplicate a portal list, navigate to the list and click the three dots (…). Clicking on the dots will reveal the “Duplicate” icon. Selecting this button will initiate the duplication process.
2. Confirmation Process:
– Once the “Duplicate” button is clicked, the list will be copied, and a new duplicate list will appear in the portal.
– By clicking on the duplicate icon the selected list will be duplicated, and added to the list as “List name – Copy”. [2]
– After duplication the Admin can view the success message on the right side of the page. [2]
Bulk Duplicate Lists
1. List Selection:
– The Admin should start by selecting the lists to be duplicated. This can be done by clicking on the checkboxes beside each list entity. [3]
2. Choosing Bulk Action:
– After selecting the lists, the Admin needs to click on the bulk action checkbox. From the available options, select the “Duplicate” option.
– By clicking on the duplicate icon the selected list will be duplicated, and added in a list as a “List name – Copy”. (e.g. Orders-Copy)[4]
– After duplication the Admin can view the success message on the right side of the page. [4]
Preview Lists
To preview a portal list, navigate to the list and click the three dots (…). Clicking on the dots will reveal the “Preview” icon. Selecting this button will open a preview window displaying the layout of the list. [1]
Note: The Admin cannot add or modify any content within the list during this preview, it is just a list layout. [2]
Forms Builder
CRMJetty allows Admin to design and configure forms for various entities. Admin can create, edit, preview, and publish forms that will be used in page builders. The dynamic layout of the form can be designed using CRM fields.
The Form Builder enables Admin to manage forms by creating, duplicating, deleting, filtering, previewing, and translating them. To access these features, navigate to Design > Form Builder. [1]
On the form builder page, Admin can view the following columns: Title, Status, Language, Owner, entity, and Created On dates. [2]
Creating a Form Layout:
– Admin can create a form for any entity. By clicking on the “+ Create” button, a popup will appear where the Admin needs to insert the ‘Title’ of the form.
– Click on the “Save” button to design the form page layout. This will redirect Admin to the Form layout design page. [1]
– The Admin can create the portal user form for the customer portal. To create the form, the first Admin needs to create a form layout for that Admin can follow: Add Section > Add Grid > Add Fields.
– Add Section: On the left side of the page, the Admin can view the sections and by clicking on the “+” icon the Admin can add a new section. Admin can edit the panel and update the “Panel Title”. After editing, click the Save button. as shown in the mentioned screenshot. [2]
– Add Grid: After adding the section the Admin needs to select the grid, for that, the Admin needs to click on the “Add Grid” button as shown in the mentioned screenshot. [3]
– By clicking on the button, the Admin can view the different grid options, by selecting the grid it will directly add to the selected section as shown in the below screenshot. [4]
– Add fields: After adding the grid the Admin adds fields to the grid, This can be done in two ways:
1. Create New: The Admin can choose the Create New option to build a form from scratch.
2. Use Existing: The Admin can select the Use Existing option to utilize a form that has already been created in CRM. [5]
Note: The grid supports only one field per box. Admin should ensure the sections are designed accordingly.
Manual Setup for Creating New Forms
– After designing a layout, the Admin first needs to select the Entity from the drop-down list. [1]
Note: The Admin can only see entities that are synced with the portal. If the Admin cannot find the entity in the list, they must first sync the “CRM entity” to the “Portal entity.”
– Once the entity is selected, the Admin can design the layout for the Add, Edit, and Detail pages of the new Form. [2]
There are two Copy options available: “Copy to Edit” and “Copy to Detail”. The Admin can copy the ‘Add’ form design to both the ‘Edit’ form and the ‘Detail’ form. [3]
Note: If the Admin is creating a Detail type form, the options “Copy to Add” and “Copy to Edit” will not be available.
– After selecting the entity, the Admin will see a list of fields enabled from CRM. The required fields can be dragged and dropped from the right side to the left side of the grid layout.
– A search functionality is available for the Admin to find specific fields. [4]
To configure the fields, the Admin can perform the following actions:
– Field Settings: By clicking on the Settings icon, the Admin can configure following settings
– Label: Define the field’s name visible to the portal user.
– Placeholder: Insert text that appears inside the field before data entry.
– Help Tip: Provide additional guidance or information about the field.
– Default Value: Set an initial value that populates the field by default. [5]
– Attributes Configuration: The Admin can also set the field attributes such as ReadOnly and Required:
– Read Only: When this checkbox is enabled, portal users will not be able to enter data in the field.
– Required: Enabling this option makes the field mandatory, ensuring that portal users must fill it out before proceeding. [6]
Enabling Lookup Global Actions
The Admin can enable filters globally for form fields by selecting the “Form Global Access” checkbox during configuration. [1]
Enabling Form Global Access ensures the data displayed in the form field is global, representing all data for the associated entity. [1]
Example:
If Customer Form Global Access is enabled, the form field will display all customer data, regardless of any specific filters or restrictions.
This feature provides flexibility to access a comprehensive dataset for the selected entity.
Custom Lookup View Form
The Custom Form View allows you to customize how form fields display data in the Form Builder.
Steps to Configure
1 Enable the Feature
– Go to the Field Configuration Settings for the form field.
– Enable Custom Form View. [1]
2. Select Fields
– In the Custom Form Settings, the Admin can view all entities enabled from the CRM for the specific field. This allows the Admin to select and configure targeted entities for the form field, ensuring personalized and relevant data display in the Form Builder.
– Example:
-If the Account entity is enabled, the dropdown will display: [2]
– Account Name (primary field, fixed at the top). [2]
– Account Rating (additional field). [2]
Note:
– The Account Name field is mandatory and is automatically selected as the primary field. Its position is fixed at the top of the field list.
3. Set Sequence
– The Admin can configure these fields and their sequence for a customized form view. [3]
– Arrange the fields in the desired order.
Example sequence:
1. Account Name
2 .Account Rating
After completing the configuration, click on the “Save” button to apply changes to the front-end view.
Notes:
– Field Limit: Maximum of 5 fields (1 primary + 4 additional).
– Language Support: Field names appear in configured languages or default to English.
– This setup simplifies form configurations, displaying only relevant fields in your preferred order.
Using Existing Forms
The Admin can access ready-made ‘Form’ layouts that are configured from the CRM. By selecting the Use Existing option, the Admin will see all the available Form layouts (CRM entity views) and will have the ability to edit the fields as needed. [1]
Once the Admin selects any ‘Form view’ from the Existing Forms drop-down, the fields of that specific form view, as configured in CRM, will be displayed. The Admin can select existing CRM fields for the Add, Edit, or Detail page, depending on the form type. [2]
The Admin can filter existing forms by selecting specific record types. If no record types are selected, all forms for the chosen entity will be displayed. [3]
The Admin can add or remove fields as needed. Fields can be dragged and dropped from the list on the right side, and any field can be removed by clicking on the ‘delete’ icon.
When editing a field, the Admin will have access to field-related options for display to portal users in the customer portal. [4]
Enable Hidden Fields
Admin can hide specific fields from the form by selecting the “Hidden” Toggle button in the form builder. This hidden field will not be visible on the front-end form, but it will have a default value set through the field settings. [1]
For “Edit” type forms, this feature applies only if the field is empty or null; it will automatically set the default value without altering any previously entered data.
For Example: the “Case Type” field might be hidden in the form, but it will still appear in the list view with the assigned default value.
Enable Rating Fields
A rating field allows portal users to provide a numerical rating or feedback for items like products, services, or content.
This functionality can be applied to specific data types like Integer, BigInt, Decimal, and Double.
The rating is visually represented through stars or thumb symbols. Admin can configure the rating fields into various components such as Form (Add, Edit, and Detail views), List, and Data Card widgets.
Note: CRMJetty’s default configuration supports a maximum of 5-star ratings, and this setup is not adjustable by the Admin .
Rating Fields Configuration
In the Form Builder, Admin can configure the rating field by selecting the “Enable Rating” option within the field settings.
Icon Picker: Admin can choose between different icons (e.g., thumbs, stars) for the rating field using the icon picker.
Color Picker: Different colors can be selected for the icons, allowing customization of the rating field’s appearance.
Compatibility: Rating fields can be configured for Add, Edit, and Detail form types.
Note: If the Barcode input feature is enabled, Admin cannot configure the rating feature. It can not be used simultaneously on the same field.
Read-Only Setting: Admin can enable the “Read-Only” attribute to prevent portal users from modifying the rating field. This can be applied to both Add and Edit forms. [2]
Note: If this feature is enabled, the rating field will be disabled for front-end users, displaying only the default value or passing a null value if default is not set.
Front-End View for Rating Field:
On the front-end, portal users can interact with the rating field by assigning both whole and half-star ratings (e.g., 2, 4, 4.5, 1.5).
The icon and color will appear as configured by the Admin , providing a user-friendly visual representation of the rating. [3]
Enable Barcode/QR
Admin can enhance data entry efficiency by enabling barcode or QR input within relevant forms. This feature allows portal users to scan barcodes or QR codes, speeding up data collection and reducing manual input errors.
Form Builder Settings:
In the field settings within the Form Builder, Admin can enable the “Barcode/QR Code Input” option. This setting is applicable to fields with data types such as String, Integer, Decimal, and BigInt.
The barcode/QR code input feature can be configured for Add, Edit, and Detail form types. [1]
Enable Input Text:
If this checkbox is enabled, portal users can enter data manually in addition to scanning barcodes or QR codes. If disabled, the field will be read-only, accepting input only through scanning. [1]
Note: If the rating input feature is enabled, Admin cannot configure the Barcode/QR feature. It can not be used simultaneously on the same field.
Front-End View for Barcode/QR:
When the barcode/QR code input is enabled, a camera icon will appear in the form field.
Portal users can click this icon to activate their device’s camera and scan barcodes or QR codes for efficient data input. [2]
Supported Barcode/QR Formats:
CRMJetty supports a variety of barcode and QR formats, including QR Code, AZTEC, CODE_39, CODE_93, CODE_128, ITF, EAN_13, EAN_8, PDF_417, UPC_A, UPC_E, DATA_MATRIX, MAXICODE, RSS_14, and RSS_EXPANDED.
Advanced Field Settings
This feature allows Admin to customize the visibility and behavior of fields based on certain conditions.
Default Field Visibility
Visible: The field is displayed on the form by default.
Hidden: The field is not displayed on the form by default. [1]
Hide Field Based on Conditions
– Admin can hide the fields based on the different conditions:
– Conditional Field: Choose the field that will determine when the current field should be hidden.
– Multi-Select Matching Category: Select categories for fields with multiple options, which will control the condition for hiding.
– Conditional Field Option: Specify the value or option from the conditional field that will trigger the field to be hidden. [2]
For Example: Admin have a form with a field called “Discount Code” that Admin wants to show only when a checkbox “Special Offer” is checked.
– Default Field Visibility: Set the “Discount Code” field to Hidden by default.
– Conditional Field: “Special Offer” (the checkbox).
– Multi-Select Matching Category: Not applicable here.
– Conditional Field Option: Checked (when the checkbox is selected).
By configuring this the “Discount Code” field will only appear when the user selects the “Special Offer” checkbox.
Enabling the Workflow Configuration for Form
In a form builder if the If field’s data type is a lookup then Workflow Setting will become visible. Admin can only configure workflow for Add and Edit forms. [1]
By clicking ‘Workflow Setting’, the “Data Load” dropdown will appear, showing the workflows (with Data Load action type and target entity of the field) created in the Workflow Management.
Admin can select the workflow according to the requirement. [2]
Admin can also add a new workflow by clicking on the “+” icon.
After selecting the workflow, click on the Save button.
Progress Bar in Field Configuration
Admin can enhance the user experience in the customer portal by configuring a progress bar for specific dropdown fields in any entity form. This feature is applicable to dropdown-type fields such as Picklist, State, and Status.
1. Enable Progress Bar:
– In the Field Configuration section, locate the “Show as Progress Bar” option and enable it to display the progress bar to portal users.
2 . Configure Field Options:
– Set the sequence of the available options for the selected dropdown field by dragging the options up or down to rearrange them. [1]
Note: The progress bar status reflects the “Advanced Field Management” settings, which control the field options visible to portal users.
Multi-Step Form Configuration
Admin can display the form content of any entity in a step-by-step manner in the customer portal by enabling the “Multi-Step Form” option. This feature allows portal users to navigate through the form in sections, making it easier to manage complex forms.
1. Enable Multi-Step Form: In the Form configuration panel under “Web Forms,” check the “Enable Multi-Step Form” option.
2. Configure Navigation Buttons:
– Previous Button Label: Set the label for the button that allows users to navigate back to the previous section of the form.
– Next Button Label: Set the label for the button that allows users to move to the next section of the form. [1]
3. Section Configuration:
– The form will be divided into sections based on the configuration. Users will navigate through these sections step-by-step.
4. Edit Navigation Button Labels:
– In the Edit form settings, customize the labels for the Previous and Next buttons to better fit the needs.
Once you setup multi step form configuration “Update or Publish” the form.
Note: The Multi-Step Form feature is available for Add/Edit type forms and can be used with both “Create New” and “Use Existing” CRM layouts. Once configured, the form can be placed in the Page Builder, and its multi-step navigation can be previewed.
Parent-Child Link
This configuration allows the Admin to link data or records where one entity (the parent) is associated with one or more other entities (the children). [1]
Note: The Parent-Child Link feature is only enabled in the Add Form Type. [1]
On the add from configuration, the Admin can view the parent-child link toggle button Admin needs to click on to activate the feature. After that Admin needs to configure the following details:
Child Entity: Choose the entity that will act as the child in the relationship.
Relationship Type: Select the type of relationship that defines how the parent and child entities will be connected.
Create Unique Records On: Identify the field that will ensure each record is unique.
Fields Display: The fields will be shown based on the selected relationship type.
Step-by-Step Example for Parent-Child Link:
Scenario: Suppose the Admin configuring a Customer Order Management System
Then Admin needs to configure the following fields:
Child Entity: The Admin needs to select “Order Items” as the child entity, which will be linked to the “Customer Order” parent entity.
Relationship Type: The Admin chooses “Order (Customerid)”, indicating that each customer order can have multiple order items.
Create Unique Records On: The Admin identifies the “Order ID” field to ensure each order record is unique.
Fields Display: Based on the Order (Customerid) type, fields like “Item Name,” “Quantity,” and “Price” will be displayed for selection in the form.
Payment Configuration
The Admin can enable the “Payment Configuration” option to integrate payment processing directly within the form. This setup allows portal users to interact with payment-related fields within the form itself, facilitating easier management of transactions, viewing payment statuses, and performing payment actions without needing to leave the form page.
Note: The payment configuration feature is enabled for the Add -Edit -Detail Form Type.
Steps to Configure Payment Options:
To enable payment functionality for a specific entity’s form record, follow these steps:
1. Enable Payment:
Enable the toggle button from the right side of the panel “Payment configuration” to activate payment options. [1]
2. Button Label:
Enter the text the Admin wants to display as a title of the field.
3. Set Amount Field:
The Admin should choose the field that represents the payment amount.
4. Set Conditional Field to Enable Pay Button:
The Admin must select the conditional field that will control when the Pay button gets enabled.
5. Set Conditional Field Value to Enable Pay Button:
The Admin needs to select the conditional value that will trigger the Pay button. Multiple values can be chosen if needed.
6. Transaction Log Settings:
The Admin should configure settings for syncing transaction data with the portal.
7. Select Transaction Entity:
The Admin must choose the entity where transaction details will be stored.
8. Select Description Field:
The Admin should select the field to be used for a short description of the transaction.
9. Select Payment Entity:
The Admin must pick the field from the transaction entity that will serve as the payment entity.
10. Select Payment Record:
The Admin should choose the field in the transaction entity to be used as the payment record.
11. Select Payment Method:
The Admin needs to select the field that represents the payment method.
12. Set Amount Field:
The Admin should identify the field where the payment amount will be recorded.
13. Select Payment Transaction Log:
The Admin must choose the field that will act as the Payment Transaction Log.
14. Select Payment Status:
The Admin needs to select the field that will display the Payment Status.
Once all configurations are complete, the Admin should click the Save button at the end of the process. Finally, Publish the page to apply these changes in the customer portal.
Using JS Code Editor
The Admin can create or update the layout of the form view using the JavaScript Code Editor if there is any custom JS code. [1]
By clicking on the Code Editor, an editor will pop up where the Admin can edit or paste the JS code. Once the code is edited or pasted, the Admin should click the Apply button and publish the Form builder record. [2]
Additionally, the Admin can edit or paste JavaScript code to modify the UI and appearance to match preferences or align with the portal’s theme.
Translating Form Records (Multi-Language)
From the listing page of the ‘Form’ builder records, all available languages will appear in the Language column.
Translated languages will be shown in dark-coloured buttons, while untranslated languages will appear in light-coloured buttons. [1]
Admin can translate the Form record by clicking on the light-coloured button. Once clicked, the Form builder record will automatically translate to the selected language. [1.1]
Admin can also translate the form layout records from the edit form page. At the top, the “Languages” option and enabled languages will be displayed.
Once the form layout record is translated from the listing page or the page layout edit page, it will take a few seconds to translate all the CRM content, such as text labels and messages. [2]
Multiple Form Translation
1. Translating Forms in Bulk:
– Admin can translate multiple form layout records simultaneously by selecting multiple forms. [3]
2. Language Selection:
– If multiple languages are enabled, a dropdown menu will appear, allowing the Admin to select one language for translation. [4]
3. Translation Report:
– After translating the selected forms, a pop-up will appear on the screen, displaying the translation status of the records/forms. [5]
Note: Ensure that all fields are translated in Settings > Portal Settings > Language Settings to guarantee proper translation of the fields.
Preview Forms (View Form Page)
To preview the form, the Admin needs to either save the form as a draft or publish it. In both scenarios, the Admin can preview the form to see how it will appear on the front end. [1]
Note: In preview mode, the Admin cannot click on any fields; the preview only displays the layout of the form.
Edit Form
To edit a form, navigate to the portal forms list and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect the Admin to the edit form page.
The Admin can update all the details and configurations. After updating the details, click the Update button. [2]
Delete Form
To delete a portal form, navigate to the portal form list and click the three dots (…). Clicking on the dots will reveal the Delete icon. Clicking on this will display a warning (pop-up) message.
Click the “Ok” button, and the form will be permanently deleted from the portal. [1]
Bulk Delete Forms
1. Form Selection:
To delete multiple forms, the Admin needs to select multiple forms using the checkboxes beside each form. [2]
2. Choosing Bulk Action:
After selecting the desired forms, click the bulk action checkbox, then choose the “Delete” option from the available actions. [3]
3. Confirm Deletion:
A confirmation pop-up will appear. To finalize and permanently delete the selected forms, click OK. To cancel the deletion, click Cancel. [3]
Draft Forms
1. Drafting a Form:
– To draft a portal form, navigate to the form list and click the three dots (…). Clicking on the dots will reveal the “Draft” icon. By clicking on this icon, the form will be saved as a draft, and the Admin can view the success message on the right side of the page. [1]
Note: Draft forms are disabled for the customer portal. To use these forms, the Admin must publish them.
2. Bulk Draft Forms:
– The Admin should start by selecting the forms to be drafted. This can be done by clicking on the checkboxes beside each form entity.
– After selecting the forms, the Admin needs to click on the bulk action checkbox. From the available options, select the “Draft” option. [2]
– By clicking on the draft option, the selected forms will be saved as drafts, and the Admin can view the success message on the right side of the page.
Publish Forms
1. Publishing a Form:
– To publish a portal form, navigate to the form list and click the three dots (…). Clicking on the dots will reveal the “Publish” icon. By clicking on this icon, the form will be published, and the Admin can view the success message on the right side of the page. [1]
2. Bulk Publish Forms:
– The Admin should start by selecting the forms to be published. This can be done by clicking on the checkboxes beside each form entity.
– After selecting the forms, the Admin needs to click on the bulk action checkbox. From the available options, select the “Publish” option.
– By clicking on the publish option, the selected forms will be published, and the Admin can view the success message on the right side of the page.
Duplicate Forms
1. Duplicating a Form:
– To duplicate a portal form, navigate to the form list and click the three dots (…). Clicking on the dots will reveal the “Duplicate” icon. Selecting this button will initiate the duplication process. [1]
– Once the “Duplicate” button is clicked, the form will be copied, and a new duplicate form will appear in the portal. The duplicated form will be named “Form Name – Copy” (e.g., Add Orders-Copy). [2]
– After duplication, the Admin can view a success message on the right side of the page.
2. Bulk Duplicate Forms
– The Admin should start by selecting the forms to be duplicated. This can be done by clicking on the checkboxes beside each form entity.
– After selecting the forms, the Admin needs to click on the bulk action checkbox. From the available options, select the “Duplicate” option. [3]
– The selected forms will be duplicated and added as “Form Name – Copy” (e.g., Add Orders-Copy). After duplication, the Admin can view a success message on the right side of the page. [4]
Preview Forms
To preview a portal form, navigate to the formlist and click the three dots (…). Clicking on the dots will reveal the “Preview” icon. Selecting this button will open a preview window displaying the layout of the form.
Note: The Admin cannot add or modify any content within the form during this preview; it is just a form layout.
Subgrid
The admin can use the Sub-Grid widget to display forms in a sub-grid view by simply dragging and dropping the Sub-Grid widget onto the designated grid area. [1]
Sub-Grid Configuration
By clicking on the field Settings icon, the Sub-Grid Configuration panel will open up.
– Label: Enter the label for the sub-grid section.
– Select Entity: Choose the entity for which the sub-grid section will be created.
– Select Relationship: Select the relationship (entity) to associate with the chosen entity form.
– Select List View: Pick the list view to display for the selected relationship type in the sub-grid. [2]
Managing Sub-Grid Access
Admin can manage sub-grid access through Access Settings by enabling or disabling the options for creating, editing, and deleting records.
Allow Creating Records:
– Button Label: Insert the label to display for creating records on the portal.
– Select Form: Choose the form that will appear on the portal when creating records.
– Select Record Type: All active record types related to the selected entity will be available here. [3]
Note: If there are no record types in CRM, the Select Record Type field will not be visible.
Allow Editing Records:
– Button Label: Insert the label to display for editing records on the portal.
– Select Form: Choose the form that will appear on the portal when editing a record. [4]
Allow Detail Redirection:
– Button Label: Insert the label to display for viewing record details on the portal.
– Select Page: Choose the page to which users will be redirected when they click the “Detail” button. [5]
Allow Deleting Records:
– Button Label: Insert the label to display for deleting records on the portal.
– Submit Button Label: Insert the label for the submit button. [6]
Workflow and Access Configuration
– Enable Workflow: This option activates workflows for the sub-grid section.
– Data Loading Workflow: Includes workflows with data load actions and the selected entity for the sub-grid.
– Update Assign Rights Workflow: Contains workflows with Update Assigned Rights actions and the selected entity for the sub-grid. [7]
– Enable Global Access: Enable this feature to allow portal users to access global data. If unchecked, portal users will only access their records within the sub-grid. [8]
Note: If global access is enabled, users will have a filter option to show either “My Records” or “All Records.”
– Enable reCAPTCHA: Activate reCAPTCHA for the sub-grid in the portal. [8]
Note: The sub-grid option is only available for edit and detail form types.
Example: In the Project form, users will see a “Project Tasks” section where they can view, add, edit, or delete tasks associated with the project. If Global Access is enabled, a filter option appears, allowing users to toggle between “My Tasks” and “All Tasks”. This configuration ensures that users can manage related tasks directly within the context of the project they’re working on, making it easier to keep track of project progress.
Front-side view subgrid:
The Subgrid Form View provides a streamlined, interactive interface, displaying associated records or related entities in a table format within the main entity form. This subgrid view enables users to quickly access, review, and manage linked data without navigating away from the main form.
Notes & Attachment Configuration
Admin can use the Notes & Attachment Widget to display notes and attachments in a form view. Simply drag and drop the Notes & Attachment widget onto the designated grid area.
Configuration Settings:
– Label: Admin insert the label for the section (e.g., “Notes”).
– Allow Creating Records: Admin enable this option to allow portal users to create records.
– Button Label: Admin insert the label for the create button (e.g., “Create”).
– Allow Deleting Records: Admin enable this option to allow portal users to delete records.
– Default Accordion Behavior: Admin select between Expanded or Collapsed view.
– Enable Global Access: Admin allows portal users to access global data or restrict them to their records.
– Select Design Layout: Admin select the layout between “Chat Style” or “Grid Style”.
The Design Layout option determines how notes and attachments are shown on the portal:
1. Chat Style:
Look: Notes and attachments appear like chat messages.
Example: Imagine a support portal where users can leave comments or notes about an issue. Using the Chat Style, each note would appear as a message, making it easy to follow the discussion. [3]
2. Grid Style:
Look: This layout organizes notes and attachments in a grid or table format, with rows and columns.
Example: In a management portal, where users upload documents and notes related to tasks, the Grid Style allows users to see all files and notes in a structured, side-by-side view. [4]
Product
If Admin is designing a form for an entity that includes products, Admin can enable the Product widget for any form type in the customer portal. Simply drag and drop the Product widget onto the designated grid area. [1]
Steps to Configure the Product Widget:
1. Accessing the Product Widget:
– When designing a form for an entity with associated products, the Product widget will be available.
– Click on the field’s Settings icon to open the Product Configuration panel.
2. Configuration Options:
– Label: Enter the label that will be displayed for the product section on the portal. [2]
– Allow Creating Records: Enable this option to allow portal users to create new product records.
– Button Label: Enter the label for the create button (e.g., “Add Product”).
– Allow Deleting Records: Enable this option to allow portal users to delete existing product records.
– Quantity Update: Allow users to update product quantities directly from the portal.
– Default Accordion Behavior: Choose how the list view data appears to portal users:
– Expanded: The section will be open by default.
– Collapsed: The section will be closed by default.
Example: If Admin are creating an order form where users can add products, Admin would enable the Product widget, label it as “Order Items,” and configure it so users can add or delete items and adjust quantities directly from the portal. The product section might be set to Expanded so that users see their order items as soon as they open the form.
Front-view Product widget:
The Product Widget front-side view provides a compact yet comprehensive display for showcasing product details, designed for easy browsing and quick actions by users. This widget is ideal for displaying products in a grid or list format within a larger page, such as a product catalog or dashboard. [3]
Text
Admin can use the Text widget to add and customize text content within any form layout. This widget allows Admin to insert and design text with various settings to enhance the appearance and functionality of the portal pages.
Steps to Configure the Text Widget:
1. Adding the Text Widget:
– Simply drag and drop the Text widget onto the designated grid area.
2. Configuring the Text:
– After placing the widget, click on the Settings icon to open the Text Configuration panel.
– Text Content:Insert the desired text that should appear in this section.
– Styling Options: Admin can apply various styling options to the text, such as font size, color, alignment, and formatting (bold, italic, underline).
– Advanced Options: Admin may also have options to add hyperlinks, bullet points, or numbered lists to structure the content effectively. [2]
Example: If Admin creates an “About Us” page, Admin can use the Text widget to add a detailed company description. By using the settings, Admin can make certain parts of the text bold to highlight key points, adjust the font size for readability, and align the text to center it on the page.
Front view text widget
The Text Widget front-side view is a flexible, content-rich widget designed to present text-based information attractively and accessibly. This widget can be used for announcements, descriptions, updates, or any textual content within a webpage or portal. [3]
Sharepoint
The SharePoint widget integrates document management into the portal, allowing users to upload files, create new folders, and organize documents directly. Admin can configure titles, labels for upload and folder creation buttons, and set the default display behavior for ease of use. [1]
Steps to Configure the Sharepoint Widget:
– Title: Set to “Documents” to display a label for document management.
– Upload Button Label: Label as “Upload File” for user-uploaded documents.
– New Folder Button Label: Label as “New Folder” to allow folder creation in SharePoint.
– Default Accordion Behavior:
– Expanded: Accordion is open by default.
– Collapsed: Accordion is closed by default.
Front-view sharepoint widget:
The “Documents” title is displayed at the top, followed by buttons for uploading files and creating new folders. The accordion section shows folders and documents, allowing users to navigate and manage their SharePoint files easily. The accordion is expanded by default, so users can immediately see the contents. [3]
Pages Builder
CRMJetty allows Admin to design and configure pages for various purposes. Admin can create, edit, preview, and publish pages that will be used within the customer portal. The layout of each page can be customized using a variety of widgets and design elements.
The Page Builder enables Admin to manage pages by creating, duplicating, deleting, filtering, previewing, and translating them. To access these features, navigate to Design > Page Builder. [1]
On the Page Builder interface, Admin can view the following columns:
– Title: The name of the page.
– Status: Indicates whether the page is active or inactive.
– Language: The language in which the page is created.
– Owner: The Admin responsible for the page.
– Entity: The associated entity or entity within the CRM.
– Created On: The date the page was created.
Create New Page
To initiate the creation of a new page, follow these steps:
– Page Title: Enter a descriptive and relevant title for the page. [1]
– Page URL Slug: Enter the URL slug determines the page’s address and should be unique and descriptive. Example: portal-dashboard [1]
– Page Access: Admin can create a page in two ways:
1. Authenticate: Select this option if the page should be accessible only to users who have logged in. [1]
2. Public: Choose this option if the page should be visible to everyone without requiring a login. [1]
– Page Layout: Admin can choose from different layouts which is mentioned below:
– Default Layout: Select this to use the standard layout configuration.
– 1 Column, Header, Footer: This layout includes a single column, with a header and footer. Ideal for simple page designs. [1]
– Left Sidebar, Header, Footer: This layout features a left sidebar along with a header and footer, useful for pages that require additional navigation or content sections. [1]
– Right Sidebar, Header, Footer: Similar to the left sidebar layout, but with the sidebar positioned on the right side. [1]
– Select Template: Alternatively, the Admin can choose from pre-designed templates that offer predefined layouts and styling options. [1]
Create Page Using Template
Admin can quickly create a page by utilizing pre-designed templates. This method ensures consistency and saves time. To create a page using template Admin needs to follow the below steps:
Step 1: Select a Template
The First Admin needs to select the template from the drop-down. After choosing a template, click the “Next” button to proceed to the pre-designed page layout. [1]
Step 2: Customize the Page Layout
If modifications are needed, the Admin can edit the page layout, adjusting sections, widgets, and other elements to meet specific requirements.
Once finalized, the page Admin either “save as template” or directly publish the page by clicking on the “publish” button. [1]
Step 3: Save and Manage Templates
If the Admin saves the page as template then Admin can view the new template in the ‘Templates’ section, where it will be listed as a new record. [1]
Note: If Admin saves a designed page as a template with a name that already exists, the new template will be saved with the same name followed by a ‘copy’ suffix. (eg: page – copy)
Create a New Page Layout
After setting up the page, Admin can create a page layout for the customer portal by following these steps:
1. Add Section: On the left side of the page, click the “+” icon to add a new section.
– Edit Panel: Update the “Panel Title” as needed and click the Save button to apply the changes.
2. Add Grid: After adding a section, click the “Add Grid” button.
– Grid Options: A selection of grid options will be displayed. Choose a grid layout to add to the selected section. [2]
3. Add widget: After adding the grid, the Admin can enhance the page by adding widgets. There are two categories of widgets available: [3]
Static Widgets | Dynamic Widgets |
|
|
Using JS Code Editor
Admin can create or update the layout of the Page view using the JavaScript Code Editor for custom JS code.
To access the editor, click on the Code Editor button. This will open a popup where the Admin can edit or paste JavaScript code. After making the desired changes, click the Save button, and then publish the Page. [2]
Additionally, the Admin can edit or paste JavaScript code to modify the UI and appearance to match preferences or align with the portal’s theme.
HTML Class & ID
Admin can further customize page sections and widgets by adding custom HTML IDs and Classes. [1]
To begin customization, locate the ‘Settings’ icon at the top right corner of the section, next to the delete icon. Clicking on this icon opens the “Section Configuration” panel on the right side of the screen. [1]
Within the panel, two controls are available:
– HTML Class: Add multiple classes separated by commas (,). These classes can be applied to multiple elements, allowing for repeated usage on a single page. [1]
– HTML ID: Add a unique ID for the section. The ID will automatically be prefixed with “custom-”. An ID is unique and can only be applied to one element on a page. [1]
– Card View: Enable the “Card View” option if you prefer the banner to be displayed as a card, providing a structured and compact appearance. [1]
Important Notes:
– Ensure that classes and IDs are added without spaces. If special characters are needed, use only hyphens (-) or underscores (_).
– After clicking the Save button, the custom HTML Class and ID will be saved.
– Admin can apply these custom classes and IDs in JavaScript to further customize the page sections.
Translate Page records (Multi-language)
From the listing page of the ‘Page’ builder records, all available languages will appear in the Language column.
Translated languages will be shown in dark-coloured buttons, while untranslated languages will appear in light-coloured buttons.
Admin can translate the Page record by clicking on the light-coloured button. Once clicked, the Page builder record will automatically translate to the selected language. [2]
Admin can also translate the page layout records from the edit page. At the top, the “Languages” option and enabled languages will be displayed. [3]
Once the page layout record is translated from the listing page or the page layout edit page, it will take a few seconds to translate all the CRM content, such as text labels and messages.
Multiple Page Translation
1. Translating Pages in Bulk:
Admin can translate multiple page layout records simultaneously by selecting multiple pages. [4]
2. Language Selection:
If multiple languages are enabled, a dropdown menu will appear, allowing the Admin to select one language for translation. [5]
3. Translation Report:
After translating the selected pages, a pop-up will appear on the screen, displaying the translation status of the records/pages.
Note: Ensure that all fields are translated in Settings > Portal Settings > Language Settings to guarantee proper translation of the fields.
Edit Page
To edit a page, navigate to the portal pages list and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect the Admin to the edit page. [1]
The Admin can update all the details and configurations. After updating, click the “Update” button. [2]
Delete Page
To delete a portal page, navigate to the page list and click the three dots (…). Clicking on the dots will reveal the Delete icon. Clicking this will display a warning pop-up message.
Click the OK button to permanently delete the page from the portal. [1]
Bulk Delete Pages
The Admin should start by selecting the pages for deletion. This can be done by clicking the checkboxes beside each page.
After selecting the pages, the Admin needs to click on the bulk action checkbox. From the available options, select the “Delete” option. [2]
A confirmation pop-up will appear after selecting the “Delete” option. To finalize and permanently remove the selected pages, click the “OK” button. If deletion is not required, click the Cancel button to exit the process. [3]
Draft Page
To draft a portal page, navigate to the page list and click the three dots (…). Clicking on the dots will reveal the “Draft” icon. By clicking this icon, the page will be saved as a draft, and the Admin will see a success message on the right side of the page. [1]
Note: Draft pages are disabled for the customer portal. To use these pages, the Admin must publish them.
Bulk Draft Pages:
The Admin should start by selecting the pages to be drafted. This can be done by clicking the checkboxes beside each page entity.
After selecting the pages, click on the bulk action checkbox. From the available options, select the “Draft” option. [2]
By clicking on the draft option, the selected pages will be saved as drafts, and the Admin will see a success message on the right side of the page. [3]
Note: When drafting pages in bulk, Admin ensures that only the published pages are selected.
Publish Page
To publish a portal page, navigate to the page list and click the three dots (…). Clicking on the dots will reveal the “Publish” icon. By clicking this icon, the page will be published, and the Admin will see a success message on the right side of the page. [1]
Bulk Publish Pages:
The Admin should start by selecting the pages to be published. This can be done by clicking the checkboxes beside each page entity.
After selecting the pages, click on the bulk action checkbox. From the available options, select the “Publish” option. [2]
By clicking on the publish option, the selected pages will be published, and the Admin will see a success message on the right side of the page. [3]
Duplicate Page
To duplicate a portal page, navigate to the page list and click the three dots (…). Clicking on the dots will reveal the “Duplicate” icon. Selecting this button will initiate the duplication process. [1]
Once the “Duplicate” button is clicked, the page will be copied, and a new duplicate page will appear in the portal. The duplicated page will be named “Page Name – Copy” (e.g.,Orders-Copy). [2]
After duplication, the Admin will see a success message on the right side of the page.
Bulk Duplicate Pages:
The Admin should start by selecting the pages to be duplicated. This can be done by clicking the checkboxes beside each page entity.
After selecting the pages, click on the bulk action checkbox. From the available options, select the “Duplicate” option. [3]
The selected pages will be duplicated and added as “Page Name – Copy” (e.g., Orders-Copy). After duplication, the Admin will see a success message on the right side of the page. [4]
Preview Page
To preview a portal page, navigate to the page list and click the three dots (…). Clicking on the dots will reveal the “Preview” icon. Selecting this button will open a preview window displaying the layout of the page.
Note: The Admin cannot add or modify any content within the page during this preview; it is just a view of the page layout.
Static Widgets
CRMJetty static widgets are predefined elements that Admin can use to build and customize pages within a CRMJetty-powered portal. These widgets allow Admin to add specific functionalities or content to a page without needing to code from scratch. Some of the static widgets include: [1]
– Banner: Add visual banners to the page for highlighting key information or promotions.
– BreadCrumb: Display navigation breadcrumbs to help users keep track of their location within the portal.
– Button: Insert clickable buttons that can trigger various actions or navigate users to different parts of the portal.
– Content Slider: Showcase rotating content or images in a slider format, ideal for featured content or announcements.
– Forgot Password: Provide a widget for users to reset their password if forgotten.
– Forgot Username: Allow users to retrieve their username through this widget.
– IFrame: Embed external web content within a portal page using an iframe.
– Image: Insert images to visually enhance the page content.
– Menu: Add a navigation menu to help users access different sections of the portal.
– Slider: Similar to the content slider, this widget focuses on showcasing images in a rotating format.
– Testimonial: Display customer testimonials in a dedicated section to build trust and credibility.
– Text: Add simple text blocks to the page for conveying information.
– Video: Embed videos to provide multimedia content to portal users.
To add a widget to your page layout, click on the widget you want to use. Then, drag and drop it onto the page layout grid. You can customize it by adding HTML IDs and classes, ensuring a consistent design across different pages. This approach improves user experience by allowing you to reuse commonly needed functionalities.
Banner
Admin can create a page banner aligned with the organization’s theme by using the Banner widget within CRMJetty.
Add Banner Widget:
To add a Banner, click on the ‘Banner’ widget, then select the desired “Add Widgets” section in the page layout where you want to place it. This action will insert the widget into the layout. [1]
Configure the Banner: Click on the ‘Settings’ icon of the Banner widget to open its configuration panel. [2]
Banner Configuration:
General Configuration
– Select Template: Admin Choose from three available templates to determine the layout of banner: [3]
– Only Content
– Content (left) & Image (right)
– Image (left) & Content (right)
Header
Banner’s Header:
– Text: Input the text to be displayed as the header.
– Color: Use the custom color picker to choose the desired color for the header text.
Banner’s Subheader:
– Text: Input the text to be displayed as a subheader.
– Color: Choose the color for the subheader text using the custom color picker.
Enable Button: [4]
– Label: Set the text label that will appear on the button.
– Label Color: Choose the color for the button label using the custom color picker.
– Background Color: Set the background color for the button.
– Border Color: Choose a color for the button’s border.
– Border Radius: Specify the border radius in pixels to create rounded corners for the button.
Redirect to:
– Page: Redirect users to a specific portal page when they click the banner button.
– URL: Input a URL to navigate users to an external site.
Background of Banner: Select the background type for banner: (Color – Image – Video) [5]
– Color: Choose between Solid or Gradient options.
– Solid: Select a single color.
– Gradient: Choose a primary and secondary color, and set the gradient degree (0 to 360).
– Image: Upload an image to serve as the background.
Video:
– Upload: Upload a local video file (max 2MB, formats: MP4, M4V, MPG, WMV, MOV).
– External Link: Input a URL for an external video.
– Banner Height (px): Specify the height of the banner in pixels.
Banner Settings [5]
– HTML Class: Assign a custom HTML class to the banner for additional styling or scripting.
– HTML ID: Set a unique HTML ID for the banner, useful for targeting specific elements with CSS or JavaScript.
– Custom: Use the (custom-) field to add any specific attributes or classes that are unique to an organization’s needs.
– Card View: Enable the “Card View” option if Admin prefers the banner to be displayed as a card, providing a structured and compact appearance.
After configuring the banner, click the “Save” button to apply settings. Publish the page to make banners live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [6]
Front View Banner
The Front View Banner displays a prominent image or message at the top of the page, creating a visually engaging entry point for users. It can include text, buttons, and other elements to highlight key information. [7]
BreadCrumb
Admin can use the Breadcrumb widget to show a clear navigation path for portal users. This widget helps users easily track their location within the portal, enhancing their navigation experience. (eg. Design > Page Builder > Edit) [1]
To provide navigation, click on the ‘Breadcrumb’ widget. “Add widgets” section of page layout, then publish the page to make the breadcrumb live on the customer portal.
Front view Breadcrumb
The Front View Breadcrumb provides a navigational trail at the top of the page, helping users understand their current location within the site hierarchy and easily return to previous pages.
Button
Admin can use the Button Widget to customize actions like redirecting users to other pages or external links, with options to adjust the label, alignment, URL type, and more.
Add the Button Widget:
– Click on the button widget, and it will directly add onto the grid. [1]
-Click on the ‘Settings’ icon of the button widget to open its configuration panel.
Button Configuration:
– Label: Enter the text that will appear on the button.
– Help Tip: Provide a brief description to help portal users understand the button’s action.
– Open in a New Tab: Check this box to have the button open the linked page in a new tab. If left unchecked, the page will open in the same tab.
– Select Alignment: Admin choose the alignment of the button on the page left, center, or right. [2]
– Select URL Type: Choose the URL for the button’s action. There are two types of URLs available: [3]
– Internal: Select a page that is created within the Page Builder of the portal.
– External: Manually enter or Copy/Paste an external URL to direct portal users to a different website.
– Button Settings: [3]
– HTML Class: Add custom CSS classes for styling. Multiple classes can be added, separated by commas.
– HTML ID: Assign a unique ID to the button. This ID will be prefixed with “custom-”.
– Card View: Admin chooses whether to display the button in a card view layout.
After configuring the button, click the “Save” button to apply settings. Publish the page to make buttons live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front-view button Widget
The Front View Button serves as a clickable element on the page, guiding users to take specific actions like submitting a form, navigating to another page, or opening a link. It can be customized for style and purpose to enhance user engagement. [4]
Content Slider
A Content Slider is a widget that allows Admin to display multiple pieces of content, like images or text, in a sliding format on a web page. Admin use it to showcase key information or products in an engaging and interactive way.
Add the Content Slider Widget:
– Admin click on the Content Slider widget and it will be directly added to the grid.
– Click on the ‘Settings’ icon of the Content Slider widget to open its configuration panel. [1]
Content Slider Widget Configuration:
General Configuration
– Slider Title: The title that will appear at the top of the content slider.
– Select Slider Template: Choose a predefined template to determine the layout and design of the slider.
Configure Slides
– Content Slides: Add and manage slides for the content slider. [3]
– [+ Add Slide]: Click to create a new slide. [3]
– Text: Enter the text for the slide.
– Color: Choose the text color (e.g., #000000).
– Background Color: Select the background color for the slide: [3]
– Solid: Choose a single background color (e.g., #ffffff).
– Gradient: Select primary and secondary colors for a gradient background.
– After configuring the slider setting click on the “Save” button.
– Enable Auto Slider: Automatically rotate through the slides without user interaction, based on a set timer. [3]
Navigation
– Arrow: Display navigation arrows on the slider, allowing users to manually move between slides. [4]
– Pagination: Enable pagination indicators, typically dots or numbers, showing the user which slide they are on. [4]
Content Slider Settings
– HTML Class: Apply custom CSS classes to the slider for additional styling. [4]
– HTML ID: Assign a unique ID to the slider for specific targeting in custom code, prefixed with “custom-“. [4]
– Card View: Choose to display the content slider within a card-style layout, affecting its appearance. [4]
Admin should click “Save” to apply the settings, then publish the page to make the content slider live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [5]
Front side view Content slider:
The Front View Content Slider displays rotating content, such as images or text, in a sliding format to highlight featured information. It enhances visual appeal and engagement by allowing users to scroll through various sections without leaving the page.
Forgot Password
The Forgot Password widget allows Admin to provide functionality for resetting passwords for registered users. The widget includes the following configuration options:
Add the Forgot Password Widget:
– Admin click on the Forgot Password widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the forgot password widget to open its configuration panel. [1]
Forgot Password Widget Configurations
General Configurations [2]
– Title: Set the label for the forgot password section (e.g., “Forgot Password”).
– Forgot Password Button Text: Enter the text for the button that sends the password reset link (e.g., “Send Reset Password Link”).
– Enable reCAPTCHA: Toggle to activate reCAPTCHA for spam protection. The type (V2 or V3) is determined by the configuration in Settings > Portal Settings > Site Management > reCAPTCHA.
Forgot Password Settings [2]
– HTML Class: Assign a custom HTML class for additional styling or scripting needs.
– HTML ID: Set a unique HTML ID, typically starting with “custom-,” for specific targeting with CSS or JavaScript.
– Card View: Optionally enable the Card View to display the Forgot Password section as a structured card layout.
Admin should click “Save” to apply the settings, then publish the page to make the forgot password widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front view forgot password:
The Front View Forgot Password feature provides users with an option to reset their password. When clicked, it initiates a secure process to help users regain access to their account by sending a password reset link to their registered email. [4]
Forgot Username
The Forgot Username Widget helps users recover their forgotten usernames by sending it to their registered email. Admin can customize the title, button text, and enable reCAPTCHA for spam protection.
Add the Forgot Username Widget:
– Admin click on the Forgot username widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the forgot username widget to open its configuration panel. [1]
Forgot Username Configuration:
General Configurations
– Title: Set the label for the Forgot Username feature.
– Forgot Username Button Text: Customize the label on the button (e.g., “Send Username”).
– Enable reCAPTCHA: Activate reCAPTCHA to prevent spam, based on the settings configured in “Portal General Settings.”
Forgot Username Settings
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the Forgot Username widget in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the forgot username widget live on the customer portal. [2]
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view Forgot Username:
The Front View Forgot Username feature assists users who have forgotten their username. By clicking this option, users can receive their username via their registered email, ensuring quick and secure access recovery. [4]
IFrame
An IFrame (inline frame) is an HTML element that Admin uses to embed another HTML page within the current page. It allows Admin to display content from an external source, such as another website or web application, directly on the portal. This can include videos, maps, forms, or any other type of content.
Add the IFrame Widget:
– Admin click on the IFrame widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the IFrame widget to open its configuration panel. [1]
IFrame Configuration:
General Configuration [2]
– Embedded Code: Enter or copy-paste the iframe’s embedded code in the configuration settings.
IFrame Settings [2]
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the IFrame widget in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the IFrame widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view Iframe:
The Front View iFrame allows the embedding of external content within a page, such as videos, maps, or web pages. It seamlessly integrates third-party resources, enhancing user experience by displaying additional content without navigating away from the site. [4]
Image
The Image Widget is a feature that allows Admin to add and display images on a webpage. It includes options to set the image’s dimensions, select the image file, and provide alternative text. This widget is used to enhance visual content on the customer portal, such as logos, banners, or other graphical elements.
Add the Image Widget:
– Admin click on the Image widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Image widget to open its configuration panel. [1]
Image Configurations:
General Configurations [2]
– Height: Set the height of the image (e.g., 86 pixels).
– Width: Set the width of the image (e.g., 890 pixels).
– Choose File: Select an image from local drive.
– Alt Text: Enter alternative text for the image.
Image Settings [2]
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the Image widget in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the Image widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view image widget:
The Front View Image Widget displays images on the page, allowing Admin to add visuals to enhance engagement and convey information. It can be customized for size, alignment, and style to fit seamlessly within the page layout.
Menu
The Menu Widget allows Admin to add and configure navigation menus on a webpage. It supports options for including a logo, profile navigation, language switcher, and selecting the menu layout (vertical or horizontal).
Add the menu Widget:
– Admin click on the Menu widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Menu widget to open its configuration panel. [1]
Menu Configuration:
General Configuration
– Select Menu: Admin select which menu to display from available options.
– Select Menu Location: Admin decide the layout for the menu:
– Vertical: Display the menu vertically on the page.
– Horizontal: Display the menu horizontally on the page.
– Note: Logo, Profile and Language selection can only be added to one menu defined per page.
– Enable Logo: Admin can display a portal logo in the menu.
– Enable Language: Admin can include a language switcher in the menu.
– Profile Navigation: Admin can add profile navigation, with a selection required for the redirect page.
– Redirect To: Admin choose the page where users will be redirected when they click on the profile menu.
Menu Settings
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the menu widget in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the menu widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front view menu widget:
The Front View Menu Widget creates a customizable navigation menu, allowing users to move between various site sections effortlessly. It enhances site organization and user experience by providing clear and accessible links to key pages.
PowerBI
The PowerBI Widget allows Admin to embed Power BI reports or dashboards into a webpage.
Add the PowerBI Widget:
– Admin click on the PowerBI widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the PowerBI widget to open its configuration panel. [1]
PowerBIConfiguration:
General Configuration
– Embedded Code: Enter the code provided by Power BI to display the report or dashboard. [2]
PowerBI Settings
– HTML Class: Add custom CSS classes to style the widget. [2]
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.” [2]
– Card View: Display the PowerBI widget in a card-style layout. [2]
Admin should click “Save” to apply the settings, then publish the page to make the PowerBI widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Font view power BI widget
The Front View Power BI Widget integrates interactive Power BI dashboards or reports directly into the page. It enables users to view and analyze data insights seamlessly without leaving the portal, enhancing data-driven decision-making. [4]
Slider
The Slider widget allows Admin to create and display a series of content slides with configurable settings for visual effects and navigation.
Add the Slider Widget:
– Admin click on the Slider widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Slider widget to open its configuration panel. [1]
Slider Configuration
– Slides: Click on + ADD SLIDER to create and configure individual slides. [2]
General Configuration
– Select Template: Choose a template for the slider layout.
Header:
– Text: Enter the header text.
– Color: Choose the header text color (e.g., #ffffff).
Sub Header:
– Text: Enter the sub-header text.
– Color: Choose the sub-header text color (e.g., #ffffff).
– Enable Button: Option to include a button on the slider.
– Select Background: Choose between Solid or Gradient.
– Solid: Choose a single color (e.g., #0360e2).
– Gradient: Select primary and secondary colors for a gradient effect.
– After configuring the slide click on the “Save” button.
– Auto Slide: Enable automatic sliding with a specified timer.
Transition:
– Select Transition Effect: Choose the effect for transitioning between slides.
Navigation:
– Arrow: Option to display navigation arrows.
– Pagination: Option to display pagination indicators.
Slider Settings
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the Slider in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the slider widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [5]
Front view slider widget
The Front View Slider Widget displays a rotating carousel of images, text, or content blocks on the page. It’s ideal for highlighting multiple features, announcements, or promotions in a compact space, enhancing user engagement through visually dynamic content. [6]
Testimonial
The Testimonial Widget is used to display customer testimonials in a slider format on a webpage.
Add the Testimonial Widget:
– Admin click on the Testimonial widget it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Testimonial widget to open its configuration panel. [1]
Testimonial Configuration
General Configuration
– Slider Title: Enter the title for the testimonial slider.
– Select Slider Template: Choose a template for the testimonial slider layout.
– Rating Color: Set the color for rating stars (e.g., #fde16d).
Configure Slides:
– Slides: Click on [+ Add Slide] to add individual testimonials. [3]
– Author Name: Enter the name of the person giving the testimonial (e.g., customer name).
– Text: Add the main testimonial text.
– Color: Choose the text color for the testimonial (e.g., #000000).
– Designation: Enter the designation or position of the author.
– Color: Choose the text color for the designation (e.g., #000000).
– Description: Add additional description or details.
– Color: Choose the text color for the description (e.g., #000000).
– Photo: Upload a photo of the author or a relevant image.
– Alt Text: Add alternative text for the image if it fails to load.
– Rating: Specify the rating given by the author, if applicable.
– After entering the Author details click on the “Save” button. [4]
– Enable Auto Slider: Allow testimonials to automatically slide with a set timer. [5]
Navigation: [5]
– Arrow: Display navigation arrows.
– Pagination: Display pagination indicators.
Testimonial Settings [5]
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the testimonial in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the testimonial widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [5]
Front view testimonial widget
The Front View Testimonial Widget showcases customer feedback or reviews on the page. It helps build trust and credibility by displaying positive experiences, enhancing user confidence in your product or service.
Text
The Text Widget allows Admin to add and display textual content on a webpage.
Add the Text Widget:
– Admin click on the Text widget onto directly add on the grid. [1]
– Click on the ‘Settings’ icon of the Text widget to open its configuration panel. [1]
Text Configuration
General Configuration [2]
– Text Configuration: Use the rich text editor to enter and format text. Admin can add various types of content, including text, links, images, and other rich media.
Text Settings [2]
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the text in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the text widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view text widget:
The Front View Text Widget allows you to add and display custom text on the page. It can be styled and formatted to convey messages, headings, or descriptions, enhancing content presentation and communication. [4]
Video
The Video Widget enables Admin to embed and display videos on a webpage.
Add the Video Widget:
– Admin click on the video widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the video widget to open its configuration panel. [1]
Video Configuration
General Configuration
– Video Title: Enter a title for the video.
– Autoplay: Option to automatically start the video when the page loads.
Video Type
– YouTube URL: Enter the URL of the YouTube video.
– Embedded Code: Paste the embed code for videos from other sources.
Video Settings
– HTML Class: Add custom CSS classes to style the widget.
– HTML ID: Assign a unique ID to the widget, prefixed with “custom-.”
– Card View: Display the Video in a card-style layout.
Admin should click “Save” to apply the settings, then publish the page to make the video widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front view video widget
The Front View Video Widget enables embedding and displaying videos directly on the page. It supports various formats and platforms, providing an engaging way to share information, tutorials, or promotional content with users. [4]
Dynamic Widgets
Dynamic widgets in CRMJetty are easy-to-use tools that allow Admin to add interactive features and live data to a portal. These widgets help create a more customized and responsive experience for portal users, all without needing to code. [1]
– Case Deflection: Guides portal users to self-help resources to minimize support requests.
– Chart: Displays CRM data through customizable graphs and charts.
– Counter: Shows real-time metrics, like the number of completed tasks or cases.
– Data Card: Provides CRM data in a compact, card-style format for easy viewing.
– Form: Captures and submits portal user information directly to the CRM.
– Knowledge Base: Offers access to a searchable collection of articles and FAQs.
– List: Organizes data in a structured, filterable list format.
– Login: Manages secure access to the portal with authentication features.
– Payment: Facilitates secure payment processing within the portal.
– Profile: Allows portal users to view and update their personal and account details.
– Recent Activity: Displays a log of the most recent interactions or updates.
– Registration: Handles new user sign-ups and account creation.
– SharePoint Document: Integrates with SharePoint for seamless document
Case Deflection
Case Deflection is a feature that helps users find solutions on their own, reducing the need for direct support by guiding them to relevant self-help resources.
Add the Case Deflection Widget:
– Admin click on the Case Deflection and it will directly add to the grid.
– Click on the ‘Settings’ icon of the Case Deflection widget to open its configuration panel.
General Configuration [2]
This section includes the basic settings for configuring the Case Deflection widget.
– Select Page: Choose the specific page where users will be redirected.(e.g. “Create Case” page).
– Records Per Page: Set the number of records that will be shown on each page of the widget.
– Enable Workflow: Enable the toggle button to apply a workflow to the Case Deflection widget.
– Select Workflow: Assign a workflow to the case deflection to determine how data should be loaded and processed. Select the appropriate workflow from the available options.
Case Deflection Setting [2]
– Additional settings for fine-tuning how the Case Deflection feature works.
– HTML Class: Assign a CSS class to customize the styling of the widget.
– HTML ID: Provide a unique identifier for the widget to facilitate specific customizations or interactions.
– Custom- Any custom settings or options specific to implementation that need to be configured.
– Card View: Choose to display the records in a card-style format for a more compact and visually appealing layout.
Admin should click “Save” to apply the settings, then publish the page to make the Case Deflection widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front view Case Deflection widget
The Front View Case Deflection Widget assists users by suggesting relevant articles or solutions based on their queries, helping them resolve issues independently before submitting a case. This enhances self-service efficiency and reduces support requests.
Chart
Chart widget visualizes CRM data through customizable graphs and charts, helping users to analyze and understand data more easily. [1]
Add the Chart Widget:
– Admin click on the Chart widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the Chart widget to open its configuration panel.
General Configuration [2]
This section includes the basic settings for setting up the Chart widget.
– Title: Enter a title for the chart to describe its purpose or content.
– Select Entity: Choose the CRM entity (e.g., cases, opportunities) that the chart will display data from.
– Select Field: Select the specific field within the chosen entity that will be used to generate the chart.
– Select Field Value: Define the values to be displayed on the chart, such as different categories or metrics (e.g., DHL, FedEx, Full Load).
Workflow Setting [2]
Configuration options for applying workflows to the chart.
– Data Loading Workflow: Assign a workflow to the chart to determine how data should be loaded and processed. Select the appropriate workflow from the available options.
Chart Setting [2]
Additional settings for customizing the appearance and functionality of the chart.
– HTML Class: Assign a CSS class to style the chart according to preferences.
– HTML ID: Provide a unique identifier for the chart to facilitate specific customizations or interactions.
– Custom-: Any additional custom settings or options specific to the implementation.
– Card View: Choose to display the chart in a card-style layout for a more organized and visually appealing presentation.
Admin should click “Save” to apply the settings, then publish the page to make the chart widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view chart widget
The Front View Chart Widget displays interactive charts or graphs to visualize data effectively. It supports various chart types, helping users interpret information quickly and enhancing data-driven insights. [4]
Counter
The Counter widget displays real-time metrics or counts, such as the number of completed tasks or cases, providing users with instant numerical insights.
Add the Counter Widget:
– Admin click on the Counter widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the Counter widget to open its configuration panel. [1]
General Configuration [2]
This section covers the basic settings for setting up the Counter widget.
– Title: Enter a title for the counter to describe what it represents.
– Select Entity: Choose the CRM entity (e.g., cases, opportunities) that the counter will monitor.
– Select Field: Select the specific field within the chosen entity that will be used to generate the count.
– Select Field Value: Specify the values or criteria that the counter will use to display data (e.g., completed, pending).
Workflow Setting [2]
Configuration options for applying workflows to the counter.
– Data Loading Workflow:
Assign a workflow to the counter to determine how data is loaded and processed. Select the appropriate workflow from the available options.
Counter Setting [2]
– HTML Class: Assign a CSS class to style the counter according to your design preferences.
– HTML ID: Provide a unique identifier for the counter to facilitate specific customizations or interactions.
– Custom-: Any additional custom settings or options specific to your implementation.
– Card View: Choose to display the counter in a card-style layout for a more organized and visually appealing presentation.
Admin should click “Save” to apply the settings, then publish the page to make the counter widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view counter widget
The Front View Counter Widget displays animated counters to showcase key metrics, such as statistics, achievements, or milestones. It adds a dynamic element to the page, engaging users with real-time numerical updates. [4]
Data Card
A Data Card widget presents CRM data in a compact, card-style format, making it easy to view and interact with individual records.
Add the Data Card Widget:
– Admin click on the Data Card widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the Data Card widget to open its configuration panel.
General Configuration [2]
Basic settings for setting up the Data Card widget.
– Data Card Title: Enter a title for the data card to describe its purpose.
– Select Card View: Select the Lists, to show data for datacard.
Image Configurations [2]
Settings for displaying images on the data card.
– Image: Select the image to be shown on the data card.
Rating Field Configurations[2]
Settings for configuring rating fields on the data card.
– Rating Field: Select the field used for displaying ratings.
Header Configurations [3]
Settings for the header section of the data card.
– Enable Field Label: Check this option to show labels for fields in the header.
– Text: Enter the text for the header section.
Sub Header Configurations [3]
Settings for the sub-header section of the data card.
– Enable Field Label: Check this option to show labels for fields in the sub-header.
– Text: Enter the text for the sub-header section.
Supporting Configurations [3]
Settings for additional information on the data card.
– Enable Field Label: Check this option to show labels for supporting fields.
– Text: Enter the text for the supporting information section.
Tags Configurations [4]
Settings for displaying tags on the data card.
– Tags: Specify tags to be shown on the data card.
– Select: Choose tag options or categories.
Tabs Configurations [4]
Settings for displaying tabs on the data card.
– Enable Field Label: Check this option to show labels for fields in the tabs section.
Select Tab Fields: Check this option which fields will be included in the tabs.
Create Action Settings [4]
Settings for actions related to creating new records.
– Create Button Text: Enter the text for the button that allows users to create new records (e.g., “Create”).
– Redirect To Page: Choose the page users will be redirected to after creating a record.
Edit Action Settings [5]
Settings for actions related to editing records.
– Redirect To Page: Choose the page users will be redirected to after editing a record.
Detail Action Settings Settings for actions related to viewing record details.
– Redirect To Page: Choose the page users will be redirected to when viewing record details.
– Record Per Page: Specify the number of records to display per page in the data card view.
– Enable CSV Export: Allow users to export data from the data card to a CSV file.
Workflow Setting [6]
Settings for applying workflows to the data card.
– Data Loading Workflow: Assign a workflow for how data is loaded into the data card.
– Update Assign Rights Workflow: Assign a workflow for managing rights or permissions for updates. Choose one workflow from the available options.
Data Card Setting [6]
Additional customization options for the data card.
– HTML Class: Assign a CSS class to style the data card.
– HTML ID: Provide a unique identifier for the data card for specific customizations.
– Custom-: Any additional custom settings specific to your needs.
– Card View: Choose the card-style layout for displaying the data for a more organized and visually appealing presentation.
Admin should click “Save” to apply the settings, then publish the page to make the Data Card widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot.
Front view Data card widget
The Front View Data Card Widget presents concise and visually appealing information cards, highlighting key data points or summaries. It helps users quickly grasp essential details in a compact, organized format. [7]
Form
The ‘Page’ widget allows Admin to choose created pages within the Page Builder to display the add/edit or detail view for specific entities.
Add the Form Widget:
– Admin click on the Form widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Form widget to open its configuration panel. [1]
General Configuration [2]
– Form Title: Provide the title for the form.
– Select Form View: Choose “Add” from the drop-down list to display the form creation page.
Success Settings [2]
– On Success: Select the page where the portal user will be redirected after successfully submitting the form.
– Submit Button Text: Enter the text caption for the Submit button (e.g., “Submit”)
Exit Settings [3]
– Cancel Button Text: Enter the text caption for the Cancel button (e.g., “Cancel”).
– Redirect To: Select the page where portal users will be redirected upon clicking Cancel.
Enable Email Settings [3]
– Select Page: Choose the page to include in the email link sent to the form respondent.
– Select Email Template: Choose the email template to use when sending the form response.
Enable reCAPTCHA [3]
– Option: Enable this to protect the form submission from spam using reCAPTCHA.
Form Setting [3]
– HTML Class: Define the HTML class for the form.
– HTML ID: Define the HTML ID with the prefix “custom-“.
– Card View: Choose the card view layout for the form display.
Additional Notes:
– If the form page is of the “Add” type (for creating a new record), the “Email respondent setting” will appear in the form widget configuration.
– If the page is selected for “Before Login,” the email field must be included in the form details to send the email.
– For “After Login,” portal users will receive the form respondent email containing the form details using the email associated with the logged-in account.
Admin should click “Save” to apply the settings, then publish the page to make the Form widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [4]
Front view form widget
The Front View Form Widget allows users to interact with customizable forms for tasks like data submission, inquiries, or registrations. It enhances user engagement by providing a seamless way to collect and process information directly on the page.
Knowledge Base
The Knowledge Base widget in CRMJetty lets Admin display and manage articles and FAQs within the CRM. It offers configurable settings like title, records per page, role-based access, and workflow integration, along with customization options for styling and layout.
Add the Knowledge based Widget:
– Admin click on the Knowledge based widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the Knowledge based widget to open its configuration panel. [1]
General Configuration [2]
– Knowledge Base Title: Set the title for the Knowledge Base.
– Records Per Page: Define the number of records displayed per page.
– Select Role Type: Choose the appropriate role type for access and permissions.
– Enable Workflow: Toggle to enable or disable workflow settings.
– Select Workflow: Choose a workflow from the available options. Please ensure you select a workflow.
Knowledge Base Settings [2]
– HTML Class: Assign a custom HTML class for styling.
– HTML ID: Assign a unique HTML ID for identification.
– Card View: Check the card view mode for the knowledge based presentation.
Admin should click “Save” to apply the settings, then publish the page to make the Knowledge Base widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view knowledge based widget
The Front View Knowledge Base Widget provides access to helpful articles, FAQs, and guides. It empowers users to find solutions independently, improving self-service support and reducing the need for direct assistance. [4]
List
The List Widget allows Admin to display and manage entity data in a list format. It offers a range of configuration options to customize the list’s appearance and functionality.
Add the List Widget:
– Admin click on the List widget and it will directly add to the grid.
– Click on the ‘Settings’ icon of the List widget to open its configuration panel. [1]
General Configuration: [2]
– List Title: Enter a title for the list.
– Select List View: Choose the entity to be displayed in the list.
Workflow Setting [2]
Settings for applying workflows to the data card.
– Data Loading Workflow: Assign a workflow for how data is loaded into the data card.
– Update Assign Rights Workflow: Assign a workflow for managing rights or permissions for updates. Choose one workflow from the available options.
Create Action Settings: [3]
– Create Button Text: Define the text for the create button.
– Redirect To Page: Select the page URL to redirect to after creating a new record.
Edit Action Settings: [3]
– Redirect To Page: Select the page URL to redirect to after editing a record.
Detail Action Settings: [3]
– Redirect To Page: Select the page URL to redirect to when viewing record details.
– Records per Page: Set the number of records shown on each page.
– Enable CSV Export: Allow portal users to export the list data to a CSV file.
List Settings:[3]
– HTML Class: Assign a custom HTML class for styling.
– HTML ID: Assign a unique HTML ID for identification.
– Card View: Check the card view mode for the list presentation.
Admin should click “Save” to apply the settings, then publish the page to make the List widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [4]
Front view list widget
The Front View List Widget displays dynamic lists of data, such as records, items, or entries, from the system. It offers customization options for filtering, sorting, and formatting, ensuring users can easily view and manage relevant information. [5]
Login
The Login Widget provides Admin with the tools to configure the login interface for portal users. It includes options for customizing the login form and its associated settings.
Add the Login Widget:
– Admin click on the Login widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Login widget to open its configuration panel. [1]
General Configuration: [2]
– Title: Set the title for the login form (e.g., “Login”).
– Email Or Username: Choose between using email or username for login.
– Login Button Label: Specify the label for the login button (e.g., “Submit”).
– Select Login Redirection Page: Choose the page to which users will be redirected after a successful login.
– Remember Me: Enable or disable the “Remember Me” option for user sessions.
– Forgot Password: Include a link for users to recover their password.[3]
– Select Forgot Password Redirection Page: Choose the page to which users will be redirected for password recovery.[3]
– Forgot Username: Include a link for users to recover their username.[3]
– Select Forgot Username Redirection Page: Choose the page to which users will be redirected for username recovery.[3]
– Allow Registration: Enable or disable the option for new user registration.[3]
– Select Registration Redirection Page: Choose the page to which new users will be redirected after registration. [3]
– Enable reCAPTCHA: Enable or disable reCAPTCHA for added security during login. [3]
Login Setting:
– HTML Class: Define custom CSS classes for styling the login form.
– HTML ID: Assign a unique ID for the login form for customization and integration purposes.
– Card View: Check the card view mode for the login form presentation.
Admin should click “Save” to apply the settings, then publish the page to make the Login widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [4]
Front view login widget
The Front View Login Widget enables users to securely access their accounts by entering their credentials. It serves as the primary gateway for authenticated access to the portal’s features and personalized content. [5]
Payment
The Payment Widget enables Admin to set up and customize the payment interface for transactions.
Add the Payment Widget:
– Admin click on the payment widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the payment widget to open its configuration panel. [1]
General Configuration: [2]
– Payment Title: Set the title for the payment section (e.g., “Payment”).
– Select Payment Method: Choose the payment methods available for users (e.g., credit card, PayPal).
– Button Label: Specify the label for the payment button (e.g., “Pay Now”).
Payment Setting: [3]
– HTML Class: Define custom CSS classes for styling the payment interface.
– HTML ID: Assign a unique ID for the payment interface for customization and integration purposes.
– Card View: Check the card view mode for the payment interface presentation.
Admin should click “Save” to apply the settings, then publish the page to make the payment widget live on the customer portal.
Font View Payment widget
The Front View Payment Widget facilitates secure payment processing directly on the page. It allows users to complete transactions easily by selecting payment methods and entering details, ensuring a seamless checkout experience. [3]
Profile
The Profile Widget allows Admin to configure the user profile management interface, including contact forms and password settings.
Add the Profile Widget:
– Admin click on the Profile widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Profile widget to open its configuration panel. [1]
General Configuration: [2]
– Select Contact Form: Choose the contact form to be used within the profile management.
– Title: Set the title for the profile section (e.g., “Profile”).
– Profile Button Text: Specify the text for the button used to update the profile (e.g., “Update Profile”).
– Change Password Label: Set the label for the change password option (e.g., “Change Password”).
– Change Password Button Text: Specify the text for the button used to update the password (e.g., “Update Password”).
– Enable Floating Label Form: Enable or disable floating labels within the form fields.
– Enable reCAPTCHA: Enable or disable reCAPTCHA for additional security in the profile management process.
Profile Setting: [2]
– HTML Class: Define custom CSS classes for styling the profile interface.
– HTML ID: Assign a unique ID for the profile interface for customization and integration purposes.
– Card View: Check the card view mode for the profile interface presentation.
Admin should click “Save” to apply the settings, then publish the page to make the Profile widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’, as highlighted in the screenshot. [3]
Front view profile widget
The Front View Profile Widget displays user-specific information, such as their name, profile picture, and account details. It allows users to view and manage their profile settings directly from the page.
Recent Activity
The Recent Activity Widget allows Admin to display and manage a log of recent user activities or interactions.
Add the Recent Activity Widget:
– Admin click on the Recent Activity widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Recent Activity widget to open its configuration panel. [1]
Recent Activity Configuration:
– Title: Set the title for the recent activity section (e.g., “Recent Activity”). [2]
– Select Entity: Choose the type of entity or activities to display (e.g., user logins, transactions). [2]
– Select Redirection Page: Choose the page to which users will be redirected when interacting with recent activity items. [2]
– Select Detail Page: Choose the page that provides detailed information about a specific activity. [2]
Recent Activity Setting:
– HTML Class: Define custom CSS classes for styling the recent activity interface.
– HTML ID: Assign a unique ID for the recent activity interface for customization and integration purposes.
– Card View: Toggle card view mode to present recent activities in a card-based layout.
Admin should click “Save” to apply the settings, then publish the page to make the Recent Activity widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon.
Front view Recent Activity
The Recent Activity widget on the front view displays a summary of the latest actions or updates, such as form submissions, case updates, or messages. It helps users stay informed about ongoing interactions and keep track of recent portal activities at a glance. [3]
Registration
The Registration Widget enables Admin to configure the user registration interface, including form selection, roles, and layout options.
Add the Registration Widget:
– Admin click on the Registration widget and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the Registration widget to open its configuration panel. [1]
General Configurations: [2]
– Select Registration Form: Choose the registration form to be used for new user sign-ups.
– Select Role: Assign a default role to new users upon registration.
– Title: Set the title for the registration section (e.g., “Register”).
– Register Button Text: Specify the text for the registration button (e.g., “Register”).
– Redirect To: Choose the page to which users will be redirected after successful registration.
– Enable Floating Label: Enable or disable floating labels within the registration form fields.
Registration Setting:
– HTML Class: Define custom CSS classes for styling the registration interface.
– HTML ID: Assign a unique ID for the registration interface for customization and integration purposes.
– Card View: Toggle card view mode to present the registration form in a card-based layout.
Admin should click “Save” to apply the settings, then publish the page to make the Registration widget live on the customer portal.
Admin can also delete a widget by clicking on the ‘Delete Icon’.
Front view registration widget
The Registration widget on the front view allows users to easily sign up for the portal by providing their required details. It simplifies the onboarding process and ensures a seamless user experience for new registrations. [3]
SharePoint Widget
The SharePoint Widget enables the Admin to configure and integrate SharePoint features, including document access, storage, and layout options.
Add the SharePoint Widget:
– The Admin clicks on the SharePoint widget, and it will directly add to the grid. [1]
– Click on the ‘Settings’ icon of the SharePoint widget to open its configuration panel. [1]
General Configurations:
– Title: Set the title for the SharePoint section (e.g., “Document”).
– Upload Button Label: Specify the text for the upload button (e.g., “Upload File”).
– New Folder Button Label: Specify the text for the button to create a new folder (e.g., “New Folder”).
– Default Accordion Behavior: Choose the default behavior for the accordion (e.g., Expanded or Collapsed).
SharePoint Settings:
– HTML Class: Define custom CSS classes for styling the SharePoint interface.
– HTML ID: Assign a unique ID for the SharePoint interface for customization and integration purposes.
– Card View: Toggle card view mode to present SharePoint documents in a card-based layout.
The Admin should click “Save” to apply the settings, then publish the page to make the SharePoint widget live on the customer portal.
The Admin can also delete a widget by clicking on the ‘Delete Icon’ .
Front View Sharepoint Document Widget
The SharePoint Document widget on the front view allows users to seamlessly access, view, and manage documents stored in SharePoint directly from the portal. It enhances collaboration by integrating SharePoint content with the portal’s interface, making document sharing and management more efficient. [3]
HTML Class & ID for widgets
To customize the appearance and functionality of widgets, you can add a custom HTML ID and Class. These attributes are applied to the surrounding <div> element of the widget.
HTML Class: [1]
– Definition: Add one or more CSS classes separated by commas. Multiple classes can be applied to the same element, allowing for flexible styling.
– Format: Use classes without spaces, and include valid special characters like hyphens (-) or underscores (_).
– Example: class1,class2,special-class
HTML ID: [1]
– Definition: Add a unique ID for the widget’s <div> element. This ID should be prefixed with “custom-” to ensure uniqueness across the page.
– Format: Use a single unique ID for each widget, and avoid spaces. Special characters such as hyphens (-) or underscores (_) are allowed.
– Example: custom-widget123
Note:
– The classes and ID are not directly applied to the widget itself but to the <div> that contains the widget.
– Admin users can leverage the custom class and ID within JavaScript code to further tailor the widget’s behavior and styling.
Menus Builder
CRMJetty provides Admin access to the creation of new menus from scratch, selecting specific pages or adding custom links. To create a menu navigate to the Design > Menu Builder.
On the Menu Builder page, the Admin can view and manage existing menus with the following details: [2]
– Title: Displays the name of the menu.
– Owner: Shows who created or owns the menu.
– Date: Indicates when the menu was created or last modified.
Search and Filter Options
– Search by Title: Admin can search for specific menus by entering the title in the search bar.
– Filter: Menus can be filtered by selecting either All Menus (to view all available menus) or My Menu (to view only the menus created by the Admin ).
Create Menu
1. To create a new menu click on the “+Create” button. [1]
2. Enter the desired Title for the menu.
3. Click on the “Save” button.
1. Adding Menu Items
– On the right side of the page Admin can view the pages and custom link.[2]
2. Pages:
– Select the desired pages by clicking the checkbox next to each page.
– Click the Add Menu button to include the selected pages as menu items. [3]
3. Custom Links:
– Admin can directly add custom links to the menu by filling out the following fields:
– Menu Title: Enter the title you want to display for the menu item. [4]
– URL: Enter the destination URL where users will be directed. [4]
Design Menu
– Click-on Functionality: The click-on functionality allows for easy organization of menu items, including the creation of sub-menus under the main menu items.
Note: The Menu Builder allows you to create nested menus with up to three levels.
Level 1 – Main Menu:
– Example: “Login” and “Cases”.
– Description: These are the top-level items visible in the main navigation.
– To add these menus, simply select the pages and click on the “Add to menu” button. [5]
Level 2 – Sub-Menu:
– Example: Under “Cases,” there are options like “Add Case” and “Edit Case”.
– Description: These items are nested under a Level 1 item and provide more specific actions or categories related to the parent menu item.
– To create a Level 2 sub-menu, select the menu item and simply drag and drop it under the Level 1 item. [6]
Level 3 – Sub-Sub-Menu:
– Example: “Case Details” under “Edit Case”.
– Description: This is the most specific level, nested under a Level 2 item. It represents detailed actions or pages that are directly related to the Level 2 category.
– To create a Level 3 sub-menu, select the menu item and drag and drop it under the appropriate Level 2 item. [7]
Example
– Login (Level 1): Could lead directly to a login page.
– Cases (Level 1): Opens a submenu with options to add, edit, or view case details.
– Add Case (Level 2): Leads to a page where a new case can be created.
– Edit Case (Level 2): Leads to a page where existing cases can be modified.
– Case Details (Level 3): Provides further details or specific actions within the “Edit Case” option. [8]
Edit Menu
To edit a menu, navigate to the portal menus list and click the three dots (…). This will show the Edit icon. Clicking the icon will redirect the Admin to the edit menu. [1]
The Admin can update all the details and configurations. After updating, click the “Save” button. [2]
Replace Menu
– To Replace a menu, navigate to the portal menus and click the three dots (…). This will show the replace icon. Clicking the icon will redirect the Admin to the edit menu. [1]
– By clicking the icon, the Admin can view a pop-up. In this pop-up, the Admin needs to select the desired menu from the “Replace With” dropdown. [2]
– After selecting the menu, the Admin can also add additional pages by checking the checkbox next to “Pages.” [3]
Note: The Admin must select at least one page.
– First Replacement: When the Admin replaces a menu for the first time, all pages are visible for selection in the pop-up window.
– Subsequent Replacements: After the initial replacement, only the pages that were recently added to the menu will be visible during future replacements.
– Once the configuration is complete, click the “Replace” icon.
Note: The Admin can only replace the menu linked to the Page Builder.
– After completing the configurations, the Admin can view the updated menu. Only the selected pages will be changed.
Duplicate Menu
To duplicate a portal menu, navigate to the menu list and click the three dots (…). Clicking on the dots will reveal the “Duplicate” icon. Selecting this button will initiate the duplication process. [1]
Once the “Duplicate” button is clicked, the menu will be copied, and a new duplicate menu will appear in the portal. The duplicated menu will be named “Menu Name – Copy” (e.g., Primary Menu – Copy). [2]
After duplication, the Admin will see a success message on the right side of the menu. [2]
Bulk Duplicate Menus
The Admin should start by selecting the menus to be duplicated. This can be done by clicking the checkboxes beside each menu entity. [3]
After selecting the menus, click on the bulk action checkbox. From the available options, select the “Duplicate” option. [3]
The selected menus will be duplicated and added as “Menu Name – Copy” (e.g., Primary Menu – Copy). After duplication, the Admin will see a success message on the right side of the menu. [4]
Delete Menu
To delete a portal menu, navigate to the menu list and click the three dots (…). Clicking on the dots will reveal the Delete icon. Clicking this will display a warning pop-up message. [1]
Click the OK button to permanently delete the menu from the portal. [1]
Bulk Delete Menus
The Admin should start by selecting the menus for deletion. This can be done by clicking the checkboxes beside each menu. [2]
After selecting the menus, the Admin needs to click on the bulk action checkbox. From the available options, select the “Delete” option. [2]
A confirmation pop-up will appear after selecting the “Delete” option. To finalize and permanently remove the selected menus, click the “OK” button. If deletion is not required, click the Cancel button to exit the process. [3]
Templates Builder
CRMJetty allows the Admin to create a fully customized template that can be reused across different pages, ensuring consistency and efficiency in design. To create a new template navigate to the Design > Template Builder. [1]
– On the Template Builder screen, the Admin can view the following details:
– Title: The name of the template.
– Owner: The person who created or owns the template.
– Date: The date when the template was created or last modified.
– Used in Pages: Inform action on which pages the template is used.
Create New Template
Start a New Template:
– Click on the “+ Create” button to begin designing a new template. [1]
– Enter the desired Title for the template. [1]
Design the Template:
– Click on the necessary widgets to design the template layout. [2]
– Note: While configuring the template, the Admin cannot configure the widgets at this stage.
Save the Template:
– Once the design is complete, click the Save button to finalize and save the template. [3]
Directly Save the Page as a Template
The Admin can also create a template directly from the Page Builder. While creating a page, the Admin will see a “Save as Template” option.
By clicking this button, the current page layout will be saved as a template and will immediately appear in the template list. [2]
This functionality allows for flexibility in creating and saving templates, whether starting from scratch or using an existing page design.
Edit Template
To Edit a template, navigate to the template list and click the three dots (…).This will reveal the Edit icon. [1]
Click the Edit icon to be redirected to the template editing interface.
The Admin can update all the details and configurations as needed. After making changes, click the Save button to apply the updates. [2]
Duplicate Template
To Duplicate a template, navigate to the template list and click the three dots (…). This will reveal the Duplicate icon. [1]
Click the Duplicate icon to initiate the duplication process. [2]
Once the Duplicate button is clicked, the template will be copied, and a new duplicate template will appear in the list. [2]
The duplicated template will be named “Template Name – Copy” (e.g., Primary Template – Copy). [2]
After duplication, the Admin will see a success message confirming the action. [2]
Bulk Duplicate Templates:
Start by selecting the templates to be duplicated by clicking the checkboxes beside each template. [3]
After selecting the templates, click on the bulk action checkbox. From the available options, select the Duplicate option. [3]
The selected templates will be duplicated and added as “Template Name – Copy” (e.g., Primary Template – Copy). After duplication, a success message will appear. [4]
Delete Template
To Delete a template, navigate to the template list and click the three dots (…).This will reveal the Delete icon.
Click the Delete icon to display a warning pop-up message.
Click the OK button to permanently delete the template from the platform.
Bulk Delete Templates:
Start by selecting the templates for deletion by clicking the checkboxes beside each template. [2]
After selecting the templates, click on the bulk action checkbox. From the available options, select the Delete option. [2]
A confirmation pop-up will appear after selecting the Delete option. To finalize and permanently remove the selected templates, click the OK button. If deletion is not required, click the Cancel button to exit the process. [3]
Integrations
In CRMJetty, “Integrations” refer to the connection and synchronization of CRMJetty with various third-party platforms and services. These integrations allow the Admin to enhance the functionality of CRMJetty by linking it with tools and services they already use, streamlining processes, and ensuring data consistency across platforms.
Sharepoint
Integrates CRMJetty with Microsoft SharePoint, enabling document management and collaboration directly from within CRMJetty. Admin can manage documents, share files, and collaborate with team members seamlessly.
Note: To use SharePoint in the CRMJetty portal, the Admin first needs to enable SharePoint for the entity from the CRM. For example, if the Admin needs to enable SharePoint for cases and contacts, they must enable SharePoint for these specific entities.
To integrate sharepoint to portal, the Admin should navigate to Settings > Integration > Sharepoint. [1]
OTP Verification: On the Sharepoint page Admin will see an OTP verification screen. The Admin needs to enter the OTP received on the registered email ID.[2]
Note: Only super Admin receives the OTP, on their registered mail Id.
Once the verification process is complete then the Admin needs to configure the sharepoint by entering the following details:
– SharePoint Site: Enter the URL of the SharePoint site that will be connected to CRMJetty. [3]
– Environment: Enter the specific SharePoint environment (e.g., production, development) that CRMJetty will interact with. [3]
– Application (client) ID:Enter the unique identifier for the application in Azure AD that CRMJetty uses to authenticate with SharePoint. [3]
– Client Secret: Enter the secret key generated in Azure AD used in conjunction with the Application ID to authenticate CRMJetty’s access to SharePoint. [3]
These fields are essential for establishing a secure and functional connection between CRMJetty and SharePoint.
Test Sharepoint Connection
Test connection: By clicking on the “Test Connection” button the portal verifies whether the entered credentials are correct or not. [4]
Connection Status:
Connected: If the connection is successful, then the Admin can see the success token message on the right side of the page.
Not connected: If the connection is unsuccessful, the Admin should verify that all details – such as the Environment, App ID and Client Secret – are entered correctly. If the issue persists, the Admin should contact the CRM authorized person for further assistance.
Google Account
This integration allows CRMJetty to connect with Google services such as Gmail, Google Calendar, and Google Drive. Admin can sync contacts, manage schedules, and store files with ease, directly from CRMJetty.
– To integrate a goggle account to a portal, the Admin should navigate to Settings > Integration > Google Account. [1]
– Click the “Create” button to initiate the process of adding a new Google account. [2]
Fill the below details to connect goggle account to portal :
– Account Name: Enter a name to identify the Google account within CRMJetty. [3]
– Google Client ID: Input the unique Client ID associated with your Google API project. [3]
– Google Client Secret: Enter the Client Secret generated in your Google API project, used for secure authentication. [3]
After creating a Google account for SSO integration, the Admin can view it on the SSO Integration Google page. The account name, Google logo, and timestamp are displayed, with an options menu available for further actions like editing or deleting the account.
Editing Account Details:
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the account details as needed. After making the necessary updates, the Admin can save the changes by clicking the “Save” button. [4]
Deleting an Account:
To delete an account, the Admin can click on the delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok,” the account will be permanently removed. If the Admin decides not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [5]
Integrates CRMJetty with Facebook to enhance social media management. Admin can track interactions, manage customer inquiries, and run targeted marketing campaigns through CRMJetty.
– To integrate goggle account to portal, the Admin should navigate to Settings > Integration > Facebook. [1]
– Click the “Create” button to initiate the process of adding a new Facebook account. [2]
Fill the below details to connect goggle account to portal :
– Account Name: Enter the name of the account associated with the Facebook integration. [3]
– Facebook Client Id: Enter the unique identifier provided by Facebook for API access. [3]
– Facebook Client Secret: Enter the secret key provided by Facebook, used in conjunction with the Client Id for secure API communication. [3]
After creating a Facebook account for SSO integration, the Admin can view it on the SSO Integration Facebook page. The account name, Facebook logo, and timestamp are displayed, with an options menu available for further actions like editing or deleting the account.
Editing Account Details:
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the account details as needed. After making the necessary updates, the Admin can save the changes by clicking the “Save” button. [4]
Deleting an Account:
To delete an account, the Admin can click on the delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok,” the account will be permanently removed. If the Admin decides not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [5]
This integration enables CRMJetty to connect with LinkedIn, allowing Admin to manage professional networking activities. Admin can import contacts, manage connections, and engage with leads directly within CRMJetty.
– To integrate a LinkedIn account into the portal, the Admin should navigate to Settings > Integration > LinkedIn. [1]
– Click the “Create” button to initiate the process of adding a new LinkedIn account. [2]
Fill in the following details to connect the LinkedIn account to the portal:
– Account Name: Enter the name of the account associated with the LinkedIn integration. [3]
– LinkedIn Client Id: Enter the unique identifier provided by LinkedIn for API access. [3]
– LinkedIn Client Secret: Enter the secret key provided by LinkedIn, used in conjunction with the Client Id for secure API communication. [3]
After creating a LinkedIn account for SSO integration, the Admin can view it on the SSO Integration LinkedIn page. The account name, LinkedIn logo, and timestamp are displayed, with an options menu available for further actions like editing or deleting the account.
Editing Account Details:
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the account details as needed. After making the necessary updates, the Admin can save the changes by clicking the “Save” button. [4]
Deleting an Account:
To delete an account, the Admin can click on the delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok,” the account will be permanently removed. If the Admin decides not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [5]
Microsoft Identity Provider
Integrates CRMJetty with Microsoft’s identity management services, allowing for secure, single sign-on (SSO) access. Admin can manage user authentication and ensure secure access to CRMJetty.
– To integrate a Microsoft Identity Provider account into the portal, the Admin should navigate to Settings > Integration > Microsoft Identity Provider.[1]
– Click the “Create” button to initiate the process of adding a new Microsoft Identity Provider account. [2]
Fill in the following details to connect the Microsoft Identity Provider account to the portal:
– Account Name: Enter the name of the account associated with the Microsoft Identity Provider integration. [3]
– Microsoft Identity Provider Client Id: Enter the unique identifier provided by Microsoft for API access. [3]
– Microsoft Identity Provider Client Secret: Enter the secret key provided by Microsoft, used in conjunction with the Client Id for secure API communication. [3]
After creating a Microsoft Identity Provider account for SSO integration, the Admin can view it on the SSO Integration Microsoft Identity Provider page. The account name, Microsoft Identity Provider logo, and timestamp are displayed, with an options menu available for further actions like editing or deleting the account.
Editing Account Details:
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the account details as needed. After making the necessary updates, the Admin can save the changes by clicking the “Save” button. [4]
Deleting an Account:
To delete an account, the Admin can click on the delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok,” the account will be permanently removed. If the Admin decides not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [5]
Paypal
This integration allows CRMJetty to process payments through PayPal. Admin can manage transactions, track payment history, and integrate financial data into CRMJetty.
– To integrate paypal to portal, the Admin should navigate to Settings > Integration > Paypal. [1]
– OTP Verification: On the Paypal page Admin will see an OTP verification screen. The Admin needs to enter the OTP received on the registered email ID. [2]
Note: Only super Admin receives the OTP, on their registered mail Id.
Once the verification process is complete then the Admin needs to configure the paypal by entering the following details:
– Exchange Rate API Key: Enter the API key used to access exchange rate data for payment transactions. [3]
– Refresh Rate Timer: Set the interval at which the exchange rate data is refreshed.
For example, a value of “3600” will set the refresh interval to one hour. [3]
Create New Account
By Clicking on the “create” button, the Admin can configure payment integration by providing the following details: [4]
– Account Name: Enter the name of the account to identify the integration.
– Client ID: Provide the client ID for the payment gateway.
– Secret ID: Enter the secret key associated with the client ID.
– Payee Email ID: Add the email address where payments will be directed.
– Select Environment: Choose the environment, such as Sandbox or Live, for the integration.
– Merchant ID: Input the merchant ID provided by the payment gateway.
Editing Account Details
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the account details as required. After making the updates, the Admin can save the changes by clicking the “Save” button. [5]
Deleting an Account
To delete an account, the Admin can click the Delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok”, the account will be permanently removed. If the Admin chooses not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [6]
Stripe
Integrates CRMJetty with Stripe for seamless payment processing. Admin can handle billing, manage subscription services, and integrate payment data with CRMJetty.
– To integrate Stripe into the portal, the Admin should navigate to Settings > Integration > Stripe. [1]
– OTP Verification: On the Stripe page, the Admin will see an OTP verification screen. The Admin needs to enter the OTP received on the registered email ID.[2]
Note: Only the super Admin receives the OTP on their registered email ID.
Once the verification process is complete, the Admin needs to configure Stripe by entering the following details:
– Exchange Rate API Key: Enter the API key used to access exchange rate data for payment transactions. [3]
– Refresh Rate Timer: Set the interval at which the exchange rate data is refreshed. For example, a value of “3600” will set the refresh interval to one hour. [3]
Create New Account
By clicking on “Create” button, the Admin can configure Stripe payment integration by providing the following details:
– Account Name: Enter the name of the account to identify the integration. [4]
– Secret Key: Provide the secret key associated with your Stripe account. [4]
– Publishable Key: Enter the publishable key provided by Stripe. [4]
– Select Environment: Choose the environment, such as Test or Live, for the integration. [4]
Editing Account Details
When the Admin clicks the Edit icon, a side panel will slide open. This panel allows the Admin to modify the Stripe account details as required. After making the updates, the Admin can save the changes by clicking the “Save” button. [5]
Deleting an Account
To delete a Stripe account, the Admin can click the Delete icon. This action will trigger a warning pop-up, prompting the Admin to confirm the deletion. By selecting “Ok”, the account will be permanently removed. If the Admin chooses not to proceed, clicking the “Cancel” button will close the pop-up and retain the account. [6]
Admin Dashboard
The dashboard serves as the central hub for managing portal activities. The dashboard shows the portal’s current status and provides quick access to key functions.
Portal Users:
– The “Portal Users” section displays the number of active users on the platform, along with a visual progress indicator showing the percentage of active users. [1]
Portal Overview:
– This section presents an overview of the CRMJetty Portal, including statistics on the number of Lists, Forms, and Menus available. [1]
Quick Access Panel: [2]
– Located at the bottom of the dashboard, the Quick Access panel provides shortcuts to frequently used actions. These include:
– Create New Portal User: Add a new user to the portal.
– Enable New Entity: Activate a new entity within the portal.
– Create New Role: Set up a new role for portal users.
– Generate Credentials: Create and distribute credentials for portal access.
– Build A Form: Design and create new forms.
– Create New Menu: Add a new menu to the portal.
– Create New Page: Set up a new page within the portal.
– Create New List: Create a new list for organizing data.
Sub Admin :
The “Sub Admin ” section on the right-hand side indicates the presence of sub-Admin . If no sub-Admin is assigned, this section will display “No Records Found.” [3]
Profile
On the right side of the page Admin can view the Profile Icon By clicking on Admin will navigate to the profile page.
In the profile page Admin can view the three options:
– Personal Information: To update Admin profile information, navigate to the personal information section. [1]
– Changed Password: To Update the Admin Password navigate to the changed password section. [1]
– Plan Details: To view the current Admin plan details navigate to the plan details section. [1]
Personal Information
In the personal information section, Admin can update the following details: [1]
– Profile Picture: To change or add a profile image, click on the edit icon and upload a new image from your local device.
– Name: Admin can update their name if necessary.
– Email: Admin cannot change their email address.
– Phone Number: Admin can update their phone number if there are any changes.
After updating the details, click the Save button.
A success message will appear on the right side of the page confirming that your changes have been saved.
Change Password
In the Change Password section, the Admin can view and update the following details: [1]
– Current Password: Enter the current password.
– New Password: Enter the new password.
– Confirm Password: Re-enter the new password to confirm it.
After entering the required information, click the Save button. If the password is successfully changed, the Admin will see a success message on the right side of the page.
Plan Details
On the plan details Admin can view the following details: [1]
– First Name: Admin ’s first name associated with the account.
– Last Name: Admin ’s last name associated with the account.
– Email: Admin ’s email address.
– Domain: The domain associated with the Admin ‘s account.
– License Key: The license key for the Admin ’s subscription.
– Plan Type: The type of plan the Admin is subscribed to.
– Expiry Date: The expiry date of the Admin ’s current plan.
– Status: The current status of the Admin ’s plan (e.g., Active, Expired).
AI Powered Features
AI Powered Forms
With AI-powered form creation features, Admins can effortlessly design customized forms by providing simple prompts. The AI automatically generates layouts, includes specified fields, and ensures a seamless experience, saving time and effort while maintaining flexibility for further customization. Follow the below steps to create a new form with use of AI.
Creating New Forms Using AI
Select the Entity
– After selecting the entity, the Admin can view the Form Type option. If the Admin selects the “Add” form type, the “Generate with AI” option becomes visible. [1]
Note: The Admin will only see the Generate with AI option if it is enabled under Form Setting > Integration > AI Authentication.
Generate a Form with AI
– Click “Generate with AI.”
– Enter a prompt in the text box. [2]
– For example: “Create a new case form including the ‘Case Stage’ field.”
– The form layout will appear on the left side, including all mandatory fields. If specific fields are mentioned in the prompt, they will be added to the form. [3]
Note: Ensure that the field names mentioned in the prompt are correct.
Modify the Form
– If the result is unsatisfactory, the Admin can generate a new form using the same method.
– Click “Generate with AI” again, enter a new prompt, and a new form will be generated automatically. [4]
– For example:“Create a new case form including ‘Email Address,’ and ‘Priority.’” [5]
– The updated form will appear on the left side, including the specified fields. [6]
Customize the Form
– Admins can add more fields by searching for them or dragging and dropping them into the grid area. [7]
Publish the Form
– Once all configurations are complete, click the Publish icon to make the form live. [8]
Front view form
The front-side view of the form displays the layout as designed by the Admin, including all configured fields, mandatory field indicators, custom labels, and sections. It offers a user-friendly interface where portal users can easily interact with the form and fill in the required details. [9]
AI Canned Response
The AI feature allows users to receive efficient and contextually relevant responses during chats. Here’s how it works:
Enable AI for Quick Responses:
To enable this feature, activate the AI option in the settings. Once enabled, users on the front side can receive quick responses directly in the chat notes, improving efficiency and interaction. [1]
AI Option in Front-Side Chat:
– The AI-powered quick response feature enhances chat efficiency, providing a streamlined experience for users with relevant and ready-to-send responses.
– On the front side, users will see an AI button in the chat interface. [2]
– By clicking the AI button, the system generates the best three response suggestions based on the conversation context. [3]
– Users can select a response from the suggestions and click the Send button to reply. [4]
Generating New Responses:
If users wish to see new suggestions, they can click the AI button again, and the system will generate fresh responses based on the ongoing conversation. [5]
Note: Response regeneration is dynamically based on the current chat context.
AI in Widgets
AI For Banner
Admins can use the Generate AI option to create text such as titles, descriptions, and more. To generate text:
1. Click on the Generate AI option below the text box. [1]
2. A prompt input box will appear. Enter a prompt, such as:
“Write a title for an e-commerce website.” [2]
3. Click the Generate button, and the AI will create the text, which will appear in the text box. [3]
If the generated text is unsatisfactory, the Admin can regenerate it using the same method. The newly generated text will automatically replace the previous one.
AI- Banner’s Subheader
– Text: Enter the text to be displayed as the subheader.
– Color: Select the color for the subheader text using the custom color picker.
Admins can also use the Generate AI option to create subheader text:
1. Click on the Generate AI option below the text box. [4]
2. Enter a prompt in the input box, such as:
“Write a short description for an e-commerce website.” [5]
3. Click the Generate button, and the AI will create the subheader text. [6]
If the text needs to be revised, click the Generate AI button again, and the newly generated text will overwrite the previous one.
AI For Content Slider
Admins can use the Generate AI option to create text for the Slider Title and other elements. To generate text:
Click on the Generate AI option below the text box. [1]
A prompt input box will appear. Enter a prompt, such as:
“Write a title for an ecommerce contact slider.” [2]
Click the Generate button, and the AI will create the text, which will appear in the text box. [3]
If the generated text is unsatisfactory, the Admin can regenerate it using the same method. The newly generated text will automatically replace the previous one.
Configure Slides
Adding a New Slider
– Content Slides: Add and manage slides for the content slider. [4]
– [+ Add Slide]: Click to create a new slide.
1. Header
– Text: Enter the header text for the slider.
– Generate with AI: Click this option to create header text.
– Enter a prompt (e.g., “Write a welcoming header for a support slider”). [2]
– Click Generate, and the generated text will appear in the Text box. [3]
– If unsatisfied, click Generate with AI again to regenerate the text.
2. Description
– Text: Provide the description text for the slider.
– Generate with AI: Click this option to create description text. [1]
– Enter a prompt (e.g., “Write a short description for a chatbot slider”). [2]
– Click Generate, and the AI will produce a description If unsatisfied, click Generate with AI again to regenerate the text. [3]
– Repeat these steps to configure additional sliders, ensuring each slider has unique and engaging content.
AI For Testimonial Slider
Admins can use the Generate AI option to create text for the Slider Title and other elements. Here’s how to use it:
1. Click on the Generate AI option below the text box. [1]
2. A prompt input box will appear. Enter a prompt, such as:
“Write a title for a travel agency testimonial slider.” [2]
3. Click the Generate button, and the AI will create the text, which will appear in the text box. [3]
If the generated text is unsatisfactory, the Admin can regenerate it using the same method. The newly generated text will automatically replace the previous one.
Adding a New Slider
Slides: Click on + ADD SLIDER to create and configure individual slides. [4]
Description
– Generate with AI: Click this option to create description text. [5]
– Enter a prompt (e.g., “Write a short description for a travel agency testimonial slider”). [6]
– Click Generate, and the AI will produce a description. [7]
– If unsatisfied, click Generate with AI again to regenerate the text.
Repeat these steps to configure additional sliders, ensuring each slider has unique and captivating content for its purpose.
AI For Slider
Header
Text: Enter the header text for the slider.
Generate with AI: Click this option to create header text. [1]
Enter a prompt (e.g., “Write a header for a real estate testimonial slider”). [2]
Click Generate, and the AI will create the text. [3]
If unsatisfied, click Generate with AI again to regenerate the text.
Description
Text: Provide the description text for the slider.
Generate with AI: Click this option to create description text. [1]
Enter a prompt (e.g., “Write a short description for a real estate testimonial slider”). [2]
Click Generate, and the AI will produce a description. [3]
If unsatisfied, click Generate with AI again to regenerate the text.
Repeat these steps to configure additional sliders, ensuring each slider showcases unique and appealing content that resonates with the audience.
Contact US
We empower your business with cutting-edge, tailored solutions designed to simplify operations and redefine success in the digital web and IT landscapes.
Effortless Customization:
Have a vision for your CRMJetty Portal? Need bespoke features to enhance functionality? CRMJetty Portal is ready to collaborate! Contact us at sales@crmjetty.com, and together we’ll craft the perfect solution for your needs.