Webflow : As 6 perguntas para o sucesso em um mercado internacional

Os designers que não gostam de modelos podem comemorar: Webflow totalmente operacional para todas as suas necessidades de criação de sites, incluindo comércio eletrônico.

Você provavelmente conhece Webflow uma plataforma com uma interface de design bacana, recursos fáceis de usar sem necessidade de programação, uma variedade de integrações para satisfazer todos os seus desejos de fã de recursos e um blog muito legal.

O que você talvez não saiba é o quanto a comunidade de usuários Webflowé internacional. Dê uma olhada na página dos membros do grupo Webflow Global no Facebook e você rapidamente perderá a conta das nacionalidades presentes.

Então, o que Webflow recentemente para atender melhor às necessidades de seus usuários internacionais?

Webflow tem sido palco de alguns dos mais importantes desenvolvimentos recentes da plataforma voltados para o mercado global.

Isso parece seguir a ordem natural das coisas, já que o comércio é uma força motriz para reunir pessoas de todos os cantos do mundo.

Se você deseja abrir uma loja online com Webflow, está no lugar certo. Vamos começar.

Então, quais são as chaves para o sucesso internacional Webflow ?

Para quem aprende visualmente, aqui está um vídeo rápido sobre o que as lojas de comércio eletrônico precisam para expandir para novos mercados:

A abordagem Webflowao comércio eletrônico é diferente da abordagem da Shopify, Magento, PrestaShop e outros concorrentes no cenário das plataformas de comércio eletrônico. Da mesma forma, sua abordagem ao design de sites é diferente da abordagem do WordPress, Squarespace, etc.: Webflow como objetivo criar sites bonitos sem a necessidade de codificação.

Tudo na plataforma de criação e gerenciamento de sites Webflow é estruturado para refletir uma arquitetura clássica HTML-CSS-JavaScript. Apesar de ser uma ferramenta sem código, é altamente personalizável.

Todos os elementos que você adiciona à sua página são associados a uma classe. Como uma ferramenta de design, ela só pode ser modificada ou personalizada de forma a permitir que o conteúdo permaneça responsivo, independentemente do tamanho da tela ou do tipo de dispositivo.

O que isso significa para Webflow ? Bem, para começar, ele é altamente otimizado. Não importa de onde você receba os pedidos e para onde os envie, você pode contar com a estrutura de criação de lojas Webflowpara se adaptar ao seu negócio.

O diferencial do Webflow que sua arquitetura independente de modelos oferece total liberdade para conceber e construir sua experiência de usuário. Esse tipo de página em branco entusiasma alguns e assusta outros. Quando seus usuários/clientes são provenientes de várias culturas e lugares, há margem para erros na construção do seu site de comércio eletrônico do zero.

Estamos aqui para guiá-lo pelo menos em parte desse processo, que pode ser assustador, mas deve ser divertido e proveitoso. Tudo começa com o cliente: a pessoa que você está lançando sua Webflow para agradar.

1. Q...uem é seu cliente-alvo?

Você pode estar em uma das duas situações:

• Você está lançando sua primeira loja virtual, com Webflow seu CMS.
• Ou você já tem um negócio de comércio eletrônico e decidiu migrar sua loja de outra plataforma para Webflow.

Dependendo do tempo em que você está no mercado, talvez conheça seus clientes como a palma da sua mão - ou talvez ainda não os conheça.

De qualquer forma, saber para quem seu site é direcionado informará o design do site, independentemente do que você esteja vendendo.

Se você faz parte do primeiro grupo, talvez não tenha muitos dados para usar, mas tudo bem. Você poderá avaliar bastante a natureza de seus clientes potenciais com base na natureza de sua empresa.

Você também aprenderá rapidamente, com base no volume de vendas de seus produtos nos primeiros dias após o lançamento inicial da loja.

Webflow que farão sua loja virtual se destacar (para determinados clientes, é claro)

Tomemos como exemplo o site Webflow , repleto de néons, da rede britânica de hamburguerias e catering Patty & Bun's, que pode ser descrito, em uma palavra, como... psicodélico.

A Patty & Bun aproveitou ao máximo o recurso de vídeo em tela cheia Webflow. Seu vídeo de marca ousado e hipersensorial está em toda parte, desde a página inicial até a página do menu (onde eles usaram a configuração de sobreposição de gradiente de vídeo para destacar ainda mais seu esquema de cores):

Este é um excelente exemplo do uso da arquitetura de layout de mídia versátil (e com cores agradáveis) Webflowpara reforçar uma identidade de marca chamativa e memorável.

Esse tipo de marketing de marca exagerado certamente atrairá um público mais jovem. Esse público, no que alguns já chamaram de "era pós-Internet", é atraído pelas fluorescências e animações que lembram a MTV e que podem ter sido consideradas kitsch em 2015. Mas que, na tradição da nostalgia, parece estar fazendo com que os usuários da Internet cliquem novamente.

