Como migrar do Webflow para o WordPress (passo a passo)

Muitos usuários agora querem se afastar do Webflow devido aos seus altos custos e à flexibilidade limitada para os proprietários de sites.

A migração do Webflow para o WordPress pode parecer complicada, mas vale a pena. O WordPress é flexível, mais econômico e oferece muitas opções de personalização por meio de plug-ins e temas (não é necessário codificar). O WordPress também lhe dá controle total sobre o seu site.

Como a mudança do Webflow para o WordPress não é muito simples, passamos por todo o processo para ajudar você. Neste guia, ajudaremos você a mudar seu site, passo a passo.

Você aprenderá a configurar o WordPress e a transferir seu conteúdo do Webflow. Nosso objetivo é tornar a mudança o mais fácil e tranquila possível.

Aqui está uma visão geral rápida das etapas que você seguirá para mover seu site do Webflow para o WordPress:

Por que migrar do Webflow para o WordPress?

Muitos usuários escolhem o Webflow por suas ferramentas de design fáceis de usar e pela criação simples de sites.

No entanto, eles perceberam rapidamente as limitações do Webflow. É uma plataforma fechada com menos personalizações, integrações limitadas e preços predatórios.

É por isso que recomendamos que os usuários evitem o Webflow e usem o WordPress.

Usamos e testamos todos os principais criadores de sites, e nenhum chega perto do WordPress. Ele é responsável por mais de 43% de todos os sites, incluindo muitas marcas de grande nome.

Aqui estão apenas alguns aspectos que tornam o WordPress uma opção muito melhor do que o Webflow:

• Custo-benefício: Há muitas opções de hospedagem econômicas disponíveis para o WordPress. É uma plataforma gratuita e de código aberto que lhe permite controlar seus custos.
• Personalização: Ele tem excelentes construtores de páginas sem código, milhares de temas (modelos de design) e muitos plug-ins (mais de 59.000). Juntas, essas ferramentas oferecem opções de personalização ilimitadas.
• Integrações: Como o criador de sites mais popular, o WordPress tem integrações para a maioria das ferramentas de terceiros. Você poderá usar qualquer ferramenta de marketing, comércio eletrônico ou crescimento em seu site.
• Escalabilidade: Faça upgrade dos planos de hospedagem à medida que seu site cresce e pague apenas pelos recursos de que precisa.

A mudança para o WordPress lhe dá mais controle e melhores opções. Você achará mais fácil gerenciar seu site e economizará dinheiro a longo prazo.

Vamos nos aprofundar nas etapas para que essa transição seja tranquila e bem-sucedida.

Etapa 1: Inscreva-se na hospedagem do WordPress

Para iniciar a migração, você precisará de um provedor de hospedagem WordPress. Um bom provedor de hospedagem garante que seu site funcione sem problemas e possa lidar com o tráfego.

Recomendamos usar o Bluehost, um provedor de hospedagem oficial recomendado pelo WordPress. No momento, a Bluehost está oferecendo aos nossos usuários um nome de domínio gratuito e um grande desconto em hospedagem na Web.

Você pode começar com US$ 1,99/mês, o que o torna uma opção acessível e confiável.

Alternativas: Se você quiser outras opções, considere a Hostinger ou a SiteGround. Ambos são bem conceituados e oferecem excelente desempenho.

Para fins deste tutorial, mostraremos capturas de tela da Bluehost. No entanto, o processo básico é semelhante para todos os principais provedores de hospedagem WordPress.

Vá para o site da Bluehost e clique no botão “Get Started Now” (Comece agora).

Em seguida, você verá a página de preços, solicitando a escolha de um plano.

O plano Basic é adequado para a maioria dos sites.

Clique em “Select” para escolher um plano e continuar.

Na próxima etapa, a Bluehost solicitará que você escolha seu domínio.

Se você já tiver um domínio personalizado usado para o site do Webflow, poderá inseri-lo na caixa “Use a domain you own”.

Como alternativa, você pode escolher seu nome de domínio gratuito aqui ou clicar em “I’ll create my domain later” (Criarei meu domínio mais tarde) para pular essa etapa.

Em seguida, forneça suas informações pessoais e detalhes de pagamento para concluir a compra.

A Bluehost lhe enviará um e-mail com seus detalhes de login. Você pode usá-los para fazer login no painel de controle da sua conta de hospedagem.

Após o primeiro login, a Bluehost instalará automaticamente o WordPress para você. Clique no botão “Edit Site” para abrir o painel do WordPress.

