CRMJetty Portal- Customer Portal

CRMJetty Portal:

 

Customizable D365 Customer Portal

 

Version: 2.2.0

 

Compatibility:

 

MS Dynamics 365 on-premise (v8.2) and above.

MS Dynamics 365 online (v9.1) and above.

Installation

On purchasing the CRMJetty Portal plugin, you will get a zip file.

Click on the Settings icon given on the right side of the title bar. Then click on Advanced Settings.

Now, Navigate to Settings -> Solution. Click on ‘Import’ to upload and install.

Click on the Browse button and choose the Package Zip File for CRMJetty Portal from the Import Solution Window. Click on Next for further processing.

Once you import the solution, it will be displayed in the solutions grid view.

Once you install the package, log in to CRMJetty Portal and you must configure CRM Authentication to start syncing the data with Dynamics 365.

Benefits of CRMJetty Portal (Customer Portal)

– Seamless synchronization between Dynamics 365 CRM and portal

– Lower operational costs with all the entities managed centrally

– Enhanced customer engagement with emails

– Provide the MS SharePoint Documents In the customer portal as per the user rights

– Configure and Select the Design Layouts (style) are providing for the widgets

– Flexible page builder with easy-to-use drag and drop dynamic widgets

– Enable Notes accessibility into the Detail page of the entity

– Create a Menu to customize the menu for the customer portal

– Role-based access for enhanced and streamlined user management

– Multi-language support in CRMJetty Portal

– Two factor authentications

– Role-based access for enhanced and streamlined user management

– Ease of access to information for users with an interactive user interface

– Flexible page builder with easy-to-use drag and drop dynamic widgets

Prerequisites

Following points must be followed before starting Installation.

– You should log in as an Administrator in Dynamics CRM.

– You should be logged in to Office365-SharePoint.

– Check that your Dynamics CRM instance is compatible with CRMJetty Portal.

– You will require a Product License Key to activate the Plugin. To obtain the License Key just drop us a mail at [email protected] along with your Domain Name.

Site configuration in SharePoint

You must create and manage the ‘site’ from the Office365 SharePoint to sync the documents.

 

If you don’t have the SharePoint site, you can create and manage the “site” from Office 365 SharePoint to sync the Documents. Follow the below steps to configure the SharePoint sites:

 

If you have MS Dynamics 365 with administrator login, you can also access the Office 365 products with the same credentials. Login to SharePoint with your ‘Dynamics CRM’ credentials.

 

After signing in, you will get the Office 365 products on the Office 365 main page.

 

After signing in, you will get the Office 365 products on the Office 365 main page. Click on SharePoint to manage the sites and documents. By clicking on SharePoint, you will get the details of existing sites if any.

 

You can create a new site by clicking on the Create Site When you click on the Create Site option, the right side sidebar will open.

 

Here, you can see the two options: Team Site and Communication Site. Click on ‘Team Site’ to store and manage the documents and other files.

 

After clicking on Team Site, configure the details and click Next to finalize the site settings.

 

You will get the list of the Sites in the SharePoint Site after authenticating the SharePoint in the CRMJetty Portal.

CRMJetty Portal Admin Login

Login to your CRMJetty Portal as a Super admin login. Super Admin can manage the rights of the admin users and configure the portal users from CRMJetty Portal Admin login.

Admin Login

Login to your CRMJetty Portal Admin login.

Login:

When the Super admin logs in the first time, enter the email that is registered with CRMJetty Portal and click on verify to set the password. The super admin will get the link on the registered mail and by clicking on the link, a super admin will be redirected to set the password.

 

Forgot Password:

Admin users can reset the forgot password. They need to insert the registered email with the portal to get the password reset link. The new users will get the mail of the reset password only on the registered email id.

 

 

Admin Dashboard

When you log in to the portal being a super admin, you will navigate to the static dashboard from where you can check all the activities in the form of graph and counters as per the given rights.

> Detailed Cards

You can check the active & inactive portal users from the chart. You will get the counter for the ‘New Contact’, ‘Total Users’, ‘Outstanding Invoice’ & ‘New Cases’.

– New Contacts: You will get the no. of new customers that are created from the portal & CRM, or registered on the current day.

– Total Users: You will get the no. of the total admin users.

– Outstanding Invoice: You will get the no. of outstanding invoices till the date.

– New Cases: You will get the no. of new cases for the current day.

 

> Charts

You will get the charts for 1 day. 1 week, 1 Month & 1 Year. By hovering the mouse on the specific chart, you will get the detail as a popup.

 

> Quick Actions

  • You will find the “Quick links” for Manage Customers & Design Portal to perform quick actions from the Dashboard.

Profile

Update your portal profile details, change the password, and check the plan details.

– Personal Information

You can update your portal profile by uploading your profile.

– Change Password

Update your password whenever you need it.

– Plan Details

Check your plan details of the portal.

Portal General Settings

You can configure your “General Settings” for the admin users and manage the other admin users from “Settings”. By clicking on Settings, you will find “Portal Settings” & “User Management”.

Portal Settings

From Portal Settings, you can configure all the portal-related settings and manage Portal users. You can configure the following settings under Portal Settings:

– CRM Authentication

– SharePoint Configuration

– General Settings

– Language Settings

– Portal User Settings

– SMTP Settings

– Email Settings

– Theme Customization

CRM Authentication

Being a super admin, you must configure the CRM Authentication, once you log into the Portal after verifying the email.

You need to authenticate the following configurations:

 

Connection Type: Select the type whether it is Online or On-Premise (IFD).

 

Protocol: Select the protocol that is configured. i.e., HTTPS.

 

Service URL: Insert the CRM URL.

 

– Environment: You can connect Live or Sandbox CRM. It will identify with which CRM you are connected.

 

Authentication Type: Select the type for authentication whether it is Credential or OAuth.

 

If you have selected the Credential, Insert your credentials Username & Password.

 

Note: If you are using a third party with limited access use OAuth, you must insert the AppID & the Client Secret.

 

After inserting the details, click on the Save button to authenticate all the details with the Dynamics CRMJetty Portal.

SharePoint Configuration

