# Configurar um microsite

Para uma experiência rápida de configuração do microsite, recomendamos que você use o recurso de configuração automática. Este guia mostrará como.

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo**.
2. No *Microsite* cartão, selecione **Configurar Conteúdo**.
   * Se você já adicionou um microsite, selecione **Editar Conteúdo** em vez disso.

     <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ca1bf3be871a58280050a8385c59cab35dc6ddab%2Fedf39b7d174acc5ae981264fd65444af982489924cf1f06343b9e78bbba4313a.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
3. Use as opções de modelo disponíveis na navegação à esquerda para configurar automaticamente seu microsite.

{% stepper %}
{% step %}

#### **Passo 1:** **Vincule seu microsite ao seu programa**

Esta etapa é concluída no editor de microsite.

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo**.
2. No *Microsites* cartão, selecione **Editar conteúdo**.
3. No *Microsite* slideout, selecione **Layout Base**.
4. No slideout, abaixo de *Layout Atual*, selecione **Camadas**.
5. Selecione a **Seção do Programa** linha, então feche o slideout.
6. No menu de componentes no lado direito da página, use a lista suspensa para selecionar o programa que você deseja conectar a este microsite.
7. Selecione **Salvar** no canto superior direito da página.
   {% endstep %}

{% step %}

#### **Passo 2: Ajuste as configurações do formulário de registro do seu microsite**

O formulário de registro coleta o nome e o endereço de e-mail de cada participante que se inscreve através do seu microsite. Você pode alterar quais informações o formulário coleta modificando o formulário de registro no editor de microsite.

{% hint style="info" %}
**Observação:** Se você usou a configuração automática para criar o microsite, então um formulário de registro foi criado automaticamente. Você pode pular esta etapa a menos que queira ajustar os campos do formulário.
{% endhint %}

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo**.&#x20;
2. No *Microsite* cartão, selecione **Editar conteúdo**.
3. Dentro do *Microsite* slideout, selecione a **Página de Registro** abaixo do *Layout Desconectado*.
4. Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[Ícone de Saída]** para minimizar a *Microsites* aba.
5. No menu de componentes no lado direito da página, expanda **Componentes do Microsite**, então selecione um dos componentes de formulário.
6. Adicione o componente à página do microsite selecionando um dos **Adicionar a** locais na tela.
   * Visite [Editor de Microsite Explicado](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained) para entender melhor as funções dos microsites.
7. Selecione **Salvar** no canto superior direito da página.
   {% endstep %}

{% step %}

#### **Passo 3: Adicione um domínio ao seu microsite** **(Opcional)**

Por padrão, cada microsite usa o domínio `http://companyname.advocate.impact.com/`, mas você pode optar por usar um domínio que possua. Consulte nosso artigo de ajuda sobre [configuração de domínio](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate) se quiser usar um para seu microsite.
{% endstep %}

{% step %}

#### **Passo 4: Adicione HTML personalizado ao head do seu microsite**

Por padrão, incluímos HTML que configura um ícone de guia no topo da aba do seu navegador. Você pode substituir o ícone pelo logotipo da sua empresa — se não o fizer, a aba mostrará o logotipo padrão. O `elemento head` também é onde você pode inserir tags de script relacionadas a SEO e outros elementos de marca/estilo, se desejar.

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo**.
2. No *Microsite* cartão, selecione o **Editar Configurações**.
3. Sob o *Hospedagem do Site* título, encontre a *Head HTML* seção.
4. Cole seu script e selecione **Salvar configuração**.
   {% endstep %}

{% step %}

#### **Passo 5: Personalize o layout e as páginas do seu microsite**

O microsite padrão tem um modelo aplicado, mas deve ser personalizado antes de ser disponibilizado aos seus defensores de clientes. Você pode personalizar os layouts, páginas, marca e conteúdo do site.

No mínimo, recomendamos:

* Personalizar o painel.
* Modificar o contêiner da marca.
* Personalizar o cabeçalho do microsite.
* Revisar os modelos de e-mail do ciclo de vida.
* Editar conteúdo da página.

Consulte nosso documento sobre [Personalizando Layouts e Páginas do Microsite](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages) para uma análise aprofundada de como fazer isso e muito mais.
{% endstep %}
{% endstepper %}
