O processo de conversão, passo a passo NOVO
Do ficheiro de design à página WordPress: os mesmos cinco passos para ZIP/HTML, Figma, Penpot e Adobe XD, e o que muda entre contas Free e pagas.
Qualquer que seja o ponto de partida — um ZIP com HTML, um ficheiro Figma, uma exportação do Penpot ou um ficheiro Adobe XD — uma conversão segue sempre os mesmos cinco passos. O que muda é como prepara a origem e o que pode fazer com o resultado, que depende do seu plano.
Os cinco passos
- Prepare o design. Deixe a origem pronta na respetiva ferramenta (um ZIP com as suas páginas, uma ligação do Figma, uma exportação JSON, um ficheiro
.xd). Cada origem tem o seu guia, ligado mais abaixo. - Crie um projeto. Na app, clique em Novo projeto, escolha o separador da origem, dê um nome ao projeto e clique em Criar projeto. O Tapeto lê o ficheiro e o projeto passa de «pendente» a «a processar» e a «processado». Cada projeto criado conta para o seu limite mensal.
- Escolha um builder e converta. Abra o projeto, escolha um builder (Gutenberg em todos os planos, Elementor a partir do Starter) e clique em Converter. A conversão passa de em fila a em processamento e a concluída. Pode lançar mais conversões no mesmo projeto — por exemplo uma por builder — sem criar outro projeto.
- Reveja o resultado. Na página da conversão veja os separadores Pré-visualização, Conteúdo, Header / Footer / Sidebar e Instruções, e o Fidelity Score: uma estimativa de 0 a 100 da proximidade do resultado ao seu design.
- Leve-o para o WordPress. Como o faz depende do plano: copiar ou descarregar os ficheiros e importá-los à mão (Free), ou exportar um ficheiro WXR / publicar diretamente num site ligado (Starter e superiores).
Que origem posso usar?
| Origem | O que dá ao Tapeto | Planos | Guia passo a passo |
|---|---|---|---|
| ZIP / HTML | Um .zip com .html, .css e imagens (ou um único .html) — máx. 5–200 MB (conforme o plano) |
Todos | Converter um ZIP / HTML |
| Figma | A ligação do ficheiro ou frame mais um token de acesso pessoal, ou o JSON exportado do Figma — máx. 5–200 MB (conforme o plano) | Todos | Converter a partir do Figma |
| Penpot | A exportação JSON do ficheiro do Penpot — máx. 5–200 MB (conforme o plano) | Pro e superiores | Converter a partir do Penpot |
| Adobe XD | O ficheiro .xd — máx. 5–200 MB (conforme o plano) |
Pro e superiores | Converter a partir do Adobe XD |
Também pode importar um repositório do GitHub (público ou privado) a partir do separador GitHub; segue o mesmo fluxo que um ZIP.
O que o seu plano inclui
| Free | Starter | Pro | Agency | Studio | |
|---|---|---|---|---|---|
| Projetos por mês | 1 | 5 | 20 | 40 | Ilimitados |
| ZIP / HTML, Figma, GitHub | Sim | Sim | Sim | Sim | Sim |
| Penpot, Adobe XD, Stitch | — | — | Sim | Sim | Sim |
| Builders disponíveis hoje | Gutenberg | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor |
| Descarregar ficheiros e importar à mão | — | Sim | Sim | Sim | Sim |
| Exportar WXR (páginas, menus, cabeçalho / rodapé) | — | Sim | Sim | Sim | Sim |
| WXR com tipos de conteúdo personalizados e loops | — | — | — | Sim | Sim |
| Publicar diretamente no WordPress | — | 1 site | 3 sites | 10 sites | Ilimitados |
| API REST e webhooks | — | — | — | — | Sim |
| Histórico de projetos | 30 dias | 90 dias | 1 ano | Ilimitado | Ilimitado |
Mais builders a caminho
O Divi, o Bricks e o Breakdance (incluídos a partir do Pro) e o Oxygen, o Beaver Builder e o WPBakery (incluídos a partir do Agency) aparecem como Em breve na app enquanto os validamos com sites reais. Agency e Studio são planos anunciados: consulte os Preços para ver o que pode subscrever hoje.
Levar o resultado para o WordPress: Free ou pago
Conta Free
Obtém o conteúdo convertido como ficheiros que importa por si:
- Na página da conversão use Copiar no separador Conteúdo (e no separador Header / Footer / Sidebar se o seu design tiver essas partes). O download de ficheiros começa no Starter.
- Siga o separador Instruções: mostra os passos exatos de importação para o seu builder. No Gutenberg: crie uma página no WordPress, abra o Editor de código e cole o conteúdo.
- Copie o CSS do design original para Aspeto → Personalizar → CSS adicional.
Starter, Pro, Agency e Studio
Além de descarregar, pode:
- Exportar WXR — um ficheiro padrão do WordPress que importa em Ferramentas → Importar, com páginas, menus e cabeçalho / rodapé. Não é preciso nenhum plugin no site.
- Publicar no WordPress — instale o plugin do Tapeto, adicione o site em Ligações WP e publique com um clique. As páginas são criadas como rascunho, as imagens vão para a Biblioteca de multimédia e as ligações entre páginas são reescritas. Veja Ligar o WordPress.
- No Agency e no Studio, o WXR inclui ainda os tipos de conteúdo personalizados e os loops (blogue, portefólio, testemunhos…) detetados no seu design.
Quando algo corre mal
| O que vê | Causa provável | O que fazer |
|---|---|---|
| O projeto termina em «erro» | Não foi possível ler o ficheiro (formato errado, vazio ou danificado) | Leia a mensagem do projeto e verifique os requisitos no guia da origem |
| «Seu plano não inclui esta fonte» | O Penpot, o Adobe XD e o Stitch exigem Pro | Use ZIP / HTML ou Figma, ou mude de plano em Definições → Plano e faturação |
| Um builder aparece com cadeado | O seu plano não o inclui, ou ainda está «Em breve» | Consulte a tabela acima |
| Os botões de publicar e WXR têm cadeado | Plano Free | Descarregue os ficheiros ou passe para Starter |
| Limite mensal atingido | Já usou todos os projetos do ciclo | Aguarde o ciclo seguinte ou mude de plano |
Passo seguinte
Escolha o guia da sua origem: ZIP / HTML, Figma, Penpot ou Adobe XD.