Mas esse rolo de vídeo de fundo e a sobreposição de neon podem não ser para todos.

Um cliente mais velho ou com deficiência visual, por exemplo, pode achar difícil ler o menu do site com toda a atividade acontecendo ao seu redor. Talvez ele não queira continuar explorando o site e, por fim, pedir um hambúrguer (ou uma camiseta, que também estão à venda).

Patty & Bun adotaram uma identidade digital voltada para os jovens, e isso é perfeitamente aceitável, desde que os jovens sejam quem eles estão (pelo menos, em sua maioria) tentando alimentar e fidelizar.

Na verdade, eles provavelmente estão arrasando com as faixas etárias mais jovens, que gostam de ser "impressionadas" no que parece ser uma Internet cada vez mais homogênea.

2. Em que parte do mundo está localizado seu cliente-alvo?

Aqueles de vocês que se enquadram na segunda categoria da pergunta 1 - os vendedores veteranos de comércio eletrônico - já sabem por experiência própria que o velho ditado "localização, localização, localização" se aplica tanto ao comércio eletrônico quanto ao setor imobiliário.

E não, não se trata necessariamente apenas de onde você está localizado: trata-se de onde seus clientes estão e quão grandes são as distâncias - geográficas, mas também culturais e linguísticas - entre você e seus possíveis compradores.

Se você ainda não é um comerciante eletrônico experiente, logo aprenderá que não apenas a localização geográfica do cliente afeta a logística de remessa ao enviar seu produto.

Isso também implica que, como essa pessoa mora em uma região diferente da sua, ela pode ter expectativas e meios diferentes em termos de pagamento, impostos e idioma/comunicação.

Como Webflow pode Webflow dos impostos dos meus clientes?

A funcionalidade de comércio eletrônico Webflowtorna bastante simples resolver as duas primeiras questões.

Quando você configura um site de comércio eletrônico, o espaço do editor permite que você manipule diretamente como lidará com os cálculos de impostos de diferentes países.

Você também pode determinar quais gateways e métodos de pagamento serão aceitos. Lembre-se de que nem o PayPal, nem o Apple Pay, nem o Google Pay, nem os cartões de débito ou de crédito, nem as carteiras digitais são universais - diferentes países têm diferentes modos de pagamento preferidos:

O que os meus compradores multilíngues de comércio eletrônico ganham com isso?

Quanto ao idioma, Webflow lançouWebflow uma solução nativa. Existem três planos disponíveis que se somam aos planos padrão do site. Então, você terá que pagar um valor extra por cada idioma que desejar ter em sua localidade. Veja como Webflow se compara à Weglot.

Quanto a nós, atuamos no ramo de tradução e localização de mais de 72.000 sites desde 2016. Portanto, entendemos o que os proprietários Webflow precisam quando decidem se tornar multilíngues, sejam eles iniciantes usando modelos de comércio eletrônico ou comerciantes experientes em busca de funcionalidades avançadas.

Weglot funciona detectando o conteúdo do seu site, gerando uma primeira camada de tradução automática dos principais fornecedores e, por fim, exibindo-a para você. Isso significa que ele traduzirá tudo em sua loja de comércio eletrônico: o carrinho de compras, as listas de produtos, o processo de checkout e muito mais.

Dessa forma, você obtém um fluxo de trabalho de tradução automatizado, permitindo que você se concentre no gerenciamento de sua loja em vez de se preocupar com a tradução manual de novos conteúdos.

Além disso, Weglot é compatível com SEO multilíngue. Ele automatiza alguns dos aspectos complicados de tornar um site visível nos mecanismos de pesquisa internacionais, como adicionar tags hreflang e traduzir metadados. Seu público mundial o descobrirá mais rápido do que antes.

Você pode encontrar instruções detalhadas sobre como instalar Weglot qualquer Webflow aqui. Veja Weglot aqui.

3. Quais são as expectativas de seu cliente internacional com relação ao design do site?

Se voltássemos ao exemplo da Patty & Bun da pergunta 1, provavelmente nos colocaríamos no lugar do cliente-alvo: provavelmente Nike Airs ou Reeboks. Ou seja, seu cliente-alvo provavelmente é bastante jovem e urbano - já que eles também estão localizados apenas em áreas urbanas.

Essa base de clientes, conforme inferimos, geralmente quer ser impressionada por um site. Há muitos sites por aí que parecem exatamente iguais - em grande parte como resultado da cultura de modelos e da proliferação de máquinas do tipo "faça você mesmo", que alguns acusaram de matar o web design.) Uma pessoa que cresceu na Internet provavelmente está um pouco cansada e tende a apreciar uma pausa na monotonia.