Once the CRM is authenticated with the necessary credentials, you can configure the “MS Office SharePoint” for document management in the customer portal.

 

You need to authenticate the following configurations:

 

Connection Type: Select the type whether it is Online or On-Premise (IFD).

Protocol: Select the protocol that is configured. i.e., HTTPS.

Authentication Type: Select the type for authentication whether it is Credential or OAuth.

– If you have selected the “Credential”, Insert your credentials Username & Password.

Note: If you are using a third party with limited access use OAuth, you must insert the AppID & the Client Secret.

 

SharePoint Site: You will get the list of the SharePoint Sites that are integrated with Dynamics 365 and configured in the MS Office SharePoint. Select SharePoint site in which you want to manage the Portal Documents.

 

Enter the Username and Password to configure the SharePoint.

 

Once all the details are selected and inserted, click on the Save button to authenticate the ShareP To enable the Documents management & sharing functionality for the Customer Portal, you can manage that from the Portal User Rights. (Portal User Management -> Roles)

Portal General Settings

Navigate to the Settings -> Portal Settings from where you can set your portal details. Also, from the ‘gear’  icon, you can navigate to the General Settings.

You can set your portal details under the General Settings. You can set the general details as follow:

 

Portal Name: Describe your Portal Name (Title).

Records per Pages: Select the no. of records that you want to be displayed on a page.

Portal Logo: Select the image to display a logo.

reCaptcha Visible: Enable the ReCaptcha for the Registration, Login & Forgot Password pages to protect your website/web portal.

reCaptcha Site Key: Insert the reCaptcha Site key.

reCaptcha Secret Key: Insert the reCaptcha Secret key.

 

After inserting all the details, click on the Save button to save the changes.

Language Settings

You can configure the Language for the Customer Portal. You need to configure the following settings for the Language:

 

Default Language: Select the default language from the drop-down list that will contain all CRM-enabled languages. Customer portal will be displayed as per the default language selected here.

 

Note: Here, only those languages will appear that are configured from the CRM side.

 

> Manual CRM labels & content Translate

 

Configure Language: Translate the customer portal content using xlsx (excel) Here, Portal admin users can translate the content by exporting an excel file and importing the translated file (excel sheet).

 

Select the ‘Language’ that you want to translate and Export the xlsx By opening the xlsx file, you can translate the labels & text message of the CRM into another language.

 

You need to Translate all the content manually in the xlsx file. Once the content is translated, select that xlsx file & Import it to the configured language.

 

After importing the translated files, you need to click on the Save button to apply the changes and update the translated content.

 

> Auto Translate

Auto translation functionality is provided to translate Portal labels. You need the Google Translate API key for auto-translation.

 

Google Translate: Insert the Google Translate API Key to translate the labels & content for the Customer Portal.

 

Note: You must enable the “Translate API” from the Google developer console for the website domain (portal domain).

 

Auto Translate: Auto translate will be only available if there is more than one language enabled from CRM else the ‘Auto Translate’ option will not appear here.

 

Once you have inserted the Translate API key, you are able to Auto Translate the Portal labels by selecting the language(s).

Once you click on the ‘Auto Translate’ button, all the previous manual translations will be overridden. The language that is auto-translated will appear in the bold font style.

Portal User Settings

‘Super admin’/’admin users’ if they have rights, can define the layout for the “Contacts” page records that are used to display in admin backend only.

 

You can design the layout of the “Contacts” for the Add/Edit page & List page.

 

For the List page, you need to drag and drop the required fields under “Fields”. (Screenshot- 1.Portal User Settings Webform)

 

By clicking on the Add/Edit page, you will navigate to the Layout page of the Add/Edit. After designing the layout for both, click on the Save button to save the layout settings.

 

You can drag and drop any layout under the “Layout” tab and set the layout for the contact as you want it to be displayed. (Screenshot- 2.Layout)

 

After setting the layout, you can drag and drop the required fields from the “Fields” under the “Web Forms” tab. (Screenshot-3.Add/Edit Fields & Manage Panels)

 

The Fields that are added here will be displayed at the time of editing the Portal Users details from the Portal User Management -> Contacts.

 

You can edit the ‘Field Label’ or ‘delete’ the fields as per your requirement. You can also see the preview of the contact’s layout by clicking on the Preview button. (Screenshot- 4.Layout Preview)

 

By clicking on the ‘List Preview’, you will get a preview of the listing layout. (Screenshot- 5.List Preview)

SMTP Settings

You must configure the “SMTP settings” to start the email service for the portal users.

 

You need to configure the following SMTP Settings:

 

SMTP Host: Insert the host address.

 

SMTP Port: Insert the Port that is used by an outgoing mail server.

 

Insert Email credential details from which your emails will be sent.

 

– Username: Insert your username.

 

– Password: Insert the password.

Email Settings

You can set different email templates as per requirements for different email actions (Ex. Registration, Forgot Password, Verify Email etc.). You can edit the existing email templates from the list.

 

You can add a new ‘Email template’ by clicking on the Add New Template button.

Theme Customization

You can customize the Theme Colors, Font style & Font colors for the Admin Portal and for the Customer Portal as well. You can customize the below elements:

 

Base Font Family: Choose a font to use for the main body text and for the menus.

 

Title/Heading Font Family: Choose a font to use for all the headings and titles of the Portal.

 

Theme Background Color: Choose color to display as a background color to the body part.

 

Foreground Color: Choose color to display content background color.

 

Primary Color: Choose a primary colorto be displayed most frequently across all the modules. This color will appear for text / iconography.

 

Success Color: Choose color to display when the action performs get success. (Toast Notification)

 

Danger/Fail Color: : Choose color to display when the action performs get fail or any error. (Toast Notification)

 

Warning Color: Choose color to display warning. (Toast Notification)

 

Base Font Color: Choose color for body text and description of Portal main content.

 

Link Color: Choose color for all text to which links have been added

 

Theme File: You can customize your Portal’s UI & appearance by updating the Theme CSS file. By clicking on the Theme File button, you will get the ‘CSS Editor’ popup where you can insert the CSS and save the changes.

 

