Você está aqui:
Adicionar um FlexCard a uma página do Experience Cloud
Depois de criar e ativar seu FlexCard, publique o componente gerado em uma página do Experience Cloud no Criador de experiências.
Da versão Summer '22 em diante, adicione um componente FlexCard padrão a uma página do Experience Cloud. Consulte Adicionar um FlexCard a uma página do Criador de experiências.
Antes de começar
-
Ative seu FlexCard. Consulte Ativar um FlexCard.
- Para acessar o Criador de experiências, consulte Navegar no Criador de experiências.
- Clique no ícone Lightning Bolt para abrir o painel Componentes.
-
Na lista de Componentes personalizados no painel Componentes, localize o nome do FlexCard LWC gerado e arraste-o para a área de tela.
Importante
Se o FlexCard não estiver visível, confirme se ele está ativo e disponível para sites do Criador de experiências selecionando o Destino apropriado. Consulte Definir valores de metadados no Designer do FlexCard.
-
Para visualizar dados de registro em um FlexCard que usa a variável de contexto
{recordId}para passar o ContextId para uma fonte de dados, insira {!recordId} em recordId. Consulte Acessar o ContextId de um FlexCard em um site do Experience. -
(Opcional) Da versão Winter '22 em diante, se o FlexCard definir um atributo que cria uma propriedade pública, defina o valor da propriedade pública no painel de propriedades no Criador de experiências. Por exemplo, se o atributo definido no FlexCard for
AccountRecordLimite o Rótulo for Limite de registro, procure por Limite de registro no painel de propriedades do Criador de experiências. Consulte Criar uma propriedade pública para um Flexcard LWC no Designer de FlexCard.A partir da versão Summer '22, se você estiver adicionando um FlexCard padrão a uma página do Experience Cloud baseada em Aura e precisar definir o valor de uma propriedade pública, use Atributos expostos. Consulte Adicionar um FlexCard a uma página do Criador de experiências.
- Para visualizar, clique em Visualizar. Consulte Visualizar seu site do Criador de experiências.