Se o seu cliente-alvo for experiente em Internet, não há problema em apimentar um pouco as coisas e fazer com que a jornada de UX dele tenha algumas reviravoltas inesperadas.

Veja, por exemplo, o site da editora Barakunan. Assim como a Patty & Bun, esses comerciantes eletrônicos Webflow optaram por preencher as telas dos usuários com um excesso imediato de imagens. Não se trata de um vídeo, mas sim de uma ilustração labiríntica contendo trechos de texto.

A arte em negrito, sem dúvida, chamará a atenção dos usuários, mas o texto não clicável pode confundir alguns.

Navegar pelo Barakunan exige um pouco de reflexão (o que provavelmente é a intenção dessa editora bastante esotérica). Mas é provável que isso seja divertido para o público da Barakunan: a classe criativa, o intelectual ou o fã de literatura underground.

Isso nos leva à nossa próxima pergunta, na qual colocaremos esses tipos de reviravoltas na jornada do cliente em perspectiva, uma vez que eles podem não ser adaptados ao processo de navegação de todos.

4. Q...uando seu cliente internacional poderá encontrar pontos problemáticos no processo de compra?

I. Sua página inicial é legível para seus clientes em potencial?

A experiência labiríntica do site do Barakunan pode cativar os navegadores blasé da geração digital. Isto é, se eles forem proficientes em inglês (o idioma no qual o site e suas imagens repletas de texto estão escritos).

A questão é a seguinte: a Barakunan provavelmente está atraindo os leitores ingleses, pois suas publicações são exclusivamente em inglês. Isso, apesar de se descrever como uma empresa "com sede em Berlim e Beirute", nenhuma das quais é uma cidade de maioria anglófona.

A Barakunan conhece seu público e sabe que mesmo um leitor alemão ou libanês que se depare com seu site não se interessará por seus produtos, que são impressos em inglês, a menos que já saiba ler em inglês.

Portanto, ter o site em inglês não representa uma barreira de idioma para os clientes potenciais reais.

Mas... e se seus clientes potenciais reais não entendessem inglês?

O design da sua página inicial ou de destino desempenha um papel fundamental na conversão dos visitantes do seu site. É a primeira impressão que eles têm de sua empresa.

Os dados do próprio Google confirmam que os visitantes do seu site formulam essa primeira impressão apenas 50 milissegundos - 0,05 segundos - depois de chegarem a ele.

Isso não é muito tempo para chamar a atenção deles.

Você quer usar esse tempo de forma eficaz e garantir que a experiência do visitante - e do cliente em potencial - não seja prejudicada por falhas de acessibilidade.

Você certamente não quer que eles gastem esses preciosos 50 milissegundos babando pelo belo design do site... apenas para descobrir que não conseguem entender uma palavra da página. E, por fim, não conseguem descobrir como navegar no site.

Torne a mudança de idioma amigável à experiência do usuário

Com uma solução multilíngue como o Weglot integrada ao seu site, você pode evitar perder usuários para o vazio linguístico assim que eles acessarem sua página inicial.

Tornar seu site multilíngue facilita o acesso de todos os visitantes à sua loja Webflow , independentemente do idioma que falam.

A integração básica Weglot coloca automaticamente um botão de troca de idioma no canto inferior direito do seu site. O diagrama abaixo, extraído de um estudo sobre web design e primeiras impressões da Universidade de Ciência e Tecnologia do Missouri, mostra a ordem em que nossos olhos tendem a pousar nas regiões de uma página.

O botão inicial do Weglot , portanto, provavelmente será visto em torno do quarto lugar em uma página inicial típica (com um cabeçalho, menu da barra lateral e conteúdo de corpo diverso). Os próximos locais prováveis são o logotipo do site no cabeçalho, o menu da barra lateral e o menu do cabeçalho.

Esse é um ótimo posicionamento para a ferramenta de troca de idioma, pois dá aos visitantes tempo para processar o apelo visual dos principais aspectos da página (Áreas de interesse (AOI) 1-3 no diagrama) antes de prosseguir para o restante da página.

E qualquer visitante que queira ler mais, mas não fale o idioma original do site, tem até o AOI 4 para descobrir que pode querer mudar para seu próprio idioma.

Se você começar a notar uma heterogeneidade linguística real em sua base de clientes, poderá facilitar ainda mais - ou até mesmo eliminar - esse processo de troca de idioma.

Você pode alterar a posição do botão no seu Webflow modificando as configurações CSS no código personalizado do cabeçalho (que pode ser editado nas configurações do projeto)....

‍

Neste exemplo, usamos CSS personalizado para mover nosso botão para o canto superior direito da página, em vez de para a parte inferior.

