URL de clickthrough em imagens

Transforme imagens em links para outras páginas ou sites.

Ultima atualização 26 de Janeiro de 2024

Use o URL de clickthrough para transformar uma imagem num link para outro site ou para outra página do seu site; e para um endereço de e-mail, número de telefone ou arquivo.

Bloco de imagens, seção de galeria e bloco de galeria aceitam URLs de clickthrough em qualquer site Squarespace. Na versão 7.0, alguns templates aceitam URLs de clickthrough na página de galeria.

Há vários usos para um URL de clickthrough, como:

  • Usar um bloco de imagem para mostrar a prévia de um documento e adicionar um URL de clickthrough que abra o documento em .pdf.
  • Criar uma galeria de coleção de moda e adicionar um URL de clickthrough a um produto específico.

Anotação

URLs de clickthrough não são compatíveis com Páginas de Entrada ou em Layout Automático.

Assista ao vídeo

Adicione uma imagem

Para criar um URL de clickthrough, primeiro adicione uma imagem ao site:

  • Adicione um bloco de imagem a uma página de layout. Essa ação adiciona uma imagem simples a uma página.
  • Adicione uma seção de galeria a uma página. Será criada uma seção na qual você pode fazer upload de várias imagens em vários layouts.
  • Adicione um bloco de galeria a uma publicação do blog ou à descrição do evento. Essa ação adiciona um bloco no qual você pode fazer upload de várias imagens em vários layouts. Na versão 7.0, é possível adicionar um bloco de galeria à página de layout e vinculá-lo à uma página de galeria existente.

Dica

se você é novo no Squarespace, confira Galeria de imagens no Squarespace.

Lightbox

Lightbox é um efeito de design que abre imagens em sobreposição e escurece o resto da página quando os visitantes clicam na imagem. O URL de clickthrough funciona com imagens habilitadas para lightbox, dependendo de onde a imagem está no site. Saiba mais sobre o URL de clickthrough e o lightbox em Configuração de imagens para abrir em lightbox.

Bloco de imagem

Para adicionar um URL de clickthrough a um bloco de imagem:

  1. Adicione um bloco de imagens ao site; ou clique em um bloco de imagens existente.
  2. Clique no ícone de link na barra de ferramentas do bloco; ou clique no ícone de lápis para abrir o editor do bloco. Depois clique em Anexar link. Em alguns layouts de bloco de imagens, você precisa escolher Na imagem ou No botão antes que Anexar link apareça.
  3. Adicione um endereço da web no campo URL; ou clique no menu suspenso URL para mais opções.

Saiba mais sobre as diferentes opções de link em Adição de links ao seu site.

Seção de galeria

Acessando o recurso

A seção de galeria só funciona na versão 7.1.

Para adicionar um URL de clickthrough a uma imagem em uma seção de galeria:

  1. Adicione uma página com uma seção de galeria ao site; ou clique em uma página existente com uma seção de galeria no painel Páginas.
  2. Clique em Editar na página.
  3. Passe o cursor sobre a seção da galeria e clique em Editar galeria.
  4. Clique na imagem à qual você deseja adicionar o URL de clickthrough.
  5. No campo Link, insira um URL; ou clique o ícone de engrenagempara mais opções.

Saiba mais sobre as diferentes opções de link em Adição de links ao seu site.

Bloco de galeria

Para adicionar um URL de clickthrough a um bloco de galeria com imagens carregadas:

  1. Adicione um bloco de galeria ao site e carregue suas imagens; ou edite um bloco de galeria existente.
  2. Passe o cursor sobre a imagem à qual você quer adicionar o URL de clickthrough e clique em o ícone de engrenagem.
  3. Clique em Clicar para adicionar URL... para abrir o editor do link.
  4. Clique em Conteúdo para adicionar o link a uma página do site. Clique em Arquivo para criar um link para um arquivo carregado; ou clique em Externo para adicionar o link a outro site.
  5. Clique em Salvar.

Para adicionar um URL de clickthrough a um bloco de galeria vinculado a uma página de galeria, siga os passos abaixo.

Saiba mais sobre as diferentes opções de link em Adição de links ao seu site.

Página de galeria

Acessando o recurso

A página de galeria só funciona na versão 7.0. Nos sites da versão 7.1, use uma seção de galeria.

Para adicionar um URL de clickthrough a uma imagem de uma página de galeria:

  1. Adicione uma página de galeria ao site; ou clique em uma página de galeria existente no painel Páginas.
  2. Passe o cursor sobre a imagem à qual você quer adicionar o URL de clickthrough e clique em o ícone de engrenagem.
  3. Clique em Opções.
  4. Clique em URL de clickthrough para abrir o editor do link.
  5. Clique nos ícones para criar um link para uma página do seu site, um site externo ou um arquivo carregado.
  6. Clique em Salvar.

Alguns templates não aceitam URL de clickthrough na página de galeria. Se for o seu caso, os links ainda funcionarão no bloco de galeria e no bloco de sumário vinculados a uma página de galeria, incluindo a página de projetos na família de templates York.

Saiba mais sobre as diferentes opções de link em Adição de links ao seu site.

No bloco de imagens, seção de galeria e bloco de galeria em grade, você pode criar um URL de clickthrough para abrir na mesma página ou em uma nova aba.

  • No bloco de imagens e na seção de galeria, ative a opção Abrir link em uma nova aba ou Abrir em uma nova janela para que os URLs de clickthrough sejam abertos em uma nova aba.
  • No bloco de galeria em grade, clique na aba Design, role para baixo e marque Abrir link em uma nova janela para que o URL de clickthrough se abra em outra aba. Essa opção vale para todas as imagens no bloco.
  • Na página de galeria e no bloco de galeria em carrossel, slideshow ou empilhado, o URL de clickthrough sempre se abre na mesma página.

URL de clickthrough da página de galeria por template

Na versão 7.0, as seguintes famílias de templates aceitam URL de clickthrough na página de galeria:

  • Adirondack - sim. Apenas design de slideshow.
  • Avenue - não
  • Aviator - sim
  • Bedford - sim
  • Brine - sim
  • Farro - sim
  • Five - sim
  • Flatiron - sim
  • Forte - sim
  • Galapagos - sim
  • Ishimoto - sim
  • Momentum - não
  • Montauk - não
  • Native - sim
  • Pacific - sim
  • Skye - sim
  • Supply - sim
  • Tremont - sim
  • Wells - não
  • Wexley - não
  • York - sim. Não é aceito na página de projetos.
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.