Configuração de widgets

Visão geral da configuração de widgets

O Umbrella oferece 12 tipos de widget que controlam como as opções de garantia aparecem na sua loja virtual, no carrinho, no checkout e nas páginas de status do pedido. Cada um tem seu próprio modelo e suas próprias opções de configuração.

Tipos de widget

Modos de exibição

Garantia estendida

Proteção de envio

Opções da PDP

• Modo de exibição — inline, modal ou individual
• Escolha obrigatória — exige uma decisão sobre a garantia antes de adicionar ao carrinho
• Selecionar a primeira automaticamente — pré-seleciona a primeira opção de garantia ao carregar
• Modal ao adicionar ao carrinho — abre o seletor de garantia quando o botão Adicionar ao carrinho é clicado
• Mostrar opção “Sem cobertura” — exibe uma opção explícita de “Recusar”

Inserção personalizada

• Seletor personalizado para inserir acima — conteúdo HTML acima do seletor de garantia
• Seletor de inserção personalizado — seletor CSS que indica onde posicionar o widget
• Posição de inserção personalizada — outside-above, inside-top, inside-bottom ou outside-below

Opções do carrinho

• Ocultar botão de informações — oculta o botão de detalhes da garantia
• Ocultar botão de remover — oculta o botão para remover a garantia
• Ocultar item de garantia estendida no carrinho — oculta a linha da garantia (ela continua no carrinho, só não fica visível)
• Ocultar faixa de preço do item de garantia estendida — oculta as informações da faixa de preço
• Ocultar detalhes do item de garantia estendida — oculta o prazo e o nível de serviço
• Adicionar ao total do item protegido — soma o preço da garantia ao total do produto
• Desativar interações com o item de garantia — impede cliques nos itens de garantia
• Ocultar detalhes da cobertura — oculta as informações sobre o que está coberto
• Ocultar prazo da garantia — oculta a duração
• Ocultar a marca Umbrella — remove o logotipo do Umbrella
• Usar modelo personalizado — usa um modelo HTML personalizado (consulte Modelos de widget)

Opções de status do pedido

• Ocultar botão de sinistro — oculta “Abrir sinistro”
• Ocultar indicador de status — oculta o indicador Ativa/Expirada/Pendente
• Ocultar informações do prazo para sinistros — oculta os detalhes do prazo para sinistros

Opções do modal de status do pedido

• Ocultar ID da apólice — oculta o número de ID da apólice
• Ocultar data de início / Ocultar data de término — oculta as datas da cobertura
• Ocultar prazo para sinistros — oculta as informações do prazo para sinistros
• Ocultar botão Ver apólice — oculta o link para os detalhes completos da apólice
• Ocultar botão Abrir sinistro — oculta o botão para abrir sinistros

Opções de proteção de envio

• Modo de exibição — checkbox ou button-choice
• HTML do botão de checkout — HTML personalizado para o botão de seleção
• Texto “Continuar sem” — texto da opção de recusa (por exemplo, “Não, obrigado”)

Localização

Adicione traduções para os textos do widget usando um objeto de localidades aninhado:

{
  "translations": {
    "fr": {
      "addProtection": "Ajouter la protection",
      "fileAClaim": "Deposer une reclamation"
    }
  }
}

Relacionados

• Modelos de widget — modelos HTML personalizados e atributos de dados
• Extensão de tema da Shopify — widget de PDP pelo embed do tema
• Extensões de checkout da Shopify — configurações do widget de checkout
• Extensões de pedido da Shopify — exibição do widget de status do pedido