Exibir arquivos em seu site

Incorporar arquivos, como .pdfs, Planilhas do Excel e arquivos do Google Drive para mostrá-los diretamente em seu site.

Ultima atualização 24 de Janeiro de 2025

Você pode exibir arquivos.pdfs, Excel, apresentações do PowerPoint e arquivos do Google Drive em seu site incorporando código de terceiros. Este guia lista as etapas para alguns serviços e métodos populares.

Anotação

nos browsers e aparelhos móveis menores, a incorporação de arquivos pode afetar o design responsivo do site. O uso de bloco de código para incorporar arquivos com iframes está disponível nos planos Essencial, Plus, Avançado, Business, Commerce Básico e Commerce Avançado. Saiba mais em "Escolhendo o plano certo no Squarespace". Nosso suporte não atende personalizações e modificações de código.

para adicionar arquivos para download ao seu site, use um link de arquivo .

.PDFS

Use o Issuu para incorporar .pdfs ao seu site do Squarespace.

Excel e PowerPoint

Para exibir um arquivo Excel ou PowerPoint, você precisará de uma conta do Microsoft OneDrive. Você pode se inscrever no OneDrive aqui.

  1. Abra o OneDrive.
  2. Carregue seu documento Excel ou PowerPoint. Para obter ajuda, acesse a documentação deles.
  3. No OneDrive, abra a página Arquivos .
  4. Clique com o botão direito do mouse no documento no Windows (ou Control + clique em um Mac) e clique em Incorporar.

KB Guide Image
  1. Clique em Gerar.
  2. Copie o código da caixa Incorporar código.
KB Guide Image
  1. No Squarespace, abra o editor da página ou publicação onde você colocará o arquivo.
  2. Clique em um ponto de inserção e adicione um Bloco de Código.
  3. Cole o código incorporado no bloco de código.
  4. Clique em Salvar na página ou publicação para publicar suas alterações.

ajuste os números de "altura" e "largura" no código de incorporação para alterar o tamanho de exibição.

Anotação

saiba mais sobre como incorporar arquivos Excel e PowerPoint no guia da Microsoft.

Google Drive (antigo Documentos Google)

Depois de criar um documento no Google Drive, siga estas etapas:

  1. Abra seu documento no Google Drive.
  2. Clique em Arquivo.
  3. Selecione Publicar na Web.
KB Guide Image
  1. Clique em Publicar.
  2. Copie o código na guia Incorporar .
KB Guide Image

 

  1. No Squarespace, abra o editor da página ou publicação onde você colocará o arquivo.
  2. Clique em um ponto de inserção e adicione um Bloco de Código.
  3. Cole o código incorporado no bloco de código.
  4. Clique em Salvar na página ou publicação para publicar suas alterações.

Dicas de redimensionamento de documentos

Alguns códigos de incorporação do Google Drive, como o código para apresentações do Slides, incluem dimensões de "altura" e "largura". Ajuste esses números para alterar o tamanho de exibição.

Incorporar códigos para outros arquivos, como documentos e planilhas, não especificam dimensões de altura e largura. Você pode definir a altura e a largura adicionando esse trecho de código após a URL no código de incorporação:

altura ="600px" largura ="100%"

Ajuste o número dentro de "600px" para alterar a altura. Para ajustar a largura, use Blocos espaçadores. Definir a largura para 100% significa que o documento vai ocupar a largura de sua coluna.

Como acontece com todas as modificações de código, esteja ciente de que isso está fora do escopo do suporte do Squarespace.

Anotação

a documentação do Google dá detalhes sobre a incorporação de arquivos do Google Drive e a definição das permissões de edição.

Mais ajuda

Anotação

nosso suporte não cobre modificações no código personalizado; ou seja, não ajudamos na configuração nem na solução de problemas. Além disso, não garantimos a funcionalidade ou compatibilidade integral de nenhuma solução em código com o Squarespace. Isso inclui o funcionamento dele com nosso design responsivo, principalmente a aparência na versão móvel, e se ele funciona em todos os templates. O código personalizado também pode causar problemas de exibição nas futuras versões da nossa plataforma. Ainda assim, há muitos recursos para auxiliar você:

Neste guia

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.