Precisa de ajuda para instalar o WordPress? Consulte nosso tutorial completo de instalação do WordPress para obter instruções detalhadas passo a passo.

Agora que você instalou o WordPress, a próxima etapa é escolher um tema (modelos de design) para seu site.

Etapa 2: Escolha um tema para WordPress

Depois de instalar o WordPress, a próxima etapa é escolher um tema para seu site. Ele controlará a aparência de seu site.

Há milhares de temas pagos e gratuitos disponíveis no WordPress.

No entanto, os novos usuários podem se sentir sobrecarregados com as muitas opções. Para ajudá-lo a selecionar o tema perfeito, nossa equipe compilou uma lista dos temas mais populares do WordPress.

Recomendamos escolher um layout simples com bastante espaço em branco. Com base em nossa experiência na criação de sites para nossas empresas, descobrimos que layouts limpos e minimalistas parecem mais profissionais e fáceis de usar.

Não pense demais em sua escolha. Você sempre pode mudar seu tema do WordPress se encontrar um melhor.

Mais adiante neste artigo, discutiremos a criação de páginas no WordPress usando construtores de páginas sem código. Isso lhe dará ainda mais controle sobre o design do seu site.

Por enquanto, vamos começar a exportar dados do Webflow para que você possa importá-los para o seu novo site do WordPress.

Etapa 3: exportar seu site do Webflow

Embora o Webflow permita que você exporte parte do seu conteúdo, não é possível exportar todo ele.

Aqui está o que você pode exportar:

• A exportação do site inclui HTML, CSS, JS e imagens/mídia (somente nos planos Workspace).
• Exportar componentes do CMS, como postagens de blog.

Exportação do site do Webflow

Não é possível importar páginas do Webflow diretamente para o site do WordPress. No entanto, talvez você queira salvar seu site antes de mover seu conteúdo para o WordPress.

Se você estiver em um plano do Webflow Workspace, poderá usar o recurso de exportação de código para exportar seu site e salvá-lo no computador.

Faça login na sua conta do Webflow e inicie a ferramenta Designer.

Agora você entrará na interface do usuário do Webflow Designer.

Leve o mouse até o canto superior direito da tela e clique no botão “Export code” (Exportar código).

Isso abrirá a janela pop-up Exportar código.

Na parte inferior da janela pop-up, você precisa clicar no botão “Prepare ZIP” para continuar.

O Webflow preparará seus arquivos, que poderão ser baixados para o seu computador.

Observação: Se você não estiver usando o plano Workspace, terá que salvar manualmente as páginas no computador. Como alternativa, você pode usar a copiadora de sites HTTrack para rastrear seu site e fazer o download de todas as páginas para o computador.

Etapa 4: Exportar suas postagens de blog

O Webflow permite que você exporte componentes do CMS, como postagens de blog, que podem ser importadas para o WordPress.

No Webflow Designer, vá para a guia “CMS” (localizada na barra de ferramentas à esquerda) e clique em “Blog Posts”.

Em seguida, você deve clicar no botão “Export” (Exportar) na parte superior para fazer o download das publicações do blog no formato CSV.

Etapa 5: Recriando páginas do Webflow no WordPress

Agora que você tem o conteúdo do Webflow armazenado no computador, pode começar a trazê-lo para o novo site do WordPress.

Embora não seja possível importar páginas individuais do Webflow diretamente para o seu site WordPress, você pode recriá-las facilmente.

Para fazer isso, você precisará de um construtor de páginas sem código, como o SeedProd. Ele é uma ferramenta de design do tipo arrastar e soltar que permite criar páginas da Web incríveis sem escrever nenhum código.

Primeiro, você precisa instalar e ativar o plug-in SeedProd. Para obter detalhes, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Depois de ativar o plug-in, vá para SeedProd ” Landing Pages na área de administração do WordPress e clique no botão “Add New Landing Page” (Adicionar nova página de destino).

Em seguida, você será solicitado a escolher um modelo.

O SeedProd vem com vários modelos bonitos. Você deve escolher um que se assemelhe às páginas que deseja recriar.

Em seguida, forneça um nome para sua página e escolha um slug de URL.

Recomendamos usar o mesmo slug de URL que a página que você tinha no Webflow. Isso permitirá que você mantenha o tráfego de pesquisa e as classificações de SEO.

Clique em “Save and Start Editing the Page” (Salvar e começar a editar a página) para continuar.