Reset: You can set back to default theme and fonts by clicking on the Reset button.

 

By clicking on the Save button, the theme & fonts of the Admin Portal & Customer Portal will be updated. If you have added the custom theme, you will get the Portals UI & appearance as per the CSS that is inserted in the CSS Editor

User Management

Manage the ‘Admin users’ of the portal and edit the roles with user access rights.

Users

You can add and manage the Admin users from the Settings -> User Management -> Users.

Under the “Users”, check the admin users with their details like name, role, and the last login details on the User cards.

By clicking on the Add User button, you can add the other admin users for the specific roles.

Note: If the super admin user has given the rights to the other admin users to add more users for the specific roles, only then other admin users will be able to add the new users.

You can add the users by assigning the relevant role and the email details. You can add the portrait photo or logo for those users to identify.

The admin users will get the list of the roles if the roles are added, and can manage them under the “Roles” settings.

Once a user is created, an email will be sent to that user to configure their password and access the portal as per their given rights.

Roles (for Admin Users)

You can add and manage the Admin Roles from the Settings -> User Management à Roles.

Under “Roles”, you can check the added roles. Other Admin /sub-admin users can also add the user’s role as per the rights.

To create a new role for the admin users, click on Add Role.

Insert the Role details and provide the user rights for the different roles from the Role matrix.

From here, once you enable the Module’s view, you can assign the rights to Add/Edit/Delete as per requirement.

The admin users can access only those modules for which the rights are given here.

Note: if the super admin user has assigned the rights to add the roles, only the other admin user will get the right to add the user’s role.

 

Documents

If you have authenticated the SharePoint in the CRMJetty Portal, you can manage the Documents sharing rights for the Portal Users of the customer portal.

From here, you can enable “Document Access” and allow to Add the Files & Folders to the portal users from the Customer portal. You can enable the Delete option if you want to give permission for the delete.

After configuring the Role details, save the details, and the newly added portal user role will be listed under the Roles.

Note: If an admin has enabled the entity for the SharePoint from Dynamics 365, it will be listed under the Document section.

Portal User Management

Manage the customer portal-related details, entity access, roles, and contacts under the ‘Portal User Management.

Entity Configuration

Once you successfully authenticate the CRM, you can enable the CRM entities from the Entity Configuration.

You will get the list of the CRM Entities that are related to contact and account from where you can drag and drop any entity to enable the entity for the Portal.

After selecting the entities click on the Save button to enable the entities for the Portal.

Contacts

To check the portal users, navigate to the Portal User Management -> Contacts. Here you will get the list of the Dynamics 365 contacts that you can manage from here and sync with Dynamics CRM.

Note: Here you will get the list layout only if you have created the user forms in the Portal User Settings.

Once the contacts are added, you can generate the portal credentials and approve the users for the CRM contacts in bulk. Convert these contacts to portal users just with a single click.

 

– Add Contact

You can create a new contact by clicking on the Add Contact Insert the contact details and saving it will create a new contact here as well as in CRM.

Here, you need to insert the contact details to generate the credentials for the portal users. Once the contact details are inserted, you can generate the credentials by clicking on the “Generate Credentials”.

Note: Only those admin users can add the Contacts who have access to add Contacts.

Once the contacts are added, you can generate the portal credentials and approve the users for the CRM contacts in bulk. Convert these contacts to portal users just with a single click.

– Approve Users

If any new customers register from the Portal and the ‘User approval’ flow is enabled from the ‘Registration’ widget for the Registration page, the admin will approve the portal user. After that, the registered customer can access the Portal.

To approve the “Not Approved” contacts, select the contact(s) from the contacts list view and click on the Approve Users option.

Note: Only those admin users can approve the users that they have the access to do so.

– Generate Credentials

To generate the credentials for a newly added contact, click on the Generate Credentials option. The newly added contacts will get the portal credential mail to access the portal and set a password.

You can select the multiple contacts here and generate the credentials for them.

Note: Only those admin users can and generate the credentials that have the access.

– Edit/Delete Contacts

You can edit any contact or delete it if it is not required. This will be synced from the CRM side as well.

– Assign new role to Contacts

From the Contacts, you can assign a new role to the portal users (Contacts). If you need to change the role for mass records, you just need to select those contacts for which you want to change the role.

Check the checkboxes of the contacts and click on the option besides the Create Contact button. You will find the Assign New Role option in the action list.

By clicking on it, you will get the “Assign New Role” pop up, from there you can select a new ‘Role’ from the drop-down list. After selecting the New Role, you need to click on the Change button and the new role will be assigned to the selected contacts.

After assigning roles to the bulk Contacts, the New Role Assignment Status will be generated and will be shown to the user.

Note: Here only the portal user’s role will change once the new roles assigned to the contacts (Portal users).

Roles (for Portal Users)

You can add and manage the Roles for the Customer Portal Users from the Portal User Management -> Roles.

By clicking on Create Role, you can add a role for the portal users. Insert the Role details and select the Relationship Type to select the relationship associated with the Role.

Enable the entities that you want to enable for the portal users. You can enable the product for Order & Quote entities.

The Relationship selection is provided to select the relationship that is created in CRM between the contact/account and the entity.

 

Documents

If you have authenticated the SharePoint in the CRMJetty Portal, you can manage the Documents sharing rights for the Portal Users of the customer portal.

From here, you can enable “Document Access” and allow to add the Files & Folders to the portal users from the Customer portal. You can enable the ‘Delete’ option if you want to give permission for the delete.

After configuring the Role details, save the details, and the newly added portal user role will be listed under the Roles.

Note: If an admin has enabled the entity for the SharePoint from Dynamics 365, only then it will be listed under the Document section.

 

Replace Role

From the list of the Portal user roles, you can change a role to the users (contacts) that were already assigned and can replace with another role as you want to assign.

By clicking on the Replace Role option, a pop-up will appear to select another role from the drop-down list.

 

Once you select another role, it will replace the current one and assign the new role to all the contacts (portal users).

 

Note: Here in the drop-down list, only those Roles will appear whose Relation Type is common.

Design

You can design the portal layouts for the different entities to display in the customer portal. You can design & configure the following layouts:

 

