Using Issuu with Squarespace

Ultima atualização 20 de janeiro de 2025

Você pode usar o Issuu para incorporar arquivos.pdf no seu site do Squarespace. Esta é uma ótima opção para exibir currículos, amostras de trabalho e outros documentos.

Acessando o recurso

As etapas deste guia incluem adicionar código avançado a um bloco de código, 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".

Acessando o recurso

The ability to embed content is only available on Issuu's paid plans.

Step 1 - Upload files to Issuu

To upload files:

  1. Log into your Issuu account or create a new account.
  2. Clique em Carregar no menu de navegação à esquerda.
  3. Arraste e solte um arquivo na caixa ou clique em um método para carregar seu arquivo.

Depois de carregar um arquivo para o Issuu, ele aparecerá em Publicações. Para obter mais ajuda, visite a documentação da Issuu.

Step 2 - Get your Issuu code

Para obter o código incorporável:

  1. Na navegação esquerda do Issuu, clique em Publicações.
  2. Clique na publicação que você deseja incorporar.
  3. Na navegação à esquerda, em Compartilhar, clique em Incorporar ao site.
Baixar Issuu_embed_code_on_website.png
  1. Uma página é aberta onde você puder personalizar a aparência do arquivo. Quando terminar de personalizar o arquivo, clique em Obter código de incorporação.
  2. Copy the code from the pop-up message that appears.

Veja mais ajuda na documentação do Issuu.

Step 3 - Add the code to your Squarespace site

  1. Faça login no site do Squarespace.
  2. Open the editor for the page or post where you'd like to display your file.
  3. Clique em um ponto de inserção e depois em Código no Bloco de Menu.
  4. Cole o código Issuu no Bloco de Código.

    Baixar Issuu_code_added_to_a_Code_Block.png
  5. Uma mensagem Script Desabilitado aparece sobre o Bloco de Código em vez do arquivo carregado. Esta mensagem só aparece para você, e não para seus visitantes. O código personalizado não é renderizado quando você está conectado ao seu site para edição. Para ver o arquivo incorporado, visualize a página enquanto estiver desconectado ou em um navegador privado.
  6. Clique em Save (Salvar) para publicar suas alterações.

Step 4 - Preview the .pdf

To see the embedded file, view the page while logged out or in a private browser.

You can also click the Issuu file to view the .pdf in a full-screen lightbox. Learn more in Issuu's documentation.

Troubleshooting file display issues

  • .pdfs do Issuu não serão exibidos de dentro de uma Página Índice. Para corrigir esse problema, use a opção iFrame do Issuu.
  • Issuu .pdfs may not display properly on templates with Ajax loading.

Anotação

não oferecemos suporte à personalização baseada em código. Isso significa que não podemos ajudar na configuração nem na solução de problemas. Além disso, por ser uma solução baseada em código, não garantimos sua funcionalidade ou compatibilidade integral com o Squarespace, incluindo o comportamento com o nosso design responsivo, especialmente a aparência em dispositivos móveis e o funcionamento em todos os templates. A personalização baseada em código também pode causar problemas de exibição nas futuras versões da nossa plataforma. Não oferecemos suporte, ainda assim, existem muitos recursos que podem auxiliar:

Do more with .pdfs

Squarespace has a few built-in options for adding .pdf files to your site:

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.