Como incorporar um contador regressivo no seu site
Se você usa software de gerenciamento de conteúdo ou blogs como Blogger, WordPress, Drupal ou similar, você deve garantir que está editando seu conteúdo no modo HTML quando colar o código de incorporação.
Incorporar widgets de contagem regressiva do CountingDownTo.com é muito semelhante a incorporar um vídeo de um site como YouTube.com. No CountingDownTo.com, localize a contagem regressiva que você deseja incorporar clicando em "Minhas contagens regressivas" e depois clicando no nome da contagem regressiva que você quer incorporar. Alternativamente, você pode criar um novo widget de contagem regressiva clicando em "Nova contagem regressiva". Abaixo da contagem regressiva você verá um botão rotulado "Incorporar em seu site". Clique nele. Algum código HTML será exibido abaixo do botão. O código será parecido com a captura de tela abaixo. Copie o código e cole-o em seu site ou blog.
Se você seguiu as instruções nesta página mas ainda não consegue incorporar sua contagem regressiva, por favor entre em contato conosco para obter assistência.
Quais plataformas podem incorporar uma contagem regressiva ao vivo?
A maioria dos sites que permitem colar HTML personalizado ou uma URL de iframe exibirá sua contagem regressiva ao vivo e em contagem. Alguns construtores de páginas e ferramentas de design bloqueiam iframes por completo. Eis o que verificamos na prática:
| Plataforma | Contagem regressiva ao vivo? | Observações |
|---|---|---|
| WordPress (auto-hospedado) | Sim | Adicione um bloco HTML personalizado no editor de blocos e cole o código de incorporação. Ou use nosso plugin WordPress quando for lançado. |
| WordPress.com | Depende do plano | Planos gratuitos removem iframes. Planos pagos precisam de "recursos de hospedagem" ativados antes que o HTML personalizado funcione. Mais informações. |
| Squarespace | Sim (plano Business+) | Adicione um bloco Código e cole o código de incorporação. Requer um plano Business ou superior. |
| Wix | Sim | Use o elemento Incorporar HTML. Defina a largura e a altura do iframe para corresponder à sua contagem regressiva, para que não seja cortada nem exiba barras de rolagem. |
| Google Sites | Sim | Use Inserir → Incorporar e cole o código de incorporação ou a URL do iframe. |
| Shopify | Sim (com ressalva) | Funciona via Liquid personalizado do tema ou seções de HTML personalizado. Não funciona em descrições de produtos (o Shopify remove iframes lá). |
| Notion | Sim |
Digite /embed
e cole o link direto /w4/
da sua contagem regressiva (não o link de compartilhamento regular).
|
| Canva | Não | O Canva não suporta iframes nem incorporações externas ao vivo. Esta é uma limitação do Canva, não algo que você esteja fazendo errado. |
| Blogger, Drupal, Weebly, Joomla! | Sim | Cole o código de incorporação como HTML personalizado/bruto — veja as instruções específicas da plataforma abaixo. |
| Facebook, WhatsApp, YouTube | Não | Essas plataformas não permitem incorporações de iframe de terceiros. Compartilhe um link para a página publicada da sua contagem regressiva. |
| Clientes de e-mail | Não (use GIF) | Clientes de e-mail bloqueiam iframes. Use nossa contagem regressiva GIF para e-mail em vez disso. |
Incorporar uma contagem regressiva no WordPress
WordPress auto-hospedado: No editor de blocos, adicione um bloco HTML personalizado (+ → pesquise "Custom HTML") e cole o código de incorporação que fornecemos. A contagem regressiva não aparecerá na pré-visualização do editor — publique ou visualize a página para vê-la.
WordPress.com: Sites gratuitos do WordPress.com não suportam iframes (mais informações). Em planos pagos, você deve ativar os recursos de hospedagem antes que o bloco HTML personalizado renderize iframes. Atualizaremos esta página quando nosso plugin WordPress for lançado.
Usuários do editor clássico: Se você ainda usa o antigo editor Visual/HTML, selecione HTML (não Visual) antes de colar. Para o editor de blocos, este vídeo mostra a abordagem de HTML personalizado:
Incorporar uma contagem regressiva no Squarespace
O Squarespace requer um plano Business ou superior para incorporar código personalizado. Edite sua página, clique em + para adicionar um bloco, pesquise por Código e cole o código de incorporação no bloco Código. Salve e visualize — a contagem regressiva deve funcionar ao vivo na sua página publicada.
Incorporar uma contagem regressiva no Wix
No editor Wix, clique em + Adicionar elementos → Incorporar código → Incorporar HTML. Cole o código de incorporação e clique em Atualizar.
Importante — dimensionamento do iframe:
Se a contagem regressiva estiver cortada ou exibir barras de rolagem, abra as configurações do elemento de incorporação e defina a largura e a altura para corresponder às dimensões no seu código de incorporação (normalmente a mesma largura e altura da
tag <iframe>). O Wix nem sempre redimensiona automaticamente iframes incorporados.
Assista a um vídeo curto mostrando como adicionar uma contagem regressiva ao Wix.
Incorporar uma contagem regressiva no Google Sites
Ao editar seu site, clique em Inserir → Incorporar. Escolha Código de incorporação e cole o código de incorporação que fornecemos. Ajuste o tamanho da caixa de incorporação na página para que a contagem regressiva completa fique visível.
Incorporar uma contagem regressiva no Shopify
Adicione o código de incorporação a uma seção Liquid personalizado ou a um bloco de HTML personalizado no seu tema (Loja online → Temas → Personalizar → Adicionar seção). A contagem regressiva será exibida ao vivo nas páginas onde você a colocar.
Descrições de produtos não funcionam: O Shopify remove HTML de iframe das descrições de produtos — esta é uma restrição da plataforma, não uma limitação do CountingDownTo. Use uma página de destino, descrição de coleção ou uma seção de página personalizada.
Incorporar uma contagem regressiva no Notion
Em qualquer página do Notion, digite /embed
e pressione Enter. Cole o link direto da sua contagem regressiva (a URL
/w4/
do painel de incorporação, não o link de compartilhamento regular). O Notion incorporará apenas o widget da contagem regressiva.
Canva — não é possível no momento
O editor de sites e design do Canva não suporta incorporações de iframe nem widgets externos ao vivo. Colar nosso código de incorporação ou link não produzirá uma contagem regressiva em funcionamento. Se o Canva adicionar suporte a iframe ou imagem de URL externa no futuro, atualizaremos esta página.
Incorporar uma contagem regressiva no Blogger
Certifique-se de selecionar "Editar HTML" NÃO "Compor" antes de colar o código de incorporação no seu blog do Blogger. Lembre-se de que a contagem regressiva não aparecerá enquanto você estiver editando sua postagem. Ela só aparecerá quando você publicar ou visualizar sua postagem.
Incorporar uma contagem regressiva no Drupal
Certifique-se de selecionar "Full HTML" nas configurações de "Formato de entrada" antes de colar o código de incorporação no seu site Drupal. Lembre-se de que a contagem regressiva não aparecerá enquanto você estiver editando sua página. Ela só aparecerá quando você salvar ou visualizar sua página.
Incorporar uma contagem regressiva no Weebly
Use o elemento HTML personalizado para incorporar o widget de contagem regressiva no seu site Weebly.
Incorporar uma contagem regressiva no Joomla!
Veja estas instruções para incorporar uma contagem regressiva no Joomla!
O editor TinyMCE padrão do Joomla pode remover ou reescrever tags iframe ao salvar. Se a contagem regressiva não aparecer, tente desativar o editor WYSIWYG para esse artigo ou use o módulo Mod HTML para colocar o código de incorporação diretamente.
Plataformas que não suportam incorporações de iframe
As plataformas a seguir não podem exibir uma contagem regressiva de iframe ao vivo, independentemente do código de incorporação que você use:
- Facebook — compartilhe um link para a página publicada da sua contagem regressiva.
- WhatsApp — compartilhe um link; o WhatsApp não renderiza HTML incorporado.
- YouTube — páginas de canal e descrições de vídeo do YouTube não suportam iframes de terceiros.
- Clientes de e-mail — Gmail, Outlook, Mailchimp e outros aplicativos de e-mail bloqueiam iframes por segurança. Use nosso recurso de contagem regressiva GIF para e-mail em vez disso — ele produz uma imagem animada que funciona em praticamente todos os clientes de e-mail.
Incorporando contagens regressivas em e-mail
Enviar uma contagem regressiva com Mailchimp
Enviar uma contagem regressiva com AWeber