You are here:
Insurance Billing Description Child Component
Use the Insurance Billing Description Child component to show your Policyholder site users an overview of their billing information, and link them to additional information about their billing account. The Insurance Billing Description Child component sits inside of the Insurance Billing Description component container.
-
FlexCard: insBillingDescriptionChild_nds
-
LWC: cfInsBillingDescriptionChild_nds
Here's what the Insurance Billing Description Child component looks like when it's rendered in the Policyholder site:
The parts of this component are:
-
Total amount due
-
The due date
-
Child FlexCard: insPolicyBillingChild_nds
Displays the policy name and amount due for each policy the user has.
-
Make Payment button that opens the payment window
-
View Statement button that serves as a placeholder to configure an action that launches an account statement window.
-
Account billing information including:
-
Billing Account Number
-
Card Type
-
Payment Method
-
-
Manage Payment Details button that serves as a placeholder to configure an action that launches an account statement window.
What Your Users Can Do on this Component
Once you have configured the placeholder links to your specifications, your Policyholder site users can:
-
Click the Make Payment button to make a payment
-
Click the View Statement button to view the account statement
-
Click the Manage Payment Method button to update their payment details
FlexCard Structure
This FlexCard has two state elements:
-
Active: the state that displays when records exist
-
Open: the state that displays when no records exist
To learn more about how to work with FlexCard states, read FlexCard States .
This FlexCard contains lots of elements, including:
-
Text elements that display labels we typed in
-
Text elements that have conditions to hide or show the element based on returned data from the data source
-
Field elements with output selected from available fields returned from the data source
-
Action elements with placeholder links
-
Child FlexCards: insPolicyBillingChild_nds and InsBillingStrategyChild_nds.
You can add, remove, and change any of these elements based on what you want your users to see. To learn how see Add Elements to a FlexCard. Other good topics to read to learn about how this FlexCard works include FlexCards Display Elements Reference, FlexCards Menu Properties, and FlexCards Action Properties.
Many of the elements of this card contain Custom CSS styles. You can make changes to these styles to create a different look and feel. To learn how to work with Custom CSS in FlexCards, see Apply Custom CSS to a FlexCard Element .
Data Source Called by this Component
This component calls an Omnistudio Data Mapper named InsExtractAccountBilingDetails.
This Data Mapper extracts the billing information from the user's account. Fields in the FlexCard reflect the information gathered by the Data Mapper.
Customize this Component
To learn about how to customize this kind of component, see the Digital Experience Site Component Customization Overview
- Insurance Policy Billing Child Component
Show your Policyholder Experience site users an overview of the amount due for their policies with the Insurance Policy Billing Child component. The Insurance Policy Billing Child component sits inside of the Insurance Billing Description Child component container. - Insurance Billing Strategy Child Component
Provide your Policyholder site users with billing option strategies the help them manage their accounts with the Insurance Billing Strategy Child component. The Insurance Billing Strategy Child component sits inside of the Insurance Billing Description component.
