Aprimore o design do seu site com opções de código personalizado, como injeção de código, blocos de código e CSS personalizado.

Use código personalizado para personalizar ainda mais seu site. Recomendamos enfaticamente que você tenha conhecimentos de codificação antes de adicionar código personalizado.

Dica: adicionar código ao site é uma modificação avançada e está fora do escopo do suporte do Squarespace. Se você tem conhecimentos de programação e precisa de mais ajuda, visite o Squarespace Forum. Você também pode ingressar na comunidade Squarespace Circle, onde profissionais criativos podem responder a perguntas mais técnicas. Se você não domina codificação, mas quer adicionar um código personalizado ao site, considere contratar um Squarespace Expert.

Assista a este vídeo

Blocos de código

Adicione blocos de código a páginas específicas para alterar o layout ou design, incorporar widgets externos ou personalizar páginas de formas que outros blocos não permitem. Você também pode usar blocos de código para renderizar HTML e Markdown ou exibir trechos de código.

Os blocos de código são versáteis e podem renderizar código em HTML e Markdown. Você também pode usá-los para mostrar trechos de código. É comum usar blocos de código para personalizações baseadas em código, como:

• Incorporação de documentos por meio de um serviço como Issuu
• Adição de uma pesquisa MLS

Em todos os planos, o bloco de código aceita texto simples, HTML, Markdown e código CSS entre as tags .

A adição de JavaScript ou iframes a blocos de código está disponível nos planos Essencial, Plus, Avançado e em alguns planos de cobrança antigos. Saiba mais sobre como escolher o plano do Squarespace ideal.

Injeção de Código

Use Injeção de Código para adicionar HTML e scripts que melhoram partes específicas do seu site. Esses podem incluir serviços de chat ao vivo, verificação de domínio para serviços de e-mail personalizados ou análise do site.

A Injeção de Código está disponível nos planos Essencial, Plus, Avançado e em alguns planos de cobrança antigos. Saiba mais sobre como escolher o plano do Squarespace ideal.

Editor de CSS

Use o Editor de CSS para personalizar seu site além das opções integradas de estilo. O CSS deve ser usado somente para alterar fontes, cores e planos de fundo. Outras alterações em CSS podem danificar seu site.

O editor de CSS está disponível em todos os planos.

Bloco de incorporação

Use Blocos de Incorporação para adicionar conteúdo externo ao seu site, como vídeos, tweets, publicações no Facebook e outros.

O Bloco de Incorporação extrai conteúdo de sites e serviços externos que usam o Padrão oEmbed. Se você tiver um código mais avançado ou personalizável, use um bloco de código.

Os Blocos de Incorporação estão disponíveis em todos os planos.

O código do lado do servidor é compatível?

Não. O Squarespace não aceita código do lado do servidor, incluindo PHP, Ruby, Ruby on Rails e SQL.

Plataforma do Desenvolvedor do Squarespace (somente versão 7.0)

A Plataforma de Desenvolvedor do Squarespace é uma ferramenta avançada que os desenvolvedores podem usar para personalizar seu site além de nossas ferramentas de código personalizadas integradas. A Plataforma de Desenvolvedor foi projetada para pessoas com conhecimento avançado de programação. Se você já estiver usando a Plataforma de Desenvolvedor, acesse nossa Documentação para Desenvolvedores.

A Plataforma de Desenvolvedor está disponível apenas na versão 7.0 nos planos Essencial, Plus e Avançado.

Não consigo colar meu código personalizado

Se estiver tendo problemas para colar no seu código, tente o atalho de teclado. Clique na área em que deseja colar e pressione:

Meu código personalizado não aparece

Se o código personalizado não aparecer, atualize o browser. Se isso não ajudar, pode ser porque:

• Você está conectado – Como medida de segurança, o código em um bloco de código pode não aparecer para você quando estiver conectado, mesmo que os visitantes possam vê-lo. Isso acontece quando você tenta visualizar JavaScript incorporado por meio de uma conexão segura (https://). Para testar isso, visite seu site em um navegador anônimo.
• O código está em uma Página Índice — seu código pode não ser renderizado se você o adicionou a uma página dentro de uma Página Índice. Para testar isso, remova a página da Página Índice no painel de páginas e depois visite seu site em um navegador no modo de navegação anônima.
• Você ativou o carregamento Ajax - ocasionalmente, o Ajax pode entrar em conflito com código personalizado incorporado, personalizações baseadas em código, links de âncora e redirecionamentos de URL. Para resolver o problema, tente desativar o carregamento Ajax.

Se o código ainda não estiver funcionando, entre em contato com a fonte do código, pois eles estão mais familiarizados com o código e a maneira como ele deve funcionar. O código de terceiros está fora do escopo do suporte do Squarespace, por isso, não podemos ajudá-lo com nenhuma solução de problemas adicional.

Estou recebendo um erro CORS

Você receberá um erro CORS (Cross Origin Resource Sharing) se usar JavaScript para fazer solicitações com o navegador. Todas as solicitações devem originar de um aplicativo do servidor. Não aceitamos solicitações de CORS.

Recursos de codificação

Seguem alguns sites populares e confiáveis que recomendamos para tutoriais, solução de problemas e guias de referência:

• W3Schools
• CodeCademy
• Mozilla Developer Network
• Stack Overflow
• Shay Howe
• SitePoint
• Treehouse