– List Builder

 

– Form Builder

 

– Page Builder

 

– Menu Builder

 

The multi-language support is provided for the List, Form, and Page If the multi-language support is enabled from the “CRM” side and configured from the “Portal General Settings”, being a portal admin, you can translate the builders (List, Form & Page) individually.

 

The JS Code Editor is provided in the List, Form, and Page builders. You will get the = Code Editor option in all the builder pages. i.e., Add, Edit, Delete, Profile, Registration.

Form Builder

Navigate to the Design -> Form Builder to design & configure the Form layout for the add/edit and the detail page of different entities. You can design the dynamic layout of any entity form using the Dynamics CRM fields.

 

You can design the layout of the form page of the portal. By clicking on the “Form Builder”, you will navigate the Form Builder page list.

 

1. You can search the specific Form record by inserting the text caption.

 

2. You can filter the specific Form records by selecting its Status: Published or Draft

 

3. You can search the Owner wise Form builder records. You will get the Owner(Admin users) list in the dropdown. By enabling the owner from the dropdown list, you will get the Form records.

 

4. You can search the Entity wise Form builder records. You will get the Entity dropdown. By enabling the Entity from the dropdown list, you will get the Form records related to the selected entity.

 

5. You can filter the Form builder records as per the selection of the duration or custom date range.

 

6. By selecting any Form record, you can perform such actions as ‘Draft/Publish’ ‘Duplicate’, ‘Delete’, and ‘Translate’.

 

7. You can ‘preview’ the Form view as per the design by clicking on the ‘eye’ (preview) icon.

 

8. You will get the actions by clicking on the ellipsis icon of the individual record. You will get some options to edit the Form record, Delete, Duplicate, and move to Draft (or move to Publish).

 

Here, you will get the Entity column to identify the form that belongs to which entity. It will display the entity that was selected at the time of creating the Form layout option. By clicking on the Reset button, you can remove the Filter options.

 

If you have selected the “Filter” options to search the specific Form builder records, you need to click on the Apply button after selecting the Filter option.

 

> Status of the Form record (Draft/Publish)

 

If any Form page is already published, you will get the “Draft” option here. But the list Form is in the ‘Draft mode’, you will get the Publish option. (Screenshot-3)

 

If you select multiple form records containing draft and published status, then all those forms will be converted to published status.

 

If you have selected all the published form records, it will convert to the draft mode.

 

Note: You can move the form into the ‘Draft’ mode only if the list is not used in the Page Builder for a specific page.

List Builder

You can design and configure the listing view for the different entities. By clicking on the “List Builder”, you will navigate to the listing page of the List. (Screenshot-1)

 

1.You can search the specific List record by inserting the text caption.

 

2.You can filter the specific list record by selecting its Status: All List, My List, Drafts or Published.

 

3.By selecting any List record, you can perform such actions as ‘Duplicate’, ‘Delete’, and ‘Translate’.

 

4.You can ‘preview’ the List view by clicking on the ‘eye’ (preview) icon. (Screenshot-2)

 

5.By clicking on the options icon, you will get some options to edit the list record, Delete, Duplicate, and move to Draft. (Screenshot-3)

 

> Status of the List page record (Draft/Publish)

 

If any listing page is already published, you will get the “Draft” option here. But if the list page is in the ‘Draft mode’, you will get the Publish option. (Screenshot-4)

 

If you select multiple list records containing draft and published status, then all those lists will be converted to published status.

 

If you have selected all the published list records, they will be converted to draft. (Screenshot-5)

 

Note: You can move into the ‘Draft’ mode only if the list is not used in the Page Builder for a specific page.

Add/Edit List Page

By clicking on the ‘Edit’ option, you can edit the list page. You can drag & drop the ‘Fields’ from right to the body of the selected entity. (Screenshot-1)

Note: If you are editing any List page, you cannot edit/change the Entity, cannot use the ready list from CRM (Use Existing), or cannot use the fetchXml Query. You can edit the fields of the entity only.

 

– Create (Add) a new Listing layout

 

You can create a listing page for any other entity. By clicking on the + Create button, a popup will appear where you need to insert the ‘Title’ of the list page. Click on the Next button to design the list builder. (Screenshot-2)

 

You will navigate the List layout design page. (Screenshot-3)

 

From the right side, you can either Create a New List view or Use an existing ready list from CRM and it can be configured in the list builder. (Screenshot-4)

 

Select the Entity for which you want to create a layout of the list view.

– Selecting ‘Create New’ layout

 

After selecting the ‘Entity’, you can add the Field using Columns or FetchXML query. If you select the Columns, you will get the Fields (including standard & custom), drag & drop the required fields from right to left to add the columns for the list.  (Screenshot-5)

 

By clicking on the ‘edit’ option of any Field, you can edit and update the title (label) of the field from the Field Configuration. (Screenshot-6)

 

After updating, the Field labels click on the Save button and finalize the list builder by clicking on the Publish You can keep it as a draft by clicking on the Save As Draft.

 

Using FetchXML Query

You can also generate the custom FetchXML Query to get a list view. Insert the generated FetchXML Query and click on the Validate Query button that will check the query and based on that it will generate a list. (Screenshot-1)

Note: To generate the fetchXMLQuery, follow the steps from this blog.

 

Ex. Let’s see how to insert and validate the generated FetchXML Query for the “Case” entity. Insert the query under the FetchXML Query box and clicking on the Validate Query button.  (Screenshot-2)

If the error occurs during the validation of the query, you will get the error message in the red below the edit box.

 

If the query is validated, you will get the list layout as per the generated query. (Screenshot-3)

 

Use Existing List views (from CRM)

You can also get the ready-made ‘Listview’ layout that is configured from the CRM. By selecting the Use Existing option, you will get all the ready List layouts (CRM Entity views). (Screenshot-1)

 

Once you select any ‘List view’ from the View drop-down, you will get the fields of that specific list view that are configured from the Dynamics CRM. (Screenshot-2)

 

If you need to update and change the Field labels, you can also edit them by clicking on the ‘edit’ icon. (Screenshot-3)

