EN
Procurando...

Seção de boletim informativo

Pixpa permite que você construa sua base de assinantes com a ajuda da seção de assinatura de newsletter, que pode ser adicionada a qualquer página do seu site ou na seção de pré-rodapé. Veja em ação.

Todas as Assinaturas de Newsletter são armazenadas e acessíveis no Marketing e SEO > Listas de Email seção do estúdio.

Observação

Todas as assinaturas de e-mail no site estarão disponíveis nas listas de e-mail.

Neste artigo:

Adicionar seção de boletim informativo a uma página

  • Uma seção pode ser adicionada a uma página. Você pode adicionar uma seção a uma página já existente ou crie uma nova página dentro do seu site.
  • Na sua página, Clique no ícone + azul para adicionar um Nova Seção para sua página.

 

  • Você vai agora ver o categorias de seção no lado esquerdo.
  • Escolha o Formulários (1) categoria e clique em Newsletter guia (2) onde você pode escolher layouts diferentes que acontecerá no marco da Newsletter (3) seção.

  • Escolha qualquer layout de seção e clique nele para adicioná-lo à sua página.

Gerenciar campos de seção

Depois de adicionar a seção:

  • Clique no Editar Campos (1) botão.

  • Você terá a opção de gerenciar o botão, mensagem de sucesso de envio de postagem e HTML.
  • Economize (2) as mudanças.
  • O campo de endereço de e-mail permanecerá no formulário por padrão.

Conteúdo do boletim informativo

  • Carregar uma imagem (1) para o boletim.
  • Adicionar uma Título (2), e Descrição (3) para o boletim informativo. Antes de adicionar a descrição, verifique esse artigo.

  • Especifique o Título da Seção (4) para esta seção.

Gerenciar layout

  • Clique no Editar Campos botão (1).

  • Escolha o traçado guia (2).
  • Selecione o preferido traçado (3) para sua seção e Economize (4) as mudanças.

Seção do boletim informativo de estilo

  • Clique em Editar Campos (1) botão.

  • Escolha o Sessão de Fotos (2) guia.
  • Altere o estilo dos elementos da seção e Economize (3) suas alterações.

Estilizar a seção é um aspecto importante para criar uma experiência visualmente atraente e fácil de usar.

Você terá várias opções de estilo para a seção: 

Campos de formulário

Pixpa permite tua para totalmente personalizar da aparência of o seu formulário campos. Estes estilo opções Aplique para todos os entrada Campos in o seu form e dar tua maior ao controle Acima de como o seu formulário looks e sente on o seu .

  1. Shape: Escolha o formato dos seus campos de entrada — como retângulo, arredondado, pílula ou texto — para combinar com a estética do seu site.
  2. Preencher: Ative esta alternância para aplicar uma cor de preenchimento de fundo aos campos do formulário.
  3. Cor base: Defina a cor de fundo dos campos quando a opção de preenchimento estiver habilitada.
  4. Esboço: Ative ou desative a borda (contorno) para cada campo.
  5. Cor do contorno: Escolha a cor da borda do campo quando o contorno estiver habilitado.
  6. Cor do texto do campo: Defina a cor do texto digitado pelos usuários dentro dos campos do formulário.
  7. Altura: Ajuste a altura dos seus campos escolhendo entre: Pequeno, Médio, Grande ou Extra Grande.
  8. Rótulos: Escolha se os rótulos dos campos do formulário aparecem dentro ou fora do campo.
  9. Cor da Etiqueta: Defina a cor dos rótulos quando colocados fora do campo.
  10. Cor interna da etiqueta: Defina a cor dos rótulos colocados dentro do campo (útil para rótulos no estilo de espaço reservado).
  11. Espaçamento entre campos: Use o controle deslizante para definir o espaçamento vertical (em pixels) entre cada campo do formulário.

Ataques XDR

  • Gerenciar o alinhamento do conteúdo do formulário horizontalmente de Alinhamento horizontal (1).
  • Gerenciar o alinhamento do conteúdo do formulário verticalmente de Alinhamento vertical (2).

Texto

Espaçamento

  • Especifique o Largura da imagem (1) da imagem na forma em Porcentagem.
  • Especifique o Espaço abaixo do título (3) em Px.
  • Especifique o Espaço Entre Imagem e Texto (3) em Porcentagem.
  • Especifique o Espaço Abaixo do Título (4) em Porcentagem.

NEW Manchete

  1. Alinhar horizontalmente o texto do título da seção. Você pode defini-lo como Esquerda, Centro e Direita.
  2. Habilitar/Desabilitar o Divisor entre o título da seção e o conteúdo da seção.
  3. Colocou o espessura do divisor (em pixels).
  4. Especifique o Cor Divisória do seletor de cores.
  5. Escolher Estilo Divisor da lista suspensa.
  6. Colocou o Largura do título para definir a largura que o título da seção deve ter, começando com um mínimo de 50%.
  7. Especifique o Espaço abaixo do título dentro da seção (em px).

Imagens

  1. Corte de imagem: Escolha o Icolheita de mago para os itens da lista. Você pode definir as imagens como Quadrado, Círculo, Horizontal, Retrato e Original.
  2. Raio de canto: Escolha ter um raio de canto comum ou raio de canto diferente para cada lado dos itens da lista e defina um número (em px) para o Craio próximo das imagens dos itens da lista. Saiba mais.
  3. Animação de foco: Escolha Animar a imagem da seção ao passar o mouse, ativando a alternância. Verifique esse recurso em uma página ao vivo.
  4. Estilo de Animação: Escolha um Estilo de Animação para imagens quando o cursor passa sobre elas.
  5. Máscara de forma: Habilite esta alternância para aplicar uma máscara de forma às imagens na seção Image List. Uma vez habilitado, a forma selecionada cortará visualmente a imagem naquele formato.
  6. Selecione a forma: Escolha entre várias formas predefinidas para aplicar às suas imagens. Isso permite que você estilize criativamente seu conteúdo exibindo imagens em formas únicas, como arredondado, diamante, gota, etc.

