Como hospedar uma fonte personalizada no seu site

O que você vai aprender

Saiba como fazer upload e importar uma fonte que não esteja hospedada no Google ou na Adobe para usar nos formulários de registro da Klaviyo na sua loja. Há duas formas de usar uma fonte importada em formulários de registro:

1. Usar a fonte pública hospedada no seu site.
2. Hospedar sua própria fonte e usar a URL para importá-la em seus formulários.

Use a fonte do seu site

Para começar, você pode usar a URL pública do seu site para carregar a fonte na Klaviyo.

1. Acesse seu site.
2. Clique com o botão direito do mouse e selecione Inspecionar ou Inspecionar elemento, dependendo do seu navegador.
3. A partir daí, navegue até Rede > Fontes.
4. Atualize a página.
   Você verá uma lista com todas as suas fontes. Se em vez do nome da fonte aparecer uma sequência de números e letras, selecione a aba de visualização para decidir qual fonte quer usar no formulário de registro.
5. Em Nome, clique na fonte que deseja importar.
6. Selecione a aba Cabeçalhos.
7. Copie a URL da fonte que você quer usar.
8. Na Klaviyo, vá até Conteúdo > Imagens e marca > Fontes.
9. Selecione Importar fonte.
10. Faça o upload da fonte personalizada colando o URL em Endereço de origem.

Como carregar uma fonte auto-hospedada

Se a fonte ainda não estiver hospedada publicamente online, baixe-a no seu computador. O arquivo deve estar no formato WOFF, WOFF2, TTF, EOT ou SVG para ser usado na Klaviyo. Tenha cuidado ao baixar arquivos de fontes da internet, pois eles podem conter malware. A partir daí:

1. Faça o upload da fonte no seu site de comércio eletrônico dentro do código do site.
2. Salve o código.

Para obter mais informações sobre como adicionar um recurso ao seu site, consulte o suporte da respectiva plataforma.

• Shopify
• BigCommerce

Depois de obter o URL, volte para a Klaviyo e selecione Conteúdo > Imagens e marca > Fontes. Clique na guia Importar fonte e importe-a.

Fonte do site alterada pelo Klaviyo.js

O rastreamento da métrica Ativo no Site da Klaviyo (Klaviyo.js) deve ser instalado manualmente ou pela integração de comércio eletrônico para publicar os formulários de registro da Klaviyo no seu site. Se tiver carregado apenas algumas variações de fontes, o Klaviyo.js carregará as variações restantes na sua biblioteca quando for injetado no site. As fontes do seu site podem ser ligeiramente alteradas nesse processo, como uma mudança no peso do cabeçalho. 

Há duas opções para resolver alterações causadas pelo Klaviyo.js. Você pode:

• Excluir as fontes relevantes da biblioteca de fontes da Klaviyo. 
• Atualizar o CSS no cabeçalho do seu site para que ele não seja substituído quando o Klaviyo.js carregar as variações adicionais. 
  

  Essa opção exige um conhecimento avançado de CSS; você pode precisar da ajuda técnica. A Klaviyo não oferece suporte para ajustar o CSS do seu site, mas temos uma ampla rede de parceiros.

Recursos adicionais

• Como usar fontes personalizadas em formulários de registro
• Curso: Como criar uma estratégia de aquisição eficaz usando formulários de registro
• Como adicionar fontes personalizadas em modelos de e-mail