Isso o levará à interface do construtor de páginas do SeedProd. Você pode usar o mouse para mover-se para qualquer lugar da tela, clicar em um item e começar a editá-lo.

Você também pode adicionar novos elementos da coluna da esquerda, arrastando-os e soltando-os onde deseja exibi-los.

O SeedProd facilita muito o design de qualquer página. Você pode alterar layouts, usar cores personalizadas, adicionar seu logotipo e muito mais.

Para obter mais detalhes, consulte nosso tutorial sobre como criar uma página de destino no WordPress.

Deseja experimentar um construtor de páginas diferente? Experimente o Thrive Architect, outro excelente construtor de páginas sem código para WordPress.

Etapa 6: Importar publicações do blog para o WordPress

Felizmente, a importação de publicações de blog do Webflow para o WordPress é um pouco mais simples.

Você precisará instalar e ativar o plug-in WP All Import. Após a ativação, vá para a página All Import ” New Import na área de administração do WordPress.

Clique na opção “Upload a file” (Carregar um arquivo) e selecione o arquivo CSV que você baixou anteriormente.

O plug-in detectará automaticamente o tipo de conteúdo (posts) e o selecionará para você.

Clique no botão “Continue to Step 2” para a próxima etapa.

O plug-in mostrará uma visualização dos dados no arquivo. Clique em “Continue” (Continuar) para prosseguir para a próxima etapa.

Agora, você será solicitado a mapear os campos para os campos de postagem do WordPress. Por exemplo, você pode arrastar o campo de nome para a área de título da postagem do WordPress.

Depois de fazer a correspondência entre os campos e as áreas correspondentes no WordPress, basta clicar no botão “Continue to Step 4”.

Em seguida, você precisa definir um identificador exclusivo para suas postagens. Use o botão “Auto-detect” para gerar um ID. Ele é usado internamente pelo WordPress e não será exibido em seu site.

Por fim, clique em “Confirm & Run Import” (Confirmar e executar importação) para concluir o processo.

O plug-in o notificará quando a importação for concluída.

Etapa 7: Importar imagens

O WP All Import não carregará automaticamente suas imagens do Webflow para o WordPress.

Seu site ainda exibirá imagens hospedadas no site do Webflow, o que se tornará um problema quando o site do Webflow for excluído.

Felizmente, há uma maneira fácil de importar imagens externas para a biblioteca de mídia do WordPress usando um plug-in.

Primeiro, você precisa instalar e ativar o plug-in Auto Upload Images.

Após a ativação, vá para a página Posts ” All Posts. Selecione todas as postagens do blog e selecione “Edit” no menu suspenso “Bulk Actions”.

Clique no botão “Apply” (Aplicar) para continuar.

O WordPress mostrará uma opção Quick Update para todas as postagens. Basta clicar no botão “Update” (Atualizar) e o WordPress atualizará todas as postagens do seu blog sem fazer nenhuma alteração nelas.

Isso acionará a função de upload, e o plug-in importará todas as imagens externas encontradas nas publicações do blog para a biblioteca de mídia.

Para obter mais detalhes, consulte nosso tutorial sobre como importar facilmente imagens externas no WordPress.

Etapa 8: Alterar as configurações do nome de domínio

Se você estava usando um nome de domínio personalizado em seu antigo site do Webflow, agora pode apontá-lo para o seu novo site do WordPress.

Para fazer isso, você precisa alterar as configurações do servidor de nomes do seu domínio. As configurações de DNS ou servidor de nomes de domínio apontam seu nome de domínio para seu provedor de hospedagem.

Seu provedor de hospedagem WordPress fornecerá as informações dos servidores de nomes que você precisa usar. Normalmente, elas são assim:

• ns1.bluehost.com
• ns2. bluehost.com
• ns3. bluehost.com

Para obter mais detalhes, consulte nosso tutorial sobre como alterar os servidores de nomes de domínios.

Etapa 9: Configurar Permalinks

O WordPress permite que você escolha uma estrutura de URL amigável para SEO para seu site, alterando os permalinks.

Você precisa combinar os permalinks do WordPress com a mesma estrutura de URL que tinha no site antigo do Webflow.

Para fazer isso, vá para a página Configurações ” Permalinks na área de administração do WordPress.

Você precisará escolher a opção Post name (Nome do post) para corresponder aos URLs com a estrutura de URL do Webflow.

Não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para atualizar suas configurações de permalink.

Etapa 10: Instalar os plug-ins essenciais do WordPress

