FlexCards: The Easy Way To Create Lightning Web Components

Scroll for more

FlexCards: The Easy Way To Create Lightning Web Components

Let me introduce you to OmniStudio FlexCards. Do you know what Lightning Web Components are? They are UI components you can use in Salesforce to make your interface awesome. They also enable you as a developer to properly build components. With FlexCards you can build 'without being a developer'. This way you can make your own custom Lightning Web Components (LWC). Find out everything you need to know.

Not too long ago I started using FlexCards and I am very happy with FlexCards. Let me tell you, it's really easy. Our team just finished creating a list of FlexCards to replace a related list. The related list used to be static. You cannot change much about it, other than which fields and which order. However, with a FlexCard, you can make it as dynamic as you like. Create a record with a certain status that displays as a red field to draw the user's attention? No problem.

Enhanced control

An example: for one of our clients I have just implemented a FlexCard to display a list of quotes in OmniScript. We needed a more fancy way of showing a data table. The default edit block in OmniScript was too limited. We opted to integrate a FlexCard with a data table. This way we gained more control over the table style and column widths. As a result we could display more columns in the table.

Let me describe another example of how we use FlexCards. For a client project, we used it to add more dynamic logic to object pages. For example, show the live stock information on an Account page. Do you want to show related information on your order object page? No problem with FlexCards.

Getting started

My advice would be to try using FlexCards if you have a need to create a custom LWC. It's not too hard. When you want to learn more about FlexCards, there are good modules on Trailhead to start learning. Especially when you already are using Salesforce Industries, Vlocity or OmniStudio: it comes within the package.

Just start today: try to build a FlexCard. In this article I just made a start on what's possible with FlexCards. There are many more possibilities. Also, FlexCards nicely integrates with DataRaptor and Integration Procedure to retrieve data from Salesforce or from outside, using APIs. You can also integrate with OmniScript. This one is special: you can integrate a FlexCard in an OmniScript, but you can also start an OmniScript from a FlexCard.

Tutorial on how to create your very first OmniStudio FlexCard

To wrap things up

FlexCards are a great tool to build components without being a developer. You can use FlexCards in many situations and they make it easier to build custom Lightning Web Components.

Interested in what we can do for you?

Contact our experts directly. We'd love to hear from you!

Or would you like to learn more about Salesforce Industries CPQ? Find out what Salesforce Industries can do for your business. Download our presentation today.

Theodore van Donge

Tech Lead

Theodoor van Donge works at CaseNine as a Tech lead. In this capacity he is responsible for several projects at customers. Theodoor is not only involved in the actual development and implementation, but also advises customers in the areas of process and strategy. In doing so, he uses his substantive expertise and practical knowledge.

Receive notification when a new blog arrives

We would love to keep you updated on the latest news.