Pular para o conteúdo
Instalar gratuitamente
Português
Abrir no Claude Fazer perguntas sobre esta páginaAbrir no ChatGPT Fazer perguntas sobre esta página

Crie uma data estimada de entrega

Monte um widget de data de entrega do início ao fim, do layout e da mensagem até a sua página de produto publicada.

Este guia monta uma data estimada de entrega completa: uma mensagem com uma janela de entrega real, uma barra de progresso do pedido e as regras de envio e entrega por trás delas.

Verifique se a incorporação de app está ativada antes de começar, ou o resultado não aparecerá na sua loja virtual.

  1. Clique em Create countdown no painel ou na página Countdowns.

  2. Na página Countdown templates, mude a guia de tipo para Delivery date. Há quatro layouts:

    Layout Mostra
    Message and progress bar A mensagem acima da barra de progresso
    Progress bar and message A barra de progresso acima da mensagem
    Message only Apenas o texto de entrega
    Progress bar only Apenas a faixa Ordered → Dispatched → Delivered

    Clique em Select no que você quiser. Você pode trocar o layout depois, no controle Layout do construtor.

  3. Dê um nome como “Entrega padrão no Reino Unido”. Só você o vê.

  4. Na guia Settings, abra a seção Content. O campo Message é um editor de texto formatado: você pode usar negrito e cor, adicionar quebras de linha e inserir variáveis que o app substitui por datas reais.

    Uma nova data de entrega começa com uma mensagem mais ou menos assim:

    🚚 Free Shipping to {country_flag} {country_name} ✅ Order within the next {cutoff_time} for delivery between {delivered_min_date} - {delivered_max_date}

    Edite o texto para combinar com a sua loja, mantendo as variáveis que você quiser. A lista completa está em Variáveis de entrega.

    O editor de Message da entrega com texto e variáveis

    O campo Message combina o seu próprio texto com variáveis de data.

  5. Ainda em Content, abra a seção Progress bar. Ela tem três etapas, cada uma com os mesmos quatro campos:

    Etapa Título padrão
    Order placement Ordered
    Order dispatched Order Dispatched
    Order delivered Order Delivered

    Para cada etapa, você pode definir:

    • Icon: escolha na biblioteca de ícones do app
    • Title: o rótulo abaixo do ícone
    • Description: uma linha opcional abaixo do título
    • Tooltip: texto exibido quando a pessoa passa o mouse sobre a etapa

    A etapa Order dispatched pode ser desativada se você preferir exibir uma barra de duas etapas.

    As configurações de Progress bar mostrando as três etapas com os campos de ícone, título, descrição e tooltip

    Cada etapa da barra de progresso tem ícone, título, descrição e tooltip.

  6. Abra a seção Date range setting e defina quanto tempo cada etapa leva:

    • Order dispatched days range: Min days e Max days antes de o pedido sair da sua loja, além dos dias da semana em que você envia. O padrão é de 1 a 3 dias, de segunda a sexta.
    • Order delivered days range: Min days e Max days em trânsito, além dos dias da semana em que as entregas chegam. O padrão é de 3 a 5 dias, todos os dias.

    Os detalhes completos, incluindo feriados e formatos de data, estão em Configurações de intervalo de datas.

    A seção Date range setting com os intervalos de dias de envio e entrega e os dias úteis

    Os intervalos de envio e entrega produzem a janela exibida na mensagem.

  7. Ainda em Date range setting, defina o horário limite diário, depois do qual um pedido conta como o de amanhã. O padrão é 23:59, o que na prática significa “o dia todo”.

    Se o seu horário limite real varia conforme o dia da semana, você pode definir um por dia. Consulte Horário limite.

  8. Em Date & time settings, escolha um Date format e um Time format.

    Os formatos de data vão de MMM DD (o padrão, “Mar 14”) e DD/MM/YYYY até dddd, MMMM DD, YYYY (“Friday, March 14, 2026”). Os formatos de hora controlam como a contagem de {cutoff_time} é exibida, de Hrs, Mins, Secs até H, M, S.

    Escolha a convenção que quem compra espera. DD/MM e MM/DD significam coisas diferentes em países diferentes.

  9. Vá para Design para ajustar o widget da mensagem e o widget do progresso: fontes, cores, tamanhos, espaçamento. Consulte Crie o design de uma contagem regressiva.

  10. Na guia Display, marque Product page em Show countdown on ou copie o Shortcode para posicioná-lo exatamente onde quiser.

    Use Conditions para limitá-lo: uma promessa de entrega válida para uma coleção muitas vezes não vale para outra. Consulte Condições de exibição.

  11. Defina o status como Active e clique em Save.

  12. Abra uma página de produto correspondente na sua loja virtual publicada. Verifique se:

    • As datas fazem sentido: não estão no passado nem absurdamente distantes.
    • O nome e a bandeira do país correspondem ao local de onde você está navegando.
    • A contagem do horário limite está em andamento.

    Depois confira de novo após o horário limite passar. A janela deve ter avançado um dia.

Isso foi útil?