Loading
Marketing Cloud Next
Estender visualizaĆ§Ć£o e teste no Marketing Cloud Next

VocĆŖ estĆ” aqui:

  1. Ajuda do Salesforce
  2. DocumentaĆ§Ć£o
  3. AvanƧar do Marketing Cloud

Estender visualizaĆ§Ć£o e teste no Marketing Cloud Next

Visualizar e testar Ć© um recurso integrado no Marketing Cloud Next para revisar o conteĆŗdo da sua mensagem antes do envio. No modal Visualizar e testar, vocĆŖ pode ver como seu email, SMS ou mensagem do WhatsApp aparece para os destinatĆ”rios, personalizar a visualizaĆ§Ć£o com membros especĆ­ficos do segmento e validar campos de mesclagem. O modal inclui guias dedicadas para visualizar conteĆŗdo renderizado e executar envios de teste.

EdiƧƵes obrigatĆ³rias

DisponĆ­vel em: EdiƧƵes Enterprise e Unlimited do Salesforce com o Marketing Cloud Next Growth ou Advanced Edition e nas ediƧƵes Starter e Pro Suite. Sua ediĆ§Ć£o determina as opƧƵes que vocĆŖ tem.
PermissƵes de usuƔrio necessƔrias
Para visualizar e testar o conteĆŗdo: Conjunto de permissƵes de Gerente do Marketing Cloud E qualquer papel de colaborador do espaƧo de trabalho do CMS

VocĆŖ pode estender a visualizaĆ§Ć£o e o teste adicionando guias personalizadas ao modal. Cada guia personalizada Ć© alimentada por um Componente da Web Lightning (LWC) que vocĆŖ cria e implanta na sua organizaĆ§Ć£o. A guia recebe dados de visualizaĆ§Ć£o ativa, incluindo tipos de canal, conteĆŗdo e valores de campo de mesclagem, para que vocĆŖ possa criar ferramentas de validaĆ§Ć£o personalizadas, renderizar visualizaƧƵes ou verificar a integraĆ§Ć£o diretamente na experiĆŖncia de visualizaĆ§Ć£o e teste.

O mecanismo de extensĆ£o Ć© baseado em um tipo de metadados UiPreviewMessageTabDef. Quando vocĆŖ cria e ativa um registro de UiPreviewMessageTabDef, sua guia personalizada aparece junto com as guias padrĆ£o Visualizar e Testar no modal.

  • Conclua a configuraĆ§Ć£o para as ediƧƵes Marketing Cloud Growth ou Advanced. Para instruƧƵes de configuraĆ§Ć£o, consulte o guia IntroduĆ§Ć£o.

  • Configure o Salesforce Workbench.

  • Provisione o canal de email. Sem isso, o UiPreviewMessageTabDef nĆ£o Ć© acessĆ­vel.

  • Entender o objeto previewData
    Seu LWC personalizado recebe um objeto previewData que contƩm informaƧƵes contextuais sobre a mensagem que estƔ sendo visualizada. Os campos disponƭveis em previewData variam de acordo com o canal.

Etapa 1: Criar e implementar um componente da Web Lightning

Crie um LWC e implante-o em sua organizaĆ§Ć£o. O componente fornece o conteĆŗdo que aparece na sua guia personalizada. Use a estrutura de diretĆ³rios e o conteĆŗdo do arquivo especificados no procedimento.

  1. Crie uma estrutura de diretĆ³rio para seu componente: 
    
lwc/
  customTab/
    customTab.html
    customTab.js
    customTab.js-meta.xml
package.xml
  2. Adicione esta marcaĆ§Ć£o a customTab.html: 
    
<template>
  <div style="padding: 20px;">
    <div>This content appears in the custom tab.</div>
    <div>previewData.channelType: {previewData.channelType}</div>
    <div>previewData.content: {previewData.content}</div>
    <div>previewData.contentKey: {previewData.contentKey}</div>
    <div>previewData.emailSubject: {previewData.emailSubject}</div>
    <div>previewData.emailPreheader: {previewData.emailPreheader}</div>
  </div>
</template>
  3. Adicione este cĆ³digo ao customTab.js: 
    
import { LightningElement, api } from "lwc";
export default class CustomTab extends LightningElement {
    @api previewData;
}
  4. Adicione estes metadados ao customTab.js-meta.xml: 
    <?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>64.0</apiVersion>
    <isExposed>true</isExposed>
    <capabilities>
        <capability>lightning__dynamicComponent</capability>
    </capabilities>
</LightningComponentBundle>
  5. Adicione este conteĆŗdo ao package.xml: 
    
<?xml version="1.0" encoding="UTF-8"?>
<Package xmlns="http://soap.sforce.com/2006/04/metadata">
    <types>
        <members>*</members>
        <name>LightningComponentBundle</name>
    </types>
    <version>64.0</version>
</Package>
  6. Implemente o componente na sua organizaĆ§Ć£o.

Etapa 2: criar uma entrada UiPreviewMessageTabDef

Depois de implementar seu LWC, crie um registro de UiPreviewMessageTabDef para registrar sua guia personalizada.

  1. Na sua organizaĆ§Ć£o, clique no Ć­cone de configuraĆ§Ć£o e selecione Console do desenvolvedor.
  2. No Developer Console, clique na guia Editor de consulta.
  3. Na parte inferior do Editor de consulta, marque a caixa de seleĆ§Ć£o Usar API de ferramentas.
  4. Insira a seguinte consulta e clique em Executar: 
    SELECT Id, DeveloperName, TabName, IsActive, SupportedChannel, LightningComponentDefId
FROM UiPreviewMessageTabDef
  5. Clique em Inserir linha e forneƧa valores para cada campo obrigatĆ³rio. Para descriƧƵes de campo, consulte UiPreviewMessageTabDef.
  6. Para obter o ID do LWC implementado, execute a seguinte consulta no Editor de consulta: 
    SELECT Id, DeveloperName, IsExposed, NamespacePrefix
FROM LightningComponentBundle
WHERE IsExposed = true
  7. Copie o valor de Id do seu componente e insira-o no campo LightningComponentDefId.
  8. Clique em Salvar linhas.

Depois de salvar o registro de UiPreviewMessageTabDef com IsActive definido como true, sua guia personalizada aparece no modal Visualizar e Testar ao lado das guias padrĆ£o Visualizar e Testar. O objeto de previewData passado para o seu componente Ć© atualizado automaticamente quando o contexto da visualizaĆ§Ć£o muda, por exemplo, quando um usuĆ”rio seleciona um membro de segmento diferente ou alterna entre visualizaƧƵes personalizadas e nĆ£o personalizadas.

Etapa 3: empacotar sua extensĆ£o

Para distribuir sua extensĆ£o de VisualizaĆ§Ć£o e Teste por meio do AppExchange, inclua os registros de LightningComponentBundle e UiPreviewMessageTabDef no pacote gerenciado.

Os usuƔrios que instalam seu pacote podem controlar se a guia personalizada aparece no modal Visualizar e Testar modificando o campo IsActive no registro de UiPreviewMessageTabDef instalado.

 
Carregando
Salesforce Help | Article