<html lang="pt-pt" dir="ltr"><head></head><body>### [Como Ligar o Logótipo do Seu Formulário Conversacional](https://wpforms.com/developers/how-to-link-your-conversational-form-logo/)

**Publicado:** 6 de outubro de 2021
**Autor:** David Ozokoye

**Excerto:** Este tutorial mostrar-lhe-á como ligar o logótipo do seu Formulário Conversacional à página inicial com um pouco de JavaScript e PHP. 

**Conteúdo:**

## Introdução

Gostaria de ligar o logótipo dos seus Formulários Conversacionais, a partir do seu formulário, à sua página inicial? Neste tutorial, vamos criar um formulário conversacional usando o [Addon WPForms Conversational Forms](https://wpforms.com/addons/conversational-forms-addon/ "Addon Formulários Conversacionais"), carregar um logótipo para o nosso formulário e, em seguida, adicionar um trecho de código que ligaria esse logótipo de volta à nossa página inicial usando um pequeno trecho de código.

Este guia mostrar-lhe-á como ativar esta funcionalidade passo a passo.

## Configurar o Seu Formulário

Primeiro, precisaremos de criar um novo formulário e adicionar os nossos campos a este formulário. Para efeitos deste tutorial, vamos apenas criar um formulário de reserva com alguns campos básicos.

![primeiro terá de criar o seu formulário](https://wpforms.com/wp-content/uploads/2021/10/wpforms-create-conversational-forms.jpg)### Ativar Formulários Conversacionais

Em seguida, terá de ativar o formulário como um **Formulário Conversacional**. Para o fazer, vá a **Definições » Formulários Conversacionais** para ativar o formato conversacional para o seu formulário.

 Para mais informações sobre Formulários Conversacionais, consulte o nosso guia detalhado sobre o [Addon Formulários Conversacionais](https://wpforms.com/docs/how-to-install-and-use-the-conversational-forms-addon/).

![ativar formulários conversacionais nas definições do seu formulário](https://wpforms.com/wp-content/uploads/2021/10/enable-wpforms-conversational-forms.jpg)### Carregar o Seu Logótipo

Agora é hora de carregar o seu logótipo para o formulário conversacional. Enquanto estiver no separador **Formulários Conversacionais**, clique em **Carregar Imagem** e carregue o seu logótipo. Assim que terminar, clique em **Guardar** para guardar as alterações.

![enquanto estiver no separador de formulários conversacionais, clique para carregar a imagem do seu logótipo](https://wpforms.com/wp-content/uploads/2021/10/wpforms-upload-logo-image-cf.jpg)Por defeito, esta imagem não liga a nada. No próximo passo, vamos adicionar um trecho de código que transformará a imagem do seu logótipo num link.

## Adicionar o Trecho de Código

Agora é hora de adicionar um trecho ao seu site que transformará a imagem do seu logótipo num link.

Para obter ajuda na adição do código, consulte o nosso guia sobre [como adicionar JavaScript ou PHP personalizado](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Personalizar o Código

Terá de fazer duas alterações importantes no código:

Na **linha 10**, substitua `375` pelo ID real do seu formulário. Pode encontrar o ID do seu formulário na página de Visão Geral dos Formulários do WPForms.

Na **linha 20**, substitua `'/'` pelo URL desejado. Por exemplo:

- Para a página inicial: mantenha `'/'`
- Para outra página: use `'/sobre'`
- Para um site externo: use `'https://exemplo.com'`

**Nota:** Usámos `'/'` para representar a página de destino da imagem. Isto direcionaria os utilizadores para a sua página inicial. No entanto, pode atualizar o valor `'/'` ao lado da chave `href` para qualquer link que deseje usar.

Agora, quando visualizar o seu formulário conversacional e passar o rato sobre a imagem do logótipo, verá o ponteiro para clicar na imagem.

![agora o logótipo do formulário conversacional está ligado à sua página inicial](https://wpforms.com/wp-content/uploads/2021/10/wpforms-logo-link-cf.jpg)E é tudo o que precisa para ligar o logótipo dos seus Formulários Conversacionais. Gostaria também de fazer o mesmo para o addon **Páginas de Formulário**? Dê uma vista de olhos ao nosso tutorial sobre [Como Ligar o Logótipo do Formulário das Suas Páginas de Formulário](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "Como Ligar o Logótipo do Formulário das Suas Páginas de Formulário").

## Relacionado

Referência de Ação: [wpforms\_wp\_footer](https://wpforms.com/developers/wpforms_wp_footer/ "Usar a ação wpforms_wp_footer")

**Categorias:** Tutoriais

**Etiquetas:** Javascript, JS, PHP

---</body></html>