O Editor de Landing Pages da SharpSpring permite que você crie landing pages rapidamente, sem ter que deixar sua plataforma de automação de marketing. 

Dentro do editor, você pode adicionar códigos HTML, CSS ou Javascript para personalizar ainda mais a sua LP. 

Neste artigo, você aprenderá a usar o Google Fonts para editar o texto das suas LPs.

Encontrando Fontes

  1. Acesse a página https://fonts.google.com/ e decida qual a fonte que você gostaria de usar na sua LP, clicando no ícone vermelho "+", ao lado de cada família de fontes.
  2. Clique na barra, na parte inferior da página.
  3. No janela de pop-up que aparece, clique em @Import.
  4. Copie todo o primeiro bloco de código, incluindo as tags <style>.

Inserindo o código do Google Fonts

  1. Em uma aba do navegador, faça o login na Sharpspring.
  2. Na barra de ferramentas superior da SharpSpring, clique em
    Conteúdo > Páginas.
  3. Crie ou edite uma landing page.
  4. Na landing page que você está criando/editando, selecione a opção </> Edit Code.
  5. No topo do editor de código, clique em Páginas > ALL PAGES
  6. Clique em HEAD e cole o trecho de código do Google Fonts.
  7. Clique em Save ou em Save & Close.

Configurando o código do Google Fonts

  1. No código do Google Fonts, inserido no código da LP, adicione uma linha antes da tag </style>.
  2. Na aba em que está a página do Google Fonts, copie o segundo trecho de código que está na seção Specify in CSS.
  3. Na aba da página em que você está logado na SharpSpring, cole o trecho de código na linha que você adicionou, logo acima da tag </style>.
  4. Envolva o código em chaves { } - ver animação abaixo.
  5. Configure se essa fonte será aplicada aos parágrafos ou aos títulos, inserindo uma das seguinte tags antes da abertura das chaves: p, h1, h2, h3, h4, ou h5.
  6. Clique em Save & Close.

Nota: se você deseja que todos os seus parágrafos possuam esta fonte do Google, use o seguinte código:

p {font-family: 'Raleway', sans-serif;}
Encontrou sua resposta?