Using JS Code Editor

You can create or update the layout of the list view using JavaScript Code Editor if you have any custom JS code. (Screenshot-1)

 

By clicking on the Code Editor, an editor will pop up where you can edit/paste your JS code. Once you edit/paste the JS code, click on the Save button and Publish the List builder record. (Screenshot-2)

 

You can Preview the List builder to check how it looks. (Screenshot-3)

Translate List records (multi-language)

From the listing page of the ‘List’ builder records, all the available languages will appear in the Language column. Here the translated languages will be shown in a dark-colored button and the languages that are not translated yet will be shown in the light-colored button.

You can translate the List record by clicking on the light-colored button or selecting the specific record and click on the ‘Translate’ icon from the record options. Once you click on any of those options, the List builder record will automatically translate it to the selected language

You can also translate the list layout records from its edit list. From the top, you will find the “Languages” option and the enabled languages.

Here, the untranslated language can be seen in the light-colored. By clicking on it the content of the list layouts will translate.

Once you translate the list layout record from the listing page or the Page layout edit page, it will take a few seconds to translate all the CRM content like text labels & messages and you will get an alert message on the screen.

Once all the content of the list layout record translated, it will navigate you to the edit page.

 

Multiple records Translation

You can also translate the list layout records in bulk by multiple selections.

Note: If only two languages are enabled, the records will be translated to other languages automatically. But, if the enabled languages are more than two, you will get a dropdown selection to select any one language to translate the selected records.

After translating multiple records, a Report will pop up on the screen. This pop-up will display the translated status of the records.

Page Builder

You can design the page layout by selecting the different widgets to display the records in the portal. Navigate to the “Design -> Page Builder”. (Screenshot-1)

 

By clicking on the “Page Builder”, you will navigate to the list of the Page Builder page. (Screenshot-2)

 

1.You can search the specific Page record by inserting the text caption.

 

2.You can filter the specific Page record by selecting its Status: All List, My List, Drafts or Published.

 

3.By selecting any Page record, you can perform such actions as ‘Duplicate’, ‘Delete’, and ‘Translate’.

 

4.You can ‘preview’ the Page layout by clicking on the ‘eye’ (preview) icon.

 

5.By clicking on the ‘option’ icon, you will get some actions to edit the Form record, Delete, Duplicate, and move to Draft/Publish.

 

> Status of the Page record (Draft/Publish)

 

If any Page is already published, you will get the “Draft” option here. But if the list Form is in the ‘Draft mode’, you will get the Publish option. (Screenshot-3)

 

If you select multiple page records containing draft and published status, then all those forms will be converted to published status. If you select all the published page records, it will convert to the draft mode. (Screenshot-4)

 

Note: You can move into the ‘Draft’ mode only if the page is not published yet.

 

Add/Edit Page

After clicking on any page, you can edit the design of the page layout. You will see the default widgets to set the content on the page layout. (Screenshot-1)

By clicking on the  Preview button, you will get an idea of how the page will look. (Screenshot-2)

You can also edit the added widgets, add new widgets and remove if not required.

 

Menu and Form widgets are added for the ‘Edit Case’ page. Menu widget is for navigation that will display the list of the menu to navigate to other pages. (Screenshot-3)

 

> Create (add) a new page

To create a page, you need to provide certain mandatory details: (Screenshot-4)

Title: Insert the title of the page.

Page URL Slug: Once you insert the title, the slug will be suggested. You can edit the URL slug.

Show in navigation: Select Yes/No to display into the navigation bar or not on the frontend.

Page Access: Select the option for the page that would be shown ‘before login’ or ‘after login’. If you want to provide public access to any page (module), select ‘before login’ else select ‘after login’ so that the portal users will get access once they log in.

Page Nesting: Select whether it is the parent page (At Top) or someone’s child page (Under Parent Page). Select the page as ‘parent’ or the created pages will be listed under any parent page if you have selected the ‘Under Parent Page’. (Screenshot-5)

PageLayout: You will get the ready-made page builders to design the page layout as per requirement else you can select the Default Page Layout.

Now, click on the Next button to design the page layout and you will navigate to the page layout settings.

 

Under the “Layout” tab, the different layouts (body) are provided to manage the page layout and display the portal content as you want it to be displayed. Drag and drop any layout from right to left Body part. (Screenshot-6)

 

You can also select the Custom Page Layout as per your requirement. (Screenshot-7)

If you have selected the Custom Page Layout, the custom layouts will be added under the Page layout design. (Screenshot-8)

Now, click on Widgets to add the page layout content for a specific page to the page layout grids. (Screenshot-9)

Using JS Code Editor

You can create or update the layout of the Page view using JavaScript Code Editor if you have any custom JS code.

 

By clicking on the Code Editor, an editor will pop up where you can edit/paste your JS code. Once you edit/paste the JS code, click on the Save button and Publish the Page builder record.

 

You can Preview the Page builder to check how it looks.

 

Similarly, you can also edit/paste the JavaScript code to update the UI & appearance as per your desire or as per your Portal’s theme.

Translate Page records (multi-language)

From the listing page of the ‘Page’ builder, all the available languages will appear in the ‘Language’ column. Here the translated languages will be shown in the dark-colored button and the languages that are not translated yet will be shown in the light-colored button.

 

You can also translate the Page layout records from its edit page. From the top, you will find the “Languages” option and the enabled languages.

 

Here, the untranslated language can be seen in the light-colored. By clicking on it the CRM content of the Form layout like text labels & messages will translate into the selected language.

 

You can translate the ‘Form’ layout record by selecting the specific record and click on the ‘Translate’ icon from the record options from the list page or by clicking on the light-colored button from the edit page.

 

Once you click on any of those options, the Page builder record will automatically translate it to the selected language. You can check the translated content from the edit page and if the Page layout record is already translated, it will navigate you to the translated edit page from the list page.

 

 

Multiple records Translation

 

You can also translate the list layout records in bulk by multiple selections.

 

Note: If only two languages are enabled, the records will be translated to other languages automatically. But, if the enabled languages are more than two, you will get a dropdown selection to select any one language to translate the selected records.

 