Agora que você importou o conteúdo para o seu site, a próxima etapa é instalar alguns plug-ins essenciais do WordPress.

Os plug-ins são como aplicativos para o seu site WordPress. Assim como os aplicativos do seu celular, os plug-ins adicionam novos recursos e funcionalidades ao seu site WordPress.

A seguir estão alguns dos plug-ins mais populares do WordPress que adicionam recursos essenciais a um novo site do WordPress:

• WPForms – Permite adicionar formulários de contato ao seu site WordPress.
• All in One SEO para WordPress: O kit de ferramentas de SEO mais abrangente para WordPress. Ele o ajudará a obter mais tráfego gratuito dos mecanismos de pesquisa.
• Duplicador: Ele permite que você configure backups automatizados para o WordPress. Você também pode carregar automaticamente esses backups para a nuvem e restaurá-los com um clique, se necessário.
• MonsterInsights: Ajuda você a instalar facilmente o Google Analytics no WordPress e mostra relatórios de tráfego do site fáceis de entender diretamente no painel.
• PushEngage: Deseja enviar notificações instantâneas aos usuários em dispositivos móveis e desktop? O PushEngage é o melhor serviço de notificação por push do mercado e ajuda você a trazer de volta os visitantes do site, aumentar as visualizações de página e impulsionar as conversões.

Precisa de mais ferramentas e dicas para desenvolver seu novo site WordPress? Veja nossa lista completa de plug-ins obrigatórios do WordPress para todos os tipos de sites.

Aprenda a usar o WordPress (recursos gratuitos)

O WordPress é bastante fácil de usar, mas, às vezes, você pode precisar de um pouco de ajuda para navegar nele.

Aqui estão alguns recursos de aprendizado que o ajudarão a se familiarizar rapidamente com o WordPress:

• Cursos de treinamento em WordPress: Cursos gratuitos de treinamento em vídeo sobre o WordPress desenvolvidos para iniciantes. Recomendamos começar com o WordPress 101, que tem 33 lições que abrangem os conceitos básicos do WordPress para novos usuários.
• WPBeginner no YouTube: Nosso canal no YouTube tem mais de 931 vídeos e 972.000 assinantes. Ele oferece tutoriais detalhados em vídeo, dicas e truques, além de conselhos práticos sobre o crescimento de seus negócios com o WordPress.
• Centro de soluções WPBeginner: Você está se perguntando qual plug-in ou ferramenta usar? Nosso Centro de Soluções é uma coleção com curadoria das melhores ferramentas e plug-ins do WordPress, testados e revisados por nossa equipe.
• Glossário do WordPress: Um dicionário de termos comuns do WordPress explicados para iniciantes. É o local ideal para os iniciantes no WordPress começarem e se familiarizarem com o jargão do WordPress.

Precisa de ajuda com um tópico específico do WordPress? Basta digitar sua pergunta no Google e adicionar “WPBeginner” no final.

Há mais de 15 anos publicamos recursos, tutoriais e guias de instruções do WordPress. Há uma boa chance de já termos um tutorial passo a passo sobre esse tópico.

Alternativa: Obtenha ajuda profissional para a migração do Webflow

O Webflow é uma plataforma proprietária fechada e não facilita em nada a migração de seu site para o WordPress.

Seguir as etapas do nosso tutorial acima pode ser demorado e estressante para iniciantes. Mesmo depois de seguir as etapas, talvez você ainda não consiga transferir todos os seus dados para o WordPress.

Uma solução mais direta seria obter ajuda profissional do WordPress para fazer a migração.

Você pode contratar desenvolvedores profissionais de WordPress e discutir seus requisitos. Em seguida, você pode pagá-los por hora para solucionar seus problemas de migração.

Por exemplo, você pode escolher nossos Premium WordPress Support Services e entrar em contato com nossos desenvolvedores para obter assistência de migração sob demanda.

Também oferecemos um serviço de lançamento rápido de site, no qual projetamos um site WordPress totalmente personalizado e atraente que atenda às suas necessidades. Em seguida, você pode adquirir um complemento de horas de desenvolvimento, e nossa equipe também pode cuidar da migração do Webflow.

Se tiver alguma dúvida sobre esses serviços, basta conversar com nosso agente de suporte em nossa página Serviços de design de sites.

Esperamos que este artigo tenha ajudado você a migrar do Webflow para o WordPress. Talvez você também queira ver nosso tutorial sobre como obter mais tráfego para seu site WordPress ou conferir todas as diferentes maneiras de ganhar dinheiro on-line com o WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.