{"id":105056,"date":"2025-08-11T16:53:34","date_gmt":"2025-08-11T11:23:34","guid":{"rendered":"https:\/\/cloudfoundation.com\/blog\/?p=105056"},"modified":"2025-08-12T10:31:16","modified_gmt":"2025-08-12T05:01:16","slug":"salesforce-omnistudio-training-guide-on-flexcards","status":"publish","type":"post","link":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/","title":{"rendered":"Salesforce Omnistudio Training Guide On Flexcards"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Salesforce_OmniStudio_FlexCards\" >Salesforce OmniStudio FlexCards<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Building_Parent_and_Child_Cards_in_Salesforce_OmniStudio\" >Building Parent and Child Cards in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Mapping_Data_Between_Cards_in_Salesforce_OmniStudio\" >Mapping Data Between Cards in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Card_States_in_Salesforce_OmniStudio\" >Card States in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Passing_Data_to_Flexcards_in_Salesforce_OmniStudio\" >Passing Data to Flexcards in Salesforce OmniStudio<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Dynamic_Layouts_with_Salesforce_OmniStudio\" >Dynamic Layouts with Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Salesforce_Training\" >Salesforce Training<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Building_Responsive_Interfaces_with_Salesforce_OmniStudio\" >Building Responsive Interfaces with Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Advanced_FlexCard_Techniques_in_Salesforce_OmniStudio\" >Advanced FlexCard Techniques in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Mapping_Data_in_Salesforce_OmniStudio_FlexCards\" >Mapping Data in Salesforce OmniStudio FlexCards<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Advanced_Data_in_Salesforce_OmniStudio_FlexCards\" >Advanced Data in Salesforce OmniStudio FlexCards<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Formatting_and_Styling_in_Salesforce_OmniStudio\" >Formatting and Styling in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Flyout_Appearance_in_Salesforce_OmniStudio\" >Flyout Appearance in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Salesforce_Online_Training\" >Salesforce Online Training<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Testing_Flyouts_in_Salesforce_OmniStudio_Record_Pages\" >Testing Flyouts in Salesforce OmniStudio Record Pages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Building_Data_Tables_with_Salesforce_OmniStudio\" >Building Data Tables with Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Salesforce_OmniStudio_Table_Features\" >Salesforce OmniStudio Table Features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Data_Tables_in_Salesforce_OmniStudio\" >Data Tables in Salesforce OmniStudio \u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#Integrating_Procedures_in_Salesforce_OmniStudio\" >Integrating Procedures in Salesforce OmniStudio \u00a0<\/a><\/li><\/ul><\/nav><\/div>\n\n<h2><span class=\"ez-toc-section\" id=\"Salesforce_OmniStudio_FlexCards\"><\/span><strong>Salesforce OmniStudio FlexCards<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>FlexCards in Salesforce OmniStudio are highly adaptable. Quickly build dynamic components using data sourced from data adapters while simultaneously formatting text for display. The process is quick and effortless.<\/p>\n<p>Salesforce OmniStudio enables the design of robust user experiences without writing complex code. From mapping fields and formatting text, everything is designed for maximum ease of use and efficiency.<\/p>\n<p>If the project involves dynamic data presentation, Salesforce OmniStudio FlexCards are highly recommended \u2013 they have revolutionised how interfaces and data management systems are created and maintained.<\/p>\n<p>Salesforce OmniStudio FlexCards offer a dynamic data retrieval and visualisation system in an organised, user-friendly format. If this has ever been a requirement, then look no further.<\/p>\n<p>Start by building a FlexCard using Salesforce OmniStudio, mapping fields, and pulling data using data adapters. Without connected sources of information, no fields will appear; however, with the adapters\/sources connected, these fields become visible again.<\/p>\n<p><img decoding=\"async\" width=\"800\" height=\"2974\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/FlexCard-Design-Principles.png\" alt=\"\" class=\"size-medium aligncenter\" \/><\/p>\n<p>Select and pass an input parameter, specifically an ACC ID. It is crucial to avoid hardcoding values in Salesforce OmniStudio when passing input parameters, such as an ACC ID. Instead, pass a dynamic record ID from wherever FlexCard is called for use.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Building_Parent_and_Child_Cards_in_Salesforce_OmniStudio\"><\/span><strong>Building Parent and Child Cards in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To create the desired effects, begin by building a FlexCard in <strong><a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-salesforce-datorama\" target=\"_blank\" rel=\"noopener\">Salesforce<\/a><\/strong> OmniStudio that pulls data from an object, such as code. Display some fields directly, while passing others, such as city, state, and PIN code, to an additional card known as a scale card for display purposes.<\/p>\n<p>Scale cards in Salesforce OmniStudio allow modularised data presentation. Pass three fields from the parent to the child card and have it display them cleanly on its surface.<\/p>\n<p>When creating a scale card in Salesforce OmniStudio, it&#8217;s imperative that the &#8220;Is Child Card&#8221; toggle is activated; otherwise, the parent card won&#8217;t have access to this element, and debugging time could become increasingly challenging. Even this small step can save hours of effort.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mapping_Data_Between_Cards_in_Salesforce_OmniStudio\"><\/span><strong>Mapping Data Between Cards in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Once the scale card is ready, begin mapping its fields \u2014 city, state, and PIN code \u2014 from the parent card into Salesforce OmniStudio. Be precise; use dot notation, such as parent\u2014town\/state, where necessary if nesting fields exist.<br \/><video src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Card-Mapping.webm\" poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>Scale cards provide an effective means of <strong><a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-data-visualization\" target=\"_blank\" rel=\"noopener\">visualising<\/a><\/strong> these values. While tables or other components can be utilised, text-only cards are preferable for ease of use, ensuring that field names match precisely between parent and child cards in Salesforce OmniStudio.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Card_States_in_Salesforce_OmniStudio\"><\/span><strong>Card States in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Card states are a valuable feature of Salesforce OmniStudio. When a card is cloned and conditions are applied, such as an annual income exceeding 20 lakhs, a new state is created that can be tailored with different styling, menu items, and layouts.<\/p>\n<p>This approach keeps logic organised while eliminating clutter by avoiding conditions on each element.<\/p>\n<p>To display only certain menu items to premium users\u2014such as when income meets specific thresholds set conditions directly in OmniStudio.<\/p>\n<p>This allows easy customisation without unnecessarily complicating the design process. Salesforce OmniStudio makes tailoring experiences effortless!<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Passing_Data_to_Flexcards_in_Salesforce_OmniStudio\"><\/span><strong>Passing Data to Flexcards in Salesforce OmniStudio<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio can be used to transmit data from an OmniScript directly into multiple FlexCards. Three unique FlexCards can be created to display tables populated from element nodes provided directly from OmniScript.<\/p>\n<p>Here is an important point: when embedding FlexCards within OmniScripts, there&#8217;s no need to nest them one inside another; utilise simple FlexCards within the Salesforce OmniStudio framework to maintain clean and efficient workflows.<\/p>\n<p>Start by setting up a &#8220;search by&#8221; option that enables the user to choose either an account ID or account name from several selection options. Then, conditionally display text boxes based on the user&#8217;s selection (either for account name or ID), depending on the choice made.<\/p>\n<p><img decoding=\"async\" width=\"800\" height=\"879\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/FlexCard-Data-Integration.png\" alt=\"\" class=\"size-medium aligncenter\" \/><\/p>\n<p>One powerful feature of Salesforce OmniStudio is its dynamic behaviour, which offers endless customisation within this dynamic <strong><a href=\"https:\/\/cloudfoundation.com\/blog\/what-is-database\" target=\"_blank\" rel=\"noopener\">database<\/a><\/strong> platform.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Dynamic_Layouts_with_Salesforce_OmniStudio\"><\/span><strong>Dynamic Layouts with Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio allows layouts to change dynamically based on record data. For example, when working with an address field, the layout can update automatically depending on who owns the record this is called decomposition. It provides an efficient way to make FlexCards dynamic and tailored to specific needs.<\/p>\n<p>FlexCards in Salesforce OmniStudio offer incredible versatility. From <strong><a href=\"https:\/\/cloudfoundation.com\/blog\/sas-data-integration-training\" target=\"_blank\" rel=\"noopener\">Data Integration<\/a><\/strong> and Raptors Procedures to SOQL queries and CSS customisation, Flex Cards provide unparalleled dynamic power.<\/p>\n<p>Information can be collected through Data Raptors or Integration Procedures; images can be added; OmniScripts can be triggered; flyouts can be launched; the user experience can be customised through CSS.<\/p>\n<p>FlexCards can also launch flyouts using OmniScripts, trigger actions from OmniScripts, and customise UI as needed \u2014 all of which contribute to their dynamic functionality and versatility.<\/p>\n<p>One way to customise FlexCard displays is based on users&#8217; annual income levels. Premium users may see different images and menu options than non-premium users, based on a field called Yearly Income.<\/p>\n<p>Instead of adding multiple if-else conditions throughout, Salesforce OmniStudio allows a card state to be cloned and conditions applied accordingly. This enables clean management of layout, styling, and visibility in a single, scalable approach.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#0095f2&#8243; background_color_gradient_end=&#8221;#7dbed8&#8243; background_color_gradient_direction=&#8221;92deg&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;73%|62%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/SS_436-_Converted_-1.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;114%|112%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;25px|-4px&#8221; transform_translate_linked=&#8221;off&#8221; width=&#8221;98.1%&#8221; custom_margin=&#8221;|7px|||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;21px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Salesforce_Training\"><\/span><span style=\"color: #ffffff;\"><strong>Salesforce Training<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;21px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<h2><\/h2>\n<p style=\"text-align: center;\">[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Explore Course Content&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Building_Responsive_Interfaces_with_Salesforce_OmniStudio\"><\/span><strong>Building Responsive Interfaces with Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio equips users with all the tools to design responsive interfaces that adapt to user input and data conditions, whether customising FlexCards based on annual income or rendering tables from an OmniScript.<\/p>\n<p>Salesforce OmniStudio supports it all. OmniScript allows users to easily create filters that dynamically reveal input fields based on selection.<\/p>\n<p>Utilising search buttons, users can trigger DataRaptors, which retrieve account-related data and pass it onto FlexCards that display it in a structured format. This ensures complete control over the user experience.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Interface-Design.png\" alt=\"\" width=\"800\" height=\"3064\" \/><\/p>\n<p>Salesforce OmniStudio employs a modular approach to application development, ensuring scalability, maintainability, and user-friendliness. Not just pages\u2014this is about designing experiences that respond intelligently to user behaviour and data.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Advanced_FlexCard_Techniques_in_Salesforce_OmniStudio\"><\/span><strong>Advanced FlexCard Techniques in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio simplifies the use of conditional cards by providing flexibility for managing complex logic. If a user&#8217;s annual income surpasses certain thresholds, a unique card layout with custom styling and menu items can be shown.<\/p>\n<p>Card states are an invaluable way of organising logic: copy an existing card, set conditions on it, and customise its clone; the original remains undisturbed, as new cards appear only when necessary, based on these conditions, keeping both design and logic organised and simplified.<\/p>\n<p>OmniScript provides complete control over which FlexCards are displayed. By passing specific data elements for each card, only relevant information is displayed. This is especially convenient when handling large volumes of accounts, contacts, and cases.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mapping_Data_in_Salesforce_OmniStudio_FlexCards\"><\/span><strong>Mapping Data in Salesforce OmniStudio FlexCards<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Once record IDs are available, they can be utilised in unit tests with real data to simulate real-world environments before deployment of FlexCards. This helps ensure proper functionality before beginning deployment projects.<\/p>\n<p>After saving and fetching, Salesforce OmniStudio executes its query and provides data about account name, account number, and revenue neatly displayed for viewing.<\/p>\n<p>FlexCards enable dynamic rendering without complex programming, allowing Salesforce OmniStudio users to fully leverage them.<br \/>\n<video poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" src=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/FlexCard-Data-Mapping.webm\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\nTo display data, drag and drop fields directly into a FlexCard. Alternatively, text elements can be formatted like HTML by adding headings, changing colours, and styling text \u2014 all without leaving Salesforce OmniStudio.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Advanced_Data_in_Salesforce_OmniStudio_FlexCards\"><\/span><strong>Advanced Data in Salesforce OmniStudio FlexCards<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio excels at handling complex data structures. It allows access to nested fields and displays them using dot notation, which is convenient when dealing with multi-level information, such as contact details within account records.<\/p>\n<p>Formatting these fields using text elements is also possible. From bolding labels to centring content, Salesforce OmniStudio provides complete control of presentation without needing external stylesheets.<\/p>\n<p>Testing is one area in which Salesforce OmniStudio truly shines. Utilising the &#8220;Add Test Parameter&#8221; feature to switch between records and observe their behaviour is a crucial aspect of ensuring FlexCards are durable enough for real-world use.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Formatting_and_Styling_in_Salesforce_OmniStudio\"><\/span><strong>Formatting and Styling in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Styling in Salesforce OmniStudio is intuitive. Add an &#8216;Account Details&#8217; heading and format it using built-in style options; choose colours, font sizes, and alignment without writing CSS code.<\/p>\n<p>After entering account details such as name and number, dot notation can be used when working with nested data in Salesforce OmniStudio to access contact data within account data; for instance, &#8216;accountData.contactData.name&#8217; works instead of Omni Script, where colons would have been required.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Styling-Features.png\" alt=\"\" width=\"800\" height=\"945\" \/>Dynamic testing of different records is possible by changing the test parameter to simulate how FlexCards behave with various inputs, all managed seamlessly within Salesforce OmniStudio.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Flyout_Appearance_in_Salesforce_OmniStudio\"><\/span><strong>Flyout Appearance in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio provides maximum control over how flyouts appear, allowing greater customisation of their appearance and user experience.<\/p>\n<p>For instance, an icon like &#8220;Home&#8221; for addresses offers additional visual cues for more straightforward navigation of the interface, making the experience more user-friendly.<\/p>\n<p>Customers who prefer the background to blur when the flyout appears can enable a modal flyout in Salesforce OmniStudio settings. This creates an inviting pop-up effect with a faded background, enhancing the user experience.<\/p>\n<p>Alternatively, select &#8220;popover,&#8221; which presents the flyout without blurring its background. Both options are available within Salesforce OmniStudio; choose the one that best matches design requirements.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,1_4,1_4,1_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#ff8c7c&#8221; background_color_gradient_end=&#8221;#e5ba4e&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|69%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;||-5px||false|false&#8221; custom_padding=&#8221;|||2px|false|false&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/8423118_3895895.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85.4%&#8221; custom_margin=&#8221;-31px||-24px||false|false&#8221; custom_padding=&#8221;|22px|0px||false|false&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; min_height=&#8221;50.8px&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/&#8221; link_option_url_new_window=&#8221;on&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Salesforce_Online_Training\"><\/span><span style=\"color: #000000;\"><strong>Salesforce Online Training<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Up Coming Batches&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#E09900&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221; background_layout=&#8221;dark&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; url=&#8221;https:\/\/cloudfoundation.com\/blog\/&#8221; url_new_window=&#8221;on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text content_tablet=&#8221;&#8221; content_phone=&#8221;&#8221; content_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Testing_Flyouts_in_Salesforce_OmniStudio_Record_Pages\"><\/span><strong>Testing Flyouts in Salesforce OmniStudio Record Pages<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Once everything is configured, activate and test cards on a record page using Salesforce OmniStudio. Clicking on an address field brings up its flyout with city, state, and pin code details, which is a fantastic feature.<\/p>\n<p>To close a flyout, click back into its respective field; clicking outside won\u2019t work and should be avoided to improve user experience.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Flyout-Testing.png\" alt=\"\" width=\"800\" height=\"2783\" \/><\/p>\n<p>These small yet significant UX details are crucial in Salesforce OmniStudio, as they significantly impact user satisfaction levels.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Building_Data_Tables_with_Salesforce_OmniStudio\"><\/span><strong>Building Data Tables with Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Data Tables in Salesforce OmniStudio can be previewed using the Data Lab before using a Flex Data Table Component, which automatically pulls data and renders accounts using account IDs, making the conversion from JSON to table effortless with Salesforce OmniStudio.<\/p>\n<p>The &#8216;Save and Fetch&#8217; function immediately updates data due to changing mapping. Adding data tables is as simple as dragging and dropping. Salesforce OmniStudio internalises and renders information beautifully!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Salesforce_OmniStudio_Table_Features\"><\/span><strong>Salesforce OmniStudio Table Features<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salesforce OmniStudio provides many features designed to enhance the user experience. Attributes such as sortable, searchable, draggable, and user-selectable rows are available. Implementation is seamless; adding checkbox selection is effortless.<br \/>\n<video src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Table-Features.webm\" poster=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/plugins\/a3-lazy-load\/assets\/images\/lazy_placeholder.gif\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"800\" height=\"auto\"><\/video><br \/>\nPagination is another excellent tool. Setting the page size to two causes Salesforce OmniStudio to display only two records per page, which is perfect for handling large datasets with precision.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Data_Tables_in_Salesforce_OmniStudio\"><\/span><strong>Data Tables in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Working with data tables in Salesforce OmniStudio provides flexible styling options. Select the table and move over to the Style tab \u2014 from background colour adjustments and visual tweaks to other customisations.<\/p>\n<p>Salesforce&#8217;s intuitive user interface ensures a smooth experience. Even basic styling can have a dramatic impact on an app&#8217;s visual design.<\/p>\n<p>If the built-in options don&#8217;t quite meet requirements, custom CSS can be applied directly within Salesforce OmniStudio. Custom CSS provides another excellent choice for achieving the exact look desired by users.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Integrating_Procedures_in_Salesforce_OmniStudio\"><\/span><strong>Integrating Procedures in Salesforce OmniStudio \u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Once a selection has been made, launch an integration procedure to access account details. Whether a user selects an account name or ID, the integration procedure handles both inputs seamlessly. Adapt it to extract account data accurately.<\/p>\n<p>As part of an adapter, pull in account details, contacts, and cases \u2014 all child objects of an account \u2014 for an all-encompassing view of its ecosystem. Salesforce OmniStudio makes managing relationships effortless!<\/p>\n<p><strong>Salesforce OmniStudio Deployment<\/strong><\/p>\n<p><strong><a href=\"https:\/\/cloudfoundation.com\/salesforce-vlocity-omnistudio-training\" target=\"_blank\" rel=\"noopener\">Salesforce OmniStudio<\/a><\/strong> utilises the ID X tool to transfer data between sandboxes, leveraging ID X&#8217;s straightforward yet effective migration of both Velocity and Salesforce components.<\/p>\n<p><img decoding=\"async\" class=\"size-medium aligncenter\" src=\"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/OmniStudio-Integration-Deployment.png\" alt=\"\" width=\"800\" height=\"1070\" \/>Since projects rely on both Velocity components and Salesforce components, such as Apex classes, remote actions, and Visualforce pages, incorporating Salesforce components is vital.<\/p>\n<p>Once inside the ID X tool, begin by choosing the main branch \u2014 this branch is automatically created when access is granted to the Git repository.<\/p>\n<p>Enter the repository URL and extract the codebase files from the main or any other branch (Salesforce OmniStudio makes this process straightforward).<\/p>\n<p>Next, specify source and target environments. With Salesforce OmniStudio, environments can be quickly configured for transitions, such as development to QA or UAT testing environments.<\/p>\n<p>New environments are created by authorising them with Visual Studio Code before providing their login URL. Once approved, they appear in the list, ready for deployment.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#064399&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#494fff&#8221; background_color_gradient_end=&#8221;#9ea6ff&#8221; background_color_gradient_type=&#8221;radial&#8221; background_color_gradient_direction_radial=&#8221;top left&#8221; background_color_gradient_start_position=&#8221;35%&#8221; background_color_gradient_end_position=&#8221;80%&#8221; transform_scale=&#8221;74%|71%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;-53px|-50px&#8221; transform_translate_linked=&#8221;off&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/&#8221; link_option_url_new_window=&#8221;on&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2023\/06\/Untitled-11.png&#8221; title_text=&#8221;Untitled-11&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_scale=&#8221;103%|103%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;11px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_padding=&#8221;|88px||||&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Georgia|700|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Georgia|700|||||||&#8221; header_font_size=&#8221;19px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_line_height=&#8221;1.2em&#8221; transform_scale=&#8221;171%|159%&#8221; transform_scale_linked=&#8221;off&#8221; transform_translate=&#8221;40px|44px&#8221; transform_translate_linked=&#8221;off&#8221; transform_origin=&#8221;70%|50%&#8221; z_index=&#8221;-161&#8243; width=&#8221;100%&#8221; custom_margin=&#8221;|-215px||||&#8221; custom_padding=&#8221;|0px||||&#8221; link_option_url=&#8221;https:\/\/cloudfoundation.com\/&#8221;]<\/p>\n<h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\"><strong><span style=\"color: #ffffff;\">Salesforce Course <\/span>Price<\/strong><\/span><\/h1>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/cloudfoundation.com\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Offer Price&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#0C71C3&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|700|||||||&#8221; transform_translate=&#8221;64px|65px&#8221; transform_translate_linked=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2019\/06\/logo_resize_color.png&#8221; title_text=&#8221;logo_resize_color&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; transform_translate=&#8221;-36px|0px&#8221; transform_translate_linked=&#8221;off&#8221; custom_margin=&#8221;|||178px||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_team_member name=&#8221;Vinitha Indhukuri&#8221; position=&#8221;Author&#8221; image_url=&#8221;https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/02\/Vinitha-Indhukuri-e1739946272117.png&#8221; _builder_version=&#8221;4.9.7&#8243; header_level=&#8221;h5&#8243; header_font=&#8221;Titillium Web|700|||||||&#8221; body_font=&#8221;Titillium Web||||||||&#8221; body_font_size=&#8221;16&#8243;]Success isn\u2019t about being the best; it\u2019s about being better than you were yesterday.[\/et_pb_team_member][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Salesforce OmniStudio FlexCards FlexCards in Salesforce [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":105070,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"2880","footnotes":""},"categories":[211],"tags":[],"class_list":{"0":"post-105056","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-salesforce"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Salesforce Omnistudio Training Guide On Flexcards<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Salesforce Omnistudio Training Guide On Flexcards\" \/>\n<meta property=\"og:description\" content=\"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Salesforce OmniStudio FlexCards FlexCards in Salesforce [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/\" \/>\n<meta property=\"og:site_name\" content=\"CloudFoundation | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-11T11:23:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-12T05:01:16+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/Salesforce-Omnistudio.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"NAGENDRAG\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"NAGENDRAG\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Salesforce Omnistudio Training Guide On Flexcards","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/","og_locale":"en_US","og_type":"article","og_title":"Salesforce Omnistudio Training Guide On Flexcards","og_description":"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.7&#8243;][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; title_font=&#8221;Times New Roman||||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;47&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;|||10%&#8221; title_font_size_tablet=&#8221;40&#8243; title_font_size_phone=&#8221;35&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; text_font=&#8221;Georgia||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;22px&#8221; text_line_height=&#8221;1.9em&#8221; max_width=&#8221;800px&#8221; max_width_last_edited=&#8221;off|phone&#8221; custom_margin=&#8221;|||10%&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_line_height_last_edited=&#8221;off|phone&#8221; sticky_enabled=&#8221;0&#8243;] Salesforce OmniStudio FlexCards FlexCards in Salesforce [&hellip;]","og_url":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/","og_site_name":"CloudFoundation | Blog","article_published_time":"2025-08-11T11:23:34+00:00","article_modified_time":"2025-08-12T05:01:16+00:00","og_image":[{"width":500,"height":500,"url":"http:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/Salesforce-Omnistudio.jpg","type":"image\/jpeg"}],"author":"NAGENDRAG","twitter_card":"summary_large_image","twitter_misc":{"Written by":"NAGENDRAG","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/","url":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/","name":"Salesforce Omnistudio Training Guide On Flexcards","isPartOf":{"@id":"https:\/\/cloudfoundation.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#primaryimage"},"image":{"@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#primaryimage"},"thumbnailUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/Salesforce-Omnistudio.jpg","datePublished":"2025-08-11T11:23:34+00:00","dateModified":"2025-08-12T05:01:16+00:00","author":{"@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4"},"breadcrumb":{"@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#primaryimage","url":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/Salesforce-Omnistudio.jpg","contentUrl":"https:\/\/cloudfoundation.com\/blog\/wp-content\/uploads\/2025\/08\/Salesforce-Omnistudio.jpg","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/cloudfoundation.com\/blog\/salesforce-omnistudio-training-guide-on-flexcards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudfoundation.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Salesforce Omnistudio Training Guide On Flexcards"}]},{"@type":"WebSite","@id":"https:\/\/cloudfoundation.com\/blog\/#website","url":"https:\/\/cloudfoundation.com\/blog\/","name":"CloudFoundation | Blog","description":"A New way of Learning","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudfoundation.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/df6c7eba98f1bb15f2a100a9958266e4","name":"NAGENDRAG","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudfoundation.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09e08ba1102807a876f2c00245d6b955f0a9f027b40c181e9cee0cd2d927f84a?s=96&d=wavatar&r=g","caption":"NAGENDRAG"},"url":"https:\/\/cloudfoundation.com\/blog\/author\/nagendrag\/"}]}},"_links":{"self":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/105056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/comments?post=105056"}],"version-history":[{"count":8,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/105056\/revisions"}],"predecessor-version":[{"id":105084,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/posts\/105056\/revisions\/105084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media\/105070"}],"wp:attachment":[{"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/media?parent=105056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/categories?post=105056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudfoundation.com\/blog\/wp-json\/wp\/v2\/tags?post=105056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}