After translating multiple records, a Translation Report will pop up on the screen. This pop-up will display the translated status of the records.

Predefined Widgets

Predefined widgets provided to set the page layout content:

 

– Text

– Image

– List

– Breadcrumb

– Form

– Login

– Registration

– Profile

– Forget Password

– Recent Activity

– Counter

– Knowledge Base

– Charts

– Search

 – Case Deflection

– Menu

– Button

 

You need to drag and drop any widgets to the page layout grids.

Text, Image & List widgets

Text, Image & List Widgets

 

Text: Add the Text widget for any page layout content. Design the text with different settings.

 

Image: Drag-drop any image to display on the customer portal or you can browse the image from the Image Configuration. Under Image Configuration:

– Height: Insert the height as per your requirement

– Width: Insert the width as per your requirement.

– Choose File: Select an image from the local drive.

 

List: Configure list widget:

– List Title: Insert the relevant ‘Title’ caption for the selected entity list.

– Select List View: Select the entity for the List view from the searchable drop-down list. If there are many list records, you can easily search the record and select it.

By clicking on the + add icon beside the Page URL (Create, Edit & Detail), you will navigate to the Page Builder to create a new page. You can directly add a new page from here. By clicking on the Refresh icon, it will refresh the list of the pages and get the latest pages.

Here, you will get the three different sections: “Create Action Settings”, “Edit Action Settings” & “Detail Action Settings.”

Create Action Settings

Create Button Text: Insert the text caption for the create button.

Redirect To:  Select the Page URL from the searchable drop-down to redirect to the Create Page.

 

Edit Action Settings

Redirect To:  Select the Page URL from the searchable drop-down to redirect to the Edit Page.

 

Detail Action Settings

Redirect To:  Select the Page URL from the searchable drop-down to redirect to the Detail page.

 

Records per page: Set the no. of the records to be displayed on the page.

Design Layout: By scrolling down, you will get the 3- predefined Design Layout (Style) for the List view. By clicking on any design, you will get a preview of it. Select any design layout to display in the customer portal.

Login widget

‘Login widget’ is used to access the portal. Insert and select the following details:

 

– Title: Insert the title label for the log Login.

 

– Email or Username: Insert the label by inserting what credential the user can log in with.

 

 – Login submit text: Insert the button label for login.

 

You can enable and configure the “Additional Configurations” for the Login:

 

– Remember Me: It will be visible on the Login page. The portal users can enable to save their credentials

 

– Forgot Password: If you have selected to display on the login page, you need to select the Forgot Password “Redirection URL”.

 

– Allow Registration: If you have selected this option to display on the login page, you need to select the “Redirection URL” for the Registration. Select the registration page in the URL.

 

– Select Registration Redirection Page: Select the URL from the searchable drop-down to navigate the portal users to the Registration page.

 

– Login Redirection Page: Select the URL from the searchable drop-down to navigate the portal users to the next page once their login credentials are corrected.

 

Two Factor Authentication (2FA): If you add the two-side authentication when the portal users want to login to the portal, enable this option.

– If it is enabled from here & the portal users would log in with their credentials, they will get the OTP in their registered email that needs to be added here for successful login.

 

You can configure the OTP active duration under Two Factor Authentication.

 

Set OTP Timer: Set the timer that will display in the registered Email of the portal users with the -OTP. It will show the reverse countdown in minutes that is inserted in the Set OTP Timer.

 

No. of Wrong attempts: Select the number to provide the portal users’ number of attempts for entering the wrong OTP.

 

Disable Resend OTP: Set the time periods to remain to disable the Resend OTP option for some time to the portal users.

Registration widget

Create a Registration Form for the new customers. You need to configure the following details:

 – Registration Form: Select the ‘form’ for the registration from the list of forms.

 – Title: Insert the label to display the title of the Registration form.

 – Description: Insert the message for registration.

 – Register Button Text: Insert the button label for submission of the registration form.

 – Verify Email: If you have enabled it from the widget, the new users who are created from the portal needs to be verified through the mail once they registered.

 – User Approval: If you have enabled User Approval from the widget, the admin has to approve the users created from the portal.

– Design Layout: You will get the 3- predefined Design Layouts (Style) for the Registration page. By clicking on any design, you can preview the layout. Select any design layout to display in the customer portal.

Counter & Knowledgebase widgets

Counter & Knowledge base widgets

Counter: To display the record counter of a specific entity, you need to insert the following details:

– Title: Insert the relevant Counter Title. i.e., Total Cases, In Progress Cases.

– Select Entity: Select the module from the list. i.e., Account, Case, Attachment, Contract, Call, Order.

– Select Field: As per the Entity selection, the Fields will be fetched.

– Option: As per the ‘Field’ selection, the Field values will be fetched, and select that field value for which you want to display the count. i.e., In Progress, Cancelled.

– Icon Class: By clicking on the Pick an Icon button, you will get the icon picker list. Pick a relevant icon.

– Design Layout: You will get the 3- predefined Design Layouts (Style). Select any design layout to display in the customer portal. By clicking on the design, you will get a preview of it.

 

Knowledge base: If you want to display the Knowledge base articles/blogs to the portal users, select this widget. You need to configure the following details:

– Records per Page: Set the no. of the records per to be displayed on the page.

– Role Access: Select the Portal users Roles that are created under the Portal User Management -> Roles.

– Design Layout: You will get the 3- predefined Design Layout (Style). Select any design layout to display in the customer portal. By clicking on the design, you will get a preview of it.

Charts and Search widgets

Charts: If you want to display the analytics in Charts by selecting the Entity & its specific field, you need to configure the following details:

– Title: Insert the relevant Chart Title. i.e., Total Cases, In Progress Cases.

– Select Entity: Select the Entity from the list. i.e., Account, Case, Attachment, Contract, Call, Order.

– Select Field: As per the Entity selection, the Fields will be fetched.

– Option: As per the ‘Field’ selection, the Field values will be fetched, and select that field value for which you want to display the count. i.e., In Progress, Cancelled.

– Design Layouts: By scrolling down, you will get the 4-predefined Design Layouts to select the appearance of the chart in the customer portal. By clicking on the design, you will get a preview of the design.

 

