Toda semana, fornecemos um pacote de layout Divi novo e gratuito, que você pode usar para o próximo projeto. Juntamente com cada pacote de layout, também compartilhamos um caso de uso que o ajudará a levar seu site para o próximo nível.

Esta semana, como parte da nossa iniciativa de design Divi em curso, vamos mostrar-lhe como fazer Os ícones de seguimento social aparecem logo após alguém ter solicitado acesso antecipado na próxima página do pacote de layout de marketing de software . Esta é uma ótima maneira de promover o seu produto ou serviço, mesmo antes de colocá-lo lá.

Sneak Peek

Antes de solicitar acesso antecipado na próxima página, o seguinte layout é usado:

 marketing de software

Sem alterar nada visualmente sobre a próxima página em breve, a seguinte página (redirecionamento) será aberta quando alguém solicitar acesso antecipado através do formulário de correção eletrônica:

 marketing de software [19659002] O processo, em seu total, se parece com isto:

 marketing de software

Parte 1: Faça sua próxima página Funcional

Etapa 1: Abrir em breve Página com Visual Builder [19659012] A primeira coisa que você precisará fazer é criar uma página usando a página em breve do pacote de layout de marketing do software . Depois de fazer isso, habilite o Visual Builder nessa página.

 marketing de software

Etapa 2: Adicionar provedor de serviços ao módulo Optin de email

Um dos módulos que faz parte deste layout é o Módulo Optin de email. Para continuar usando este módulo, você precisará adicionar uma conta de e-mail ao seu provedor de serviços de escolha.

 marketing de software

Etapa 3: Alterar a contagem regressiva para Temporizador de contagem regressiva

Próxima , percorra a página e adicione a data de contagem decrescente que corresponde à sua data de lançamento para ter uma página completamente precisa em breve.

 marketing de software

Parte 2: Criar página de redirecionamento

Etapa 1: Crie uma nova página, ative o Divi Builder e mude para o Visual Builder

Depois de fazer essas pequenas modificações na próxima página em breve, você terá que criar outra página que será usada como a página em que seus visitantes serão redirecionados depois de se inscrever para o Módulo Email Optin da sua próxima página. Use o título de página que você deseja para esta página, habilite o Divi Builder e mude para o Visual Builder imediatamente.

 marketing de software

Etapa 2: Use Próximamente Layout

Nós não queremos necessariamente as pessoas sabem que estão sendo redirecionadas para outra página. É por isso que, para a maior parte da página, vamos reutilizar o próximo layout do pacote de layout de marketing de software . Se você estiver enviando o pacote que vem em breve dos layouts predefinidos em sua biblioteca, certifique-se de alterar o temporizador de contagem regressiva mais uma vez.

 marketing de software

Etapa 3: Remover linha atual na seção de herói

Vamos substituir os módulos dentro da seção de heróis com um Módulo de acompanhamento social e dois módulos de texto correspondentes. Para conseguir isso, vamos precisar de outra estrutura de coluna e por causa de economizar tempo; remova a linha atual da seção herói.

 marketing de software

Etapa 4: adicione uma coluna em coluna

Em vez disso, vamos adicionar uma linha com uma coluna à nossa seção de heróis .

 marketing de software

Etapa 5: Módulos de texto de seção de héroe de clone

Você poderia começar a criar seus módulos de texto a partir do zero ou você poderia usar alguns módulos de texto que são já está presente no pacote de layout de marketing de software para combinar com o resto do seu site, o que parece uma idéia melhor. A seção de heróis na página de destino, por exemplo, tem dois módulos de texto que só precisam de pequenas mudanças para funcionar em nossa página de redirecionamento. Vá em frente e adicione os dois módulos de texto à sua biblioteca individualmente.  marketing de software

 marketing de software

Etapa 6: Adicionar módulos de texto à linha de uma coluna

Logo após adicionar o texto Módulos para a sua biblioteca, volte para sua página de redirecionamento e adicione ambos os Módulos de Texto à linha de uma coluna que você criou.

 marketing de software

 marketing de software

Etapa 7: Alterar conteúdo e alinhamento de ambos os módulos de texto

Como estamos usando uma linha com uma coluna, é recomendável usar o alinhamento do centro. Ambos os módulos de texto precisam de uma orientação central do texto na subcategoria Texto e um alinhamento central do módulo na subcategoria Tamanho.

 marketing de software

 marketing de software

Passo 8: Adicionar seguimento social Módulo entre módulos de texto

Depois de terminar os módulos de texto, você pode adicionar um Módulo de acompanhamento de mídia social entre os dois módulos de texto.

 seguimento social

Etapa 9: Adicionar canais de mídia social

Adicione tantos canais de redes sociais quanto você quiser no seu Módulo de Mídia de Mídia Social e não se esqueça de incluir os URLs para seus próprios canais de mídia social para cada um.

 marketing de software

Passo 10 : Alterar alinhamento do módulo de acompanhamento social

Não é necessário modificar as configurações de design de cada um dos canais de mídia social de forma individual, você pode aplicar as alterações a todos de uma vez, indo para a guia Design do seu Módulo de Social Media Follow. A primeira coisa que você precisará fazer, é usar um alinhamento do item do centro para o seu módulo.

 marketing de software

Etapa 11: aplicar intervalos arredondados adicionais

Para criar cada um dos ícones sociais em um círculo, você pode simplesmente adicionar ’20px’ a cada um dos cantos dentro da subcategoria Border.  marketing de software

Etapa 12: Add Box Shadow

Por último, mas não menos importante, um pouco de Box Shadow pode ajudar Você cria profundidade para seus ícones de seguimento social. A sombra da caixa que usamos no nosso exemplo é a primeira na lista (por padrão). No entanto, sinta-se livre para brincar com as configurações e a cor da sombra para combinar o design com o seu próprio gosto e expectativas.

 marketing de software

Parte 3: Adicionar página de redirecionamento para Email Optin Module [19659011] Etapa 1: Copie seu URL da página de redirecionamento

Agora que você criou e terminou a página de redirecionamento, você pode salvar sua página e sair do Visual Builder. Uma vez que você faz, vá em frente e copie o URL da sua página de redirecionamento e volte para a próxima página.

Etapa 2: Adicione-o ao seu módulo Optin de email

O último que falta fazer é adicionar o novo redirecione a página que você criou na parte anterior desta postagem no blog na subcategoria Ação de Sucesso do seu Módulo Opcional de Email. Não se esqueça de escolher ‘Redirecionar para um URL personalizado’ como a ação também.

 marketing de software

Pensamentos finais

Nesta postagem de blog de caso de uso, mostramos você Como fazer os ícones de seguimento social aparecer logo após alguém ter solicitado acesso antecipado na próxima página do pacote de layout de marketing de software. Este caso de uso faz parte da nossa iniciativa Divi em curso, onde nossa equipe de design compartilha um novo pacote de layout com você todas as semanas. Se você tiver quaisquer perguntas; Certifique-se de deixar um comentário na seção de comentários abaixo.

A publicação Como fazer um prompt de acompanhamento social aparecer após os visitantes se inscrever com o Pacote de layout de marketing do software Divi apareceu primeiro em Blog de temas elegantes .

Source link