Contratar alguém para montar um site institucional pode custar caro, e fazer sozinho costuma travar na parte do design. E se a IA desenhasse e montasse tudo, mas você continuasse dono de cada página?
O canal MeticsMedia publicou, em 3 de novembro de 2026, o vídeo “Build the PERFECT WordPress Website with AI (Full Guide)”. A proposta é usar o Claude, uma skill gratuita e o Elementor MCP para criar um site WordPress de verdade, editável mesmo se você parar de pagar pela IA.
Neste tutorial, você vê as etapas do vídeo na ordem, explicadas em português, com os cuidados que fazem diferença para quem está começando. Os fatos vêm do título, da descrição, dos capítulos do vídeo e do repositório oficial da skill no GitHub.
O que é o site WordPress com Claude e Elementor MCP
O fluxo junta três peças. O Claude, app de IA da Anthropic, faz as perguntas, propõe o design e escreve o conteúdo. A skill “WordPress Website”, gratuita, é um roteiro que diz ao Claude o que fazer em cada fase.
A terceira peça é o Elementor MCP. MCP é um padrão que permite a uma IA usar ferramentas externas. Com ele, o Claude monta cada página dentro do Elementor, o editor visual de arrastar e soltar mais usado no WordPress.
A grande vantagem: as páginas são feitas com elementos reais do Elementor, não com código solto. Se um dia você cancelar a IA, continua editando tudo à mão, clicando e arrastando.
| Peça | Para que serve | Custo citado no vídeo |
|---|---|---|
| App do Claude (Desktop) | Conduz o projeto e monta as páginas | Plano pago (Pro ou superior) |
| Skill WordPress Website | Roteiro de fases que o Claude segue | Gratuita, no GitHub |
| Higgsfield | Gera fotos com IA e melhora fotos do celular | Opcional, pago |
| Hostinger | Hospedagem e domínio grátis no plano | Pago |
| Astra, Elementor e WPForms | Tema, editor visual e formulário | Versões gratuitas |
Se você nunca usou o WordPress, vale ler antes o nosso guia de WordPress do zero. Ele explica painel, páginas e plugins em linguagem simples.
O que você precisa antes de começar
O README da skill é direto: ela exige um plano pago do Claude (Pro ou superior), porque roda na aba Code do app. Também é preciso o app instalado no computador, baixado em claude.com/download.
Você vai precisar ainda de uma hospedagem com WordPress. No vídeo, o autor usa a Hostinger, com domínio grátis incluso no plano. Qualquer hospedagem que rode WordPress funciona com o Elementor.
Um ponto que tranquiliza: segundo o README, a skill nunca pede a senha do WordPress nem da Hostinger. A conexão é feita por uma senha de aplicativo, que você pode revogar quando quiser.
Passo a passo: site WordPress com Claude e Elementor MCP
A ordem abaixo segue os capítulos do vídeo. Os tempos entre parênteses ajudam se você quiser assistir a parte específica.
No GitHub, baixe o arquivo
wordpress-website.zip pelo link indicado no README, e não pelo botão verde “Code”. No app do Claude, abra Customize, depois Skills, clique em Add skill e Upload skill. Não descompacte o arquivo e confira se a chave da skill ficou ligada.Na aba Code, inicie uma sessão nova. Clique no nome da pasta, escolha Open folder e crie uma pasta chamada My Website em Documentos. Ali o Claude guarda o arquivo
website-plan.md com as anotações do projeto.Digite
build my website e envie. O Claude faz perguntas sobre o negócio. Responda com detalhes: público, serviços, cidade, tom de voz. Quanto melhor a resposta, melhor o texto do site.O Claude apresenta três direções de design e monta um design completo. Você revisa tudo antes de pagar pela hospedagem, o que evita gastar com um site que você ainda não aprovou.
No vídeo, o Higgsfield cria fotos com IA e transforma fotos do celular em imagens com cara profissional. Se preferir, use fotos reais do seu negócio. Elas passam mais confiança para o cliente.
Contrate o plano, ative o domínio e instale o WordPress. Depois instale o tema gratuito Astra e os plugins Elementor e WPForms. Nosso tutorial de como instalar o WordPress na Hostinger mostra essa parte com calma.
Crie uma senha de aplicativo no WordPress (Usuários, Perfil, Senhas de aplicativo) e use o MCP embutido no Elementor para ligar o Claude ao site. A skill guia cada campo.
Com a conexão feita, o Claude cria cada página com elementos reais do Elementor. Acompanhe e anote o que quer mudar.
Configure o menu, o rodapé e o formulário de contato do WPForms. Teste o formulário mandando uma mensagem para você mesmo.
Peça para o Claude revisar o próprio trabalho, confira o site no celular e publique no seu domínio.
continue my website. O Claude lê o website-plan.md e retoma de onde parou, sem precisar explicar tudo de novo.
Cuidados para o site sair profissional
A IA acelera muito, mas alguns detalhes continuam com você. Antes de divulgar o site, confira esta lista:
- Textos verdadeiros: revise preços, horários, endereço e serviços. A IA escreve a partir do que você contou e pode errar um detalhe.
- Fotos honestas: imagem gerada por IA não deve sugerir um produto ou espaço que você não tem.
- Celular primeiro: a maioria das visitas no Brasil chega pelo celular, então teste em tela pequena.
- Privacidade: se o formulário coleta nome e telefone, inclua uma política de privacidade, como pede a LGPD.
- Senha de aplicativo: quando terminar, revogue a senha no perfil do WordPress se não for mais usar a IA.
Também vale rever o básico de segurança logo após a publicação. O nosso checklist pós-instalação do WordPress ajuda nessa etapa.
Como editar o site depois
Esse é o ponto que diferencia o método. Como tudo é feito em Elementor, você abre qualquer página, clica em “Editar com Elementor” e muda texto, imagem ou cor arrastando os blocos.
Se preferir, volte ao Claude e peça a mudança em português, como “troque a foto do topo e mude o botão para verde”. O vídeo mostra os dois caminhos: à mão no Elementor ou com o Claude.
Na prática, isso evita a dependência de uma ferramenta só. Você pode usar a IA para o trabalho pesado do começo e manter o site sozinho no dia a dia.
Perguntas frequentes
Funciona com o plano gratuito do Claude?
Não. O README da skill informa que é preciso um plano pago, Pro ou superior, porque ela roda na aba Code do app.
Preciso saber programar?
Não. O vídeo é voltado a iniciantes e o site é montado sem código. Você só precisa seguir as fases e responder às perguntas do Claude.
Posso usar outra hospedagem em vez da Hostinger?
Pode. O vídeo usa a Hostinger, mas o Elementor funciona em qualquer hospedagem que rode WordPress.
A skill é segura?
Segundo o README, todos os arquivos são texto puro e podem ser lidos antes da instalação, e a skill nunca pede a senha do WordPress ou da hospedagem. Ainda assim, leia os arquivos antes de instalar, como em qualquer extensão.
Conclusão
Com o Claude, a skill gratuita e o Elementor MCP, dá para tirar do papel um site WordPress completo em uma tarde, com design aprovado antes de pagar a hospedagem e liberdade para editar tudo depois.
Quer comparar com outro caminho? Veja como criar um site com ChatGPT e Codex e escolha o método que combina mais com você.