Search: You can configure the following details for the Search Widget:

– Search Title Text: Insert the search text label. i.e., How Can I help you?, Explore, etc.

– Records per page: set the no. of the records to be displayed on the page.

Button

You can configure the Button widget to perform such actions:

 

Label: Insert the text label for the button.

 

Tooltip: Insert the text label that helps portal users to understand the button action.

 

URL Type: Select the URL for the button actions. There are 2 types of URL given: Internal & External.

 

– Internal Type: You can select the page that is created in the Page builder of the portal.

– External Type: You need to insert any specific URL manually to navigate the portal users to any external URL.

 

Open in new tab: Check the checkbox to open the redirection page in the new tab. If this option is unchecked, it will open on the same page.

 

Select Alignment: You can select the position of the button: Left, Center & Right.

Preview: You can preview the configured button widget on the page.

Add Menu

Now, clicking on the + Create button, you can create a Menu.

 

> Create (add) a new Menu

By clicking on the Next button, you will navigate to the “Create Menu” page. You need to select the pages for menu items. (Screenshot-1)

Here you will get 3-tabs under the Pages where you can find the Pages:

Most Recent: You will get the most recently created pages list. (Screenshot-2)

View All: You will get all the pages list. (Screenshot-3)

Search: You can search the specific page by inserting the page name. (Screenshot-4)

You can also add the Custom Link as a Menu Item. (Screenshot-5)

Menu Title: Insert the Menu Text caption that you want to display.

URL: Insert the ‘URL’ where you want to navigate the users.

By clicking on the Add to Menu button, the custom link menu item will be added on the left side. (Screenshot-6)

 

You can simply drag & drop the Menu Items and set them as a sub-menu item under any main menu item. You will have 3 level menu navigation. (Screenshot-7)

You can also edit the Menu Items (description) by clicking on the down arrow of any menu. (Screenshot-8)

Menu Item Label: Insert the Menu label caption.

URL: You will get the URL of the menu item. If you have added the custom link, a custom URL will be shown.

Is Active: Enable/Disable the Menu item for the customer portal.

Select Role: You can enable the Menus for the Roles. Not all users can be accessible for all the menus. Check the checkbox of the role to enable the menu. Here, the searchable drop-down is given to search for a specific role. (Screenshot-9)

Note: The portal users will get the Menu access as per the role selection here once they log in to the portal (after login). So, the portal users will log in to the portal, they will get their accessible menu as per the role selection under the Menu detail.

Language: The language that is configured, will display here. By clicking on the ‘language’, you can see the translation of the ‘Menu Item Label’. (Screenshot-10)

 

You can ‘edit’ the label for that language and press OK to save the changes. You will get the message as label saved.

Replace Menu

When you have used menus in lots of pages and it is required to change the menu for some pages, the Menu Replacement feature is provided. You can choose the menu that you want to replace.

By clicking on the ‘options’ icon of the menu, you will get an option of Replace Menu. (Screenshot-1)

 

By clicking on the ‘Replace Menu’, you will get the Menu Replacement popup from where you can select the menu that you want to Replace with it. So you will not require to navigate to the individual pages and update the menu. (Screenshot-2)

 

You will get all the pages in which the selected menu is used. Select the required pages that you want to replace the menu for. (Screenshot-3)

By clicking on the Replace button, the pages will be replaced by the selected menu.

6 CRMJetty Portal- Customer Login

Customer Login

 

After completing all configurations on the admin side, the portal users (customers) can sign-up or log in to CRMJetty Portal Customer Portal and access the pages that are configured by the admin users.

Portal Login & Registration

The portal users who are authenticated from the admin side can directly log in to the portal using the credentials.

Here the portal users will get the login page widget as configured from the Design -> Page Builder admin side.

If reCaptcha is enabled, the portal user will get the reCaptcha option at the time of login.

 

Note: You can allow the portal users to access some of the menu/pages before login. On the login page, you will get the option from the header menu, as you have configured it as before the login page in the Page Builder.

Two Factor Verification

If you have enabled the two-step verification from the ‘Login’ widget, the portal users will get the OTP in their registered Email ID that needs to be added here for successful login.

 

Here, the portal users will get the options to disable the two-factor authentication for their browser & Resend OTP to get the OTP in the registered Email id once again.

 

By clicking on the Verify button, the portal users will log in to the portal.

Forgot Password

Portal users can retrieve their login password using the ‘Forgot Password’

The portal users need to enter the email address and by clicking on the Send Reset Password link, they will receive a link in the registered mail to reset the password.

Portal users can switch to their desired language. They will get the Forgot password labels and the Language switcher option as per the configuration in the “Forgot Password” widget in the Page Builder from the admin side.

Signup

Any new customer can sign-up to the Portal by clicking on the ‘Sign Up’ link on the Login Page. Clicking on this link will redirect the customer to the registration page.

The new customers will get the “Registration page” as designed and configured in the Forms Builder and its Page Builder from the admin side.

 

Note: If you have enabled the options of “Verify Email” & “User Approval” from the Page Builder, the new customers must verify their email and will require the user approval at the time of login.

Before login access

You can display any page (i.e., About Us, Knowledge Article) to the portal users even before the login.

 

For that, you need to select the options “Before Login” and the “At Top” in Page Nesting at the time of creating the Page Builder of any entity/page.

 

If you have enabled any page by selecting the Form that needs to appear without Login (Before Login page), it will appear before Login page. So the users who are not registered yet can also connect with the organization by sharing details as per the Form.

 

CRMJetty Portal User Portal Dashboard

Once the portal user logs into the portal, they will be redirected on that page which is set in the ‘Login Redirection URL’ of the “Login Widget” of Login page builder.

The details on the dashboard will appear as per the configuration and the Dashboard design layout in the “Page Builder” from the WP admin portal side. The counter will appear as per the “Counter widget” configuration.

In the Recent Activity widgets, detail page redirection is given that will redirect the portal users to the detail of that recent activity record.

Portal users will get the analytics in the charts. The charts will appear as per the “Charts widget” configuration. They will get the widgets as per the configuration under the ‘Page layout’ of the Page Builder.

