Como Adicionar Formulários da SharpSpring em Sites do Wix

Wix é uma plataforma de desenvolvimento de sites que permite diversas integrações externas.

Você pode adicionar formulários da SharpSpring em seus sites do Wix.

Este artigo detalha como adicionar formulários da SharpSpring em sites do Wix.

Integrando a SharpSpring com o Wix

Antes de adicionar um formulário da SharpSpring no Wix, você precisará integrar a SharpSpring com o Wix. Isso exige a criação de um site Wix e a utilização de um código de rastreamento da SharpSpring. Para maiores informações acerca de como integrar a SharpSpring com o Wix, consulte o artigo Visão Geral da Integração com o Wix.

Esteja ciente de que, para integrar o Wix com a SharpSpring, você precisará possuir um pacote premium no Wix. Caso você não possua um pacote premium no Wix, você não poderá utilizar o código nos sites do Wix.

Criando Formulários da SharpSpring

Assim que você integrar a SharpSpring com o Wix, você pode começar a adicionar formulários SharpSpring no Wix. Isso exige que você primeiro crie um formulário na SharpSpring. Para maiores informações acerca da criação de formulários na SharpSpring, consulte o artigo Formulários SharpSpring.

Adicionando Elementos em Sites do Wix

Você pode adicionar formulários da SharpSpring em sites do Wix.

Não existe uma maneira direta de adicionar o formulário, e os formulários precisarão ser recodificados a partir de elementos de texto que são inseridos no site do Wix.

Para adicionar elementos em um site criado no Wix, faça o seguinte:

1. Em uma aba do navegador, faça login no Wix.

2. Localize o site Wix que se deseja editar.

3. Clique em Site Actions > Edit Site.

4. Na janela do Editor de Sites do Wix que aparecer, clique em Add > Texto.

5. Clique em um elemento de parágrafo.

6. Arraste e solte o elemento onde o formulário da SharpSpring ficará localizado na página.

7. Na barra de ferramentas superior do Wix, clique em Save.

8. Na barra de ferramentas superior do Wix, clique em Publish.

Importante: apesar de você poder adicionar qualquer elemento, a SharpSpring recomenda utilizar um elemento de parágrafo de texto. Outros elementos podem resultar em erros de código. Utilize outros elementos por sua própria conta e risco.

Nota: ao adicionar elementos de texto, considere inserir texto no elemento que declara que o formulário irá no elemento. Isso fornece uma maneira de evitar que esse elemento seja equivocadamente modificado no futuro.

Obtendo IDs de Elementos

Uma vez que um elemento tenha sido inserido no site do Wix, você precisará obter o seu ID. Esse ID será usado mais tarde para exibir o formulário no próprio elemento. Para obter o ID de um elemento de site do Wix, faça o seguinte:

1. Na aba do Editor de Sites do Wix no seu navegador, mova o mouse para fora de Publish.

2. Na barra de ferramentas superior do Wix, mova o mouse sobre Publish.

3. Clique em View Site.

4. Localize o elemento de parágrafo adicionado.

5. Clique com o botão direito no elemento.

6. Selecione Inspecionar.

7. Na janela pop-up de console de desenvolvedor que aparecer, clique em Selecionar.

8. Clique no elemento de parágrafo adicionado.

9. Localize o código destacado na janela Elementos.

10. Acima do código destacado, copie o ID na tag <div>.

11. Cole o ID em um editor de texto de sua escolha.

Guarde o ID colado. Você precisará dele mais tarde.

Nota: a SharpSpring oferece Serviços Profissionais para auxiliar na codificação personalizada.

Nota: ao copiar o ID do elemento, não copie as aspas.

Obtendo os Códigos Incorporados de Formulários da SharpSpring

O ID de elemento precisa ser adicionar ao código incorporado de um formulário SharpSpring para que o formulário seja exibido em sites do Wix. Isso exige que você primeiro crie um formulário SharpSpring. Para localizar o código incorporado de um formulário criado, faça o seguinte:

1. Em outra aba do seu navegador, faça login na SharpSpring.

2. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Formulários.

3. No painel esquerdo, clique em Opções > Gerenciar Formulários.

4. Clique no nome do formulário desejado.

5. Ao lado direito da página do formulário, clique em Opções > Código Incorporado.

6. Copie o código incorporado.

Modificando o Código Incorporado do Formulário SharpSpring no Wix

Uma vez que você tenha o ID de elemento do site Wix e o código incorporado do formulário SharpSpring, você pode mesclar os dois em um só código. Esse código, então, irá automaticamente exibir o formulário desejado da SharpSpring na localização do elemento inserido no site do Wix. Para adicionar o código incorporado do formulário da SharpSpring e os IDs dos elementos-alvos no Wix, faça o seguinte:

1. Retorne para a aba do Editor de Sites do Wix no seu navegador.

2. Na barra de ferramentas superior do Wix, clique em Settings > Tracking and Analytics.

3. Clique em New Tool > Custom.

4. Cole o código incorporado do formulário da SharpSpring copiado no campo de texto Paste the Code Snippet Here.

5. No seu editor de texto, copie o ID do elemento obtido.

6. Na aba do Wix no seu navegador, localize a linha ss_form.target_id = ''; no código incorporado do formulário colado.

7. Remova as duas barras // na linha ss_form.target_id = '';.

8. Cole o ID do elemento dentro das aspas únicas '' na linha ss_form.target_id = '';.

9. Insira um nome para o código incorporado colado no campo de texto Name.

10. Deixe as seções Add Code to Pages e Place Code In nas suas pré-definições configuradas.

11. Clique em Apply.

12. Feche a janela Tracking Tools and Analytics.

Assim que você tenha inserido e modificado com sucesso o código incorporado do formulário, você pode mover o elemento de parágrafo como for necessário.

Enquanto ele aparece como um bloco de texto no Editor de Sites do Wix, ele aparecerá como o formulário desejado na página.

Nota: deixe o nome do código o mais simples possível, tal como Código do Formulário da SharpSpring.