...ou incorporando-o como um menu suspenso em um de seus menus de navegação e, em seguida, adicionando um link para cada idioma para o qual você traduziu seu site. Por fim, digite Weglot seguido do código de duas letras correto do idioma como URL.

Ele acaba se parecendo com o nosso:

Também criamos um kitWebflow exclusivo para você, que inclui 14 seletores de idioma que você pode clonar e adicionar ao seu site, além de seletores de idioma clonáveis criados em colaboração com a Digidop. Além disso, temos o melhor tutorial em vídeo sobre a personalização do seletor Webflow .

Você pode até aliviar seu cliente dessa etapa extra ativando a troca automática nas configurações do projeto Weglot . Isso detectará o idioma de navegação padrão de seus visitantes e entregará automaticamente a página nesse idioma (se disponível em seu site).

Se o seu público-alvo fala vários idiomas diferentes ou tem vários mercados-alvo, cada um com seu próprio idioma, essa pode ser a abordagem mais eficiente.

Isso é especialmente verdadeiro se você tiver certeza de que receberá muito tráfego de um grupo de idiomas. É provável que direcioná-los imediatamente para a versão do seu site no idioma deles funcione a seu favor.

II. Seja produtivo: Suas páginas de produtos agradam ao público internacional?

A plataforma de comércio eletrônico Webflowintegra e permite visualizar todo o processo de inventário. Isso economiza muito tempo, pois evita que você tenha que criar cada página de produto individualmente.

Basicamente, você pode modelar o estilo de suas páginas de produto por categoria de produto, inserir os dados do produto na tabela Products (Produtos) e distribuir esses dados em suas páginas predefinidas.

Obviamente, esse modelo de distribuição funciona muito bem se você quiser que todos os seus visitantes vejam exatamente o mesmo conteúdo nas páginas de seus produtos.

Mas se você estiver vendendo internacionalmente, esse pode não ser o caso. Você pode ter, por exemplo, pequenas variações no conteúdo, nas informações de remessa ou nas descrições gerais, dependendo de onde o cliente está comprando.

Weglot também pode fornecer uma solução aqui. Se você acessar seu Weglot Dashboard, verá um menu de guia de URL de "produto" na barra de URL à esquerda.

Clique aqui para atualizar as descrições de cada um de seus produtos para cada idioma. Assim, seus usuários no exterior poderão ter as informações corretas sobre o que vão pedir.

III. Verificação final: Sua página de checkout está localizada?

É motivo de grande orgulho para nós, na Weglot Weglot automaticamente as páginas Webflow , tornando-a uma excelente ferramenta para a tradução de sites de comércio eletrônico em geral.

Você pode verificar novamente e editar qualquer tradução da página de checkout no painel Weglot , da mesma forma que faria com as páginas de produtos, clicando na guia URL "checkout".

5. Por que esse cliente internacional em potencial é tão importante?

Vamos resumir: em 2024, com o comércio eletrônico ocupando pelo menos 20% das vendas mundiais no varejo, essa pergunta quase se responde sozinha.

Mas sempre vale a pena relembrar: o comércio eletrônico é, na maioria dos setores, inerentemente mais lucrativo quando é compatível com as fronteiras. Temos as estatísticas que comprovam isso.

6. W...ebflow: É a solução certa para o comércio eletrônico internacional?

Então, aqui estamos: se você vai realizar todo esse trabalho — delinear sua base de clientes, rastrear a experiência deles em sua Webflow e lançar sua loja IRL — vale a pena levar em consideração todas essas dicas de internacionalização?

E, se (bem, já que) a resposta é sim, por que fazê-lo Webflow no Webflow ?

A resposta é simples: Webflow uma presença internacional ativa, e Webflow (assim como sua equipe técnica) estão legitimamente motivados a torná-lo um padrão de construção de sites em todo o mundo.

Não só existem vários recursos de layout que permitem alternar intuitivamente entre idiomas (até mesmo passando de idiomas LTR para RTL, como mostrado no GIF abaixo), mas a comunidade de usuários Webflowtambém é globalmente distribuída e muito ativa.

Isso significa que você tem usuários em todo o mundo, de todas as origens culturais e linguísticas, usando a mesma ferramenta e apoiando-se mutuamente (em locais além do Webflow , como o grupoWebflow no Facebook) o tempo todo.

Para responder a essa última pergunta em uma palavra: Sim.

Equipada com ferramentas como Weglot um bom senso de empatia cultural, é muito provável que sua Webflow faça sucesso no exterior.

Enquanto você arrasta, solta e descreve produtos, reserve um minuto para ver como você pode melhorar sua estratégia geral de comércio eletrônico ou se inspirar nesses Webflow multilíngues particularmente bonitos Webflow .

Experimente Weglot hoje mesmo para transformar seu Webflow em um site multilíngue.