If you have added the “custom link” as menu items, the portal users can access it.

Language Switcher

If the portal users have logged in by selecting another language, they will get the portal content in that translated language.

The portal users will get the Language Switcher in ‘Before Login’ & ‘After Login’ as you have configured.

 

The portal users will get the ‘Language Switcher’ on the Menu based on the configuration in the ‘Menu’ widget. By clicking on it, they will get the enabled & configured language drop-down list, they can select any language to switch to their desired language.

By clicking on another language, the portal content will load & appear in that language.

Vertical View

If you have set the Menu location as “Vertical” from the Page builder, the portal users get the Customer portal menu as a Vertical view.

Records View

The portal users can check the entity records and edit/manage the details as per user rights has provided.

Case Deflection (Solutions)

Solution module in portal helps portal users to get probable solutions before generating any case. The portal users will get the Case Deflection as per the Case Deflection widget that is configured from the Page Builder.

 

Portal Users can add queries or issues in the search solution box if they want to or they can also directly add a case. If they have searched and there is any appropriate solution related to that query, then the solution will get listed.

 

If no solution is found related to portal users’ queries or issues or they didn’t find which they are looking for then they can add a case by clicking on the + Create Case button. By clicking on it, the portal users will redirect to the Create Case page as per the Case Deflection widget configuration.

Panel Separation

Panel Separation (Section wise details)

 

If you have added multiple panels and added the layouts panel-wise in the form builder of any entity, the portal users can get that page panel-wise in the customer portal.

 

As you have added fields in the panels by inserting the ‘Title’ of the panel, the portal users will access the details.

List view

By navigating to any entity, the portal users will be able to see the list of the records of that entity.

 

Here the users will get the Listing page appearance (Fonts & Background) as per the “Theme configuration” from the Admin portal settings. (Screenshot-1)

 

The users will get the Listing details as per the configuration from the entity’s Page Builder and as per the configuration of the ‘List widget’.

 

If you have enabled the Language in the “Menu widget” of the Listing layout page of any entity (i.e., Case page layout), the portal users will be able to access their desired language that is enabled from the CRM & configured from the Portal admin side.

 

The portal users can access the entity details and edit/deleted the records as per the given rights. (Screenshot-2)

 

Delete

 

The portal users can also delete multiple records as you have given the delete rights. Portal users can select the entity records in bulk and by clicking on the Delete icon, the records will be removed. (Screenshot-3)

 

CSV Export

 

The portal users can export the entity records in the CSV. Select all or select required records to export in CSV and click on the CSV icon, it will export the CSV file of the selected records. (Screenshot-4)

Add/Edit Records

Record Details

By clicking on any records from the list, the portal users can view the record details as per the user rights.

The fields will appear as configured from the admin side.

The portal users can edit/delete the selected records as per the user rights.

 

Add/Edit Records

The portal users can ‘edit’ any existing records if the editing rights are given. Click on the Submit button once the records are edited.

The portal users can add a new record if the adding rights are given. As configured from the Page Builder, the fields will appear to insert the details.  You can select “Account” or “Contact” as per the Lookup records.

The portal users can add the product if the product selection rights are given for the ‘Order’ object and select the ‘Price list’ from the Price list lookup records.

After inserting all the details, the portal users need to Submit the records to save the details.

Show/Hide Fields

You can Show/Hide the fields to portal users based on condition match that is set and configured in the “Advance Field Management” in the Form builder.

 

When the portal users select a ‘Field’, which is set as Conditional Field Options, the fields which are selected in “Visibility Field” will appear in add/edit of any entity form.

Sub Grid Support

The Portal users will get the Sub grids with related records as per configuration in the Form builder entity-wise.

 

The Portal users will get the Sub grids with related records as per configuration in the Form builder entity-wise.

Notes & Documents

The portal users can access the Notes & Documents as you have enabled from the CRM configuration.  Here, the accordion UI is given to expand & hide the Notes & Document details for flexibility.

Notes

If you have enabled the Notes Access option in the entity ‘detail form’ from the Form builder, the portal users can access the Notes to provide some information, details, or any instructions regarding the records (i.e., case details).

The portal users can add the Notes with attachments. The portal users can download the note attachment and delete the notes as per need.

Portal admin can access the notes from the CRM and manage them from there. The portal users will get the notes access option only on the details page of the record.

Documents

If you have authenticated the “MS SharePoint” from the admin portal, integrated from the CRM, and configured sites from the SharePoint, the portal users can access the Documents that are managed under the MS SharePoint.

The portal users will get the accessibility to manage the Documents as per the configuration of the User Portal Role Settings from the Portal Admin.

By clicking on the Folder, the portal users will navigate into that folder. The portal users will get the navigation bar (breadcrumb) of the activity. By clicking on the ‘Home’ icon, the portal users will navigate to the main Documents page.

If you have given the rights to Upload a File and add a New Folder from the portal admin, the portal users can manage the folder-wise documents in the customer portal.

The portal users can delete any file if they have enabled the ‘Delete’ rights under portal user roles.

RTL (Right To Left) Support

The portal users will get the RTL (Right to Left) content support. If the portal users select the RTL Language from the ‘Language’ option, the Portal content will convert into RTL- Right To Left.

Profile

The portal users will get the profile details as per the configuration of the ‘Profile widget’ in the Page Builder of the profile from the admin side. You will get the Profile layout as per the selection of the Design Layout (Style) of the Profile.

The portal users can update their data and change passwords as per their requirements.

Contact Us

We simplify your business, offer unique business solutions in digital web and IT landscapes.

Live Chat

-> Get instant support with our Live Chat.

-> Visit our product page at https://www.crmjetty.com/dynamicscrm-customer-portal.htm and click on the Live Chat button for instant support.

 

Tickets

-> Raise tickets for your specific question!

-> Send an email to [email protected] or you can log in to your account @ crmjetty.com and click on My Sup­port Tickets on your account dashboard, to get answers to your specific questions.

 

Customization

If you would like to customize or discuss additional features for your Customer Portal, please write to us at [email protected]