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

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.

Atençã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.

Dica: 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.

5. Clique em Gerar.
6. Copie o código da caixa Incorporar código.

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

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

Atençã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.

4. Clique em Publicar.
5. Copie o código na guia Incorporar .

6. No Squarespace, abra o editor da página ou publicação onde você colocará o arquivo.
7. Clique em um ponto de inserção e adicione um Bloco de Código.
8. Cole o código incorporado no bloco de código.
9. 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.

Atençã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

Atençã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ê:

• Conheça as práticas recomendadas para adicionar um código personalizado.
• Leia nosso guia geral sobre personalizações de terceiros.
• Visite o Fórum do Squarespace, nossa comunidade para clientes e desenvolvedores.
• Contrate um Squarespace Expert para criar um código personalizado para o seu site.