Dica

Com o raio de canto campo, você pode criar diferentes formas de imagens de itens de lista. Caso você especifique 500 px aqui, as imagens serão exibidas em forma de círculo.

  • Caso tenha escolhido cantos divididos, você pode definir diferentes raios de canto para cada canto.

Borda da imagem

  1. Ativar/desativar borda ao redor da imagem alternando o botão.
  2. Escolha ter um fronteira comum em todos os lados da imagem ou você pode especificar o fronteiras separadamente para cada lado.
  3. Especifique o largura da fronteira. Se estiver definido como 0, a borda não aparecerá. Você também tem a opção de definir a largura da borda individualmente para cada lado da imagem.
  4. Selecione os Cor da margem do seletor de cores.
  5. Selecione um preferido Estilo da Borda da lista suspensa.
  6. Determinar o largura da borda para celular dispositivos, alinhando-o com a largura escolhida para desktop.

Botão de formulário

Essas configurações permitem a personalização do botão de envio do formulário para corresponder ao design e layout da página.

  1. Tamanho do botão - Selecione o tamanho do botão (Pequeno, Médio ou Grande).
  2. Estilo do botão - Escolha o estilo geral do botão, como Padrão ou Personalizado.
  3. Cor do botao - Defina o estilo da cor do botão. As opções incluem Padrão, Inverter ou Personalizado.
  4. Texto do botão – Personalize a cor do texto exibido no botão.
  5. Fundo do botão – Selecione uma cor de fundo para o botão.

Botões de título

Essas configurações controlam a aparência e o espaçamento dos botões colocados com o título da seção.

  1. Tamanho do botão - Selecione o tamanho geral dos botões (Pequeno, Médio ou Grande).
  2. Espaço entre botões – Ajuste o espaçamento entre vários botões (medido em vw).
  3. Espaço acima dos botões – Defina o espaçamento vertical acima dos botões (medido em porcentagem).
  4. Largura do botão – Escolha a largura dos botões. As opções incluem Padrão, Grande, Extra Grande e Largura Total.
  5. Tamanho do link de texto – Especifique o tamanho da fonte dos links de texto associados aos botões (medido em px).
  6. Tamanho do botão de imagem – Ajuste o tamanho dos botões baseados em imagem (medidos em px).

Ícones sociais de manchete

Exiba e personalize ícones de compartilhamento social no formulário.

  1. Tamanho do ícone – Ajuste o tamanho dos ícones sociais (medido em px).
  2. Tipo de ícone – Escolha o estilo dos ícones, como as opções Clássico, Sólido ou Contorno.
  3. Cor do ícone – Selecione a cor dos ícones. As opções incluem Texto do Link, Personalizado ou Cor da Marca (cor original da plataforma social).
  4. Cor de fundo do ícone – Defina uma cor de fundo personalizada para os ícones para melhorar a visibilidade e o estilo.

Configurações do boletim informativo

  1. Colocou o etiqueta do botão para o botão enviar do formulário.
  2. Escolha o tamanho do botão de Pequeno, Médio e Grande.
  3. Escolha o estilo do botão de Solid, Outline e Textlink.
  4. Inverter a cor do botão. A cor padrão será aplicada a partir do Botões e Links opção na seção Design.

O Pixpa permite especificar a mensagem exibida depois que o usuário envia o formulário.

  1. Especifique o Postagem enviada com sucesso mensagem que aparece depois que o usuário envia o formulário.
  2. Você também pode adicionar qualquer script no pós envio HTML de sucesso caixa.

E-mail de sucesso

Envie uma resposta por e-mail a todos que assinaram este boletim informativo.

  1. Habilitar/Desabilitar o e-mail de sucesso para este boletim específico.
  2. Introduzir o sujeito do e-mail.
  3. Introduzir o mensagem de sucesso para incluir no e-mail.

  • Entrar pré-rodapé (1) na barra de pesquisa.
  • Você verá os resultados relacionados.
  • Clique no Pré-rodapé do site opção (2) em Links do estúdio. 

  • Clique no ícone + azul para adicionar um Nova Seção em seu pré-rodapé.
  • Você terá o categorias de seção no lado esquerdo.
  • Escolha o Seção de boletim informativo (1) opção onde você pode escolher entre as layouts diferentes (2).

  • Escolha o layout da seção (2) e clique nele para acessar o pré-rodapé.
  • Faça o pré-rodapé Ativo para ser visível em suas páginas.
  • Clique no Consultar botão no canto superior esquerdo para revisar o site ao vivo.

Veja em ação: 

Verifique também: Adicionar pré-rodapé ao site.

Exportar assinaturas de newsletter

Você pode exportar a assinatura do boletim informativo da seção de marketing.

  • Entrar Listas de Email (1) na barra de pesquisa.
  • Você verá os resultados relacionados.
  • Clique no Listas de Email opção (2) em Links do estúdio. 

  • Todas as assinaturas de e-mail no site estarão disponíveis nas listas de e-mail. 
  • Vou ao Ação (3) menu e clique no botão Opção de download (4) para baixar as listas de discussão.

Tagged:

Não consegue encontrar o que procura?

Entre em contato com um especialista da Pixpa.

Contato
O Pixpa Studio acaba de ser reformulado. Estamos atualizando todas as capturas de tela dos artigos de ajuda neste momento.