### [Como vincular o logotipo 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

**Trecho:** Este tutorial mostrará como vincular o logotipo do seu Formulário Conversacional à página inicial usando um pouco de JavaScript e PHP. 

**Conteúdo:**

## Introdução

Gostaria de vincular o logotipo do seu Formulário Conversacional do seu formulário à sua página inicial? Neste tutorial, vamos criar um formulário conversacional usando o [plug-in WPForms Conversational Forms](https://wpforms.com/addons/conversational-forms-addon/ "Plug-in Conversational Forms"), fazer o upload de um logotipo para o nosso formulário e, em seguida, adicionar um trecho de código que vincule esse logotipo à nossa página inicial usando um pequeno trecho de código.

Este guia mostrará como habilitar essa funcionalidade passo a passo.

## Configurando seu formulário

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

![primeiro, você precisará criar seu formulário](https://wpforms.com/wp-content/uploads/2021/10/wpforms-create-conversational-forms.jpg)### Ativando os Formulários Conversacionais

Em seguida, você precisará ativar o formulário como um **Formulário Conversacional**. Para isso, acesse **Configurações » Formulários Conversacionais** para ativar o formato conversacional do seu formulário.

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

![habilite formulários conversacionais nas configurações do seu formulário](https://wpforms.com/wp-content/uploads/2021/10/enable-wpforms-conversational-forms.jpg)### Carregando seu logotipo

Agora é hora de carregar seu logotipo no formulário conversacional. Na guia **Formulários Conversacionais**, clique em **Carregar Imagem** e carregue seu logotipo. Quando terminar, clique em **Salvar** para salvar as alterações.

![na guia formulários conversacionais, clique para enviar a imagem do seu logotipo](https://wpforms.com/wp-content/uploads/2021/10/wpforms-upload-logo-image-cf.jpg)Por padrão, essa imagem não está vinculada a nada. Na próxima etapa, vamos adicionar um trecho de código que vinculará essa imagem à página inicial.

## Adicionando o trecho de código

Agora é hora de adicionar um trecho de código ao seu site que transformará a imagem do seu logotipo em um link.

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

## Personalizando o código

Você precisará fazer duas alterações importantes no código:

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

Na **linha 20**, substitua `'/'` pela URL desejada. Por exemplo:

- Para a página inicial: mantenha `'/'`
- Para outra página: use `'/about'`
- Para site externo: use `'https://example.com'`

**Observação:** Usamos `'/'` para representar a página de destino da imagem. Isso direcionaria os usuários para sua página inicial. No entanto, você pode atualizar o valor `'/'` ao lado da chave `href` para qualquer link que desejar usar.

Agora, ao visualizar seu formulário conversacional e passar o mouse sobre a imagem do logotipo, você verá o indicador para clicar na imagem.

![agora o logotipo do formulário conversacional está vinculado à sua página inicial](https://wpforms.com/wp-content/uploads/2021/10/wpforms-logo-link-cf.jpg)E isso é tudo o que você precisa para vincular o logotipo do seu Formulário Conversacional. Gostaria de fazer o mesmo para o complemento **Form Pages**? Dê uma olhada em nosso tutorial sobre [Como vincular o logotipo do Form Pages](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "Como vincular o logotipo do Form Pages").

## Relacionado

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

**Categorias:** Tutoriais

**Tags:** Javascript, JS, PHP

---