Banners Promocionais

De Suporte
(Diferença entre revisões)
Ir para: navegação, pesquisa
(→‎Rotativo)
 
(Uma edição intermediária de um usuário não apresentada)
Linha 22: Linha 22:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom009.png|400px]]
+
| [[Imagem:Ecom009.png|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
Linha 47: Linha 47:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom010.png|400px]]
+
| [[Imagem:Ecom010.png|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
Linha 73: Linha 73:
 
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
−
| No Banner tipo Rotativo, você poderá incluir até quatro banners que poderão, por exemplo, ser produtos em destaque, promoções, propaganda de sua Loja, etc.
+
| No Banner tipo Rotativo, você poderá incluir até quatro banners que poderão, por exemplo, ser produtos em destaque, promoções, propaganda de sua loja, etc.
 
'''Para inserir Banners Promocionais Rotativos, siga o procedimento:'''
 
'''Para inserir Banners Promocionais Rotativos, siga o procedimento:'''
 
|}
 
|}
Linha 79: Linha 79:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom011.png|400px]]
+
| [[Imagem:Ecom011.png|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
Linha 96: Linha 96:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom012.png|400px]]
+
| [[Imagem:Ecom012.png|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
Linha 105: Linha 105:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom013.png|400px]]
+
| [[Imagem:Ecom013.png|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
Linha 123: Linha 123:
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
| style="border:1px solid #cccccc; vertical-align:center;" |
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
−
| [[Imagem:Ecom07Exemp.jpg|400px]]
+
| [[Imagem:Ecom07Exemp.jpg|400px|Clique para ampliar]]
 
|}
 
|}
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|

Edição atual tal como às 10h47min de 22 de maio de 2014

Volt.png
Para configurar os Banners Promocionais da sua loja, siga o procedimento:
Ecom008.png
1. clique no menu em Configurações da Loja e após na opção Banners Promocionais.
Clique para ampliar
2. Será exibida a tela de Banners Promocionais.

Para que seu Banner Promocional seja exibido em sua Loja Virtual, no campo Mostra Banner Promocional deixe selecionado Sim.

Você terá 2 (duas) opções de Banners Promocionais:


[editar] Imagem

Para inserir um Banner Promocional de Imagem, siga o procedimento:
Clique para ampliar
Preencha os campos:
  • Mostra Banner Promocional: Selecione Sim
  • Cor de Fundo do Banner: Caso a imagem do banner não preencha toda a largura horizontal do espaço onde será exibido, a cor selecionada irá preencher o espaço restante.
  • Altura do Banner: Recomendamos ajustar para a altura em pixels da imagem que será utilizada no banner.
  • Tipo do Banner: Selecione Imagem.
  • Imagem do Plano Fundo: Você deverá escolher uma imagem de sua preferência para que seja exibida no local do Banner Promocional.
  • Link: Você poderá colocar um Link para essa imagem que ao clicar na mesma poderá redirecionar o cliente para um produto em destaque, uma promoção, etc.

Após, clique no botão Gravar.

Volt.png


[editar] Rotativo

No Banner tipo Rotativo, você poderá incluir até quatro banners que poderão, por exemplo, ser produtos em destaque, promoções, propaganda de sua loja, etc.

Para inserir Banners Promocionais Rotativos, siga o procedimento:

Clique para ampliar
Preencha os campos:
  • INFORMAÇÕES
    • Mostra Banner Promocional: Selecione Sim
    • Cor de Fundo do Banner: Caso a imagem do banner não preencha toda a largura horizontal do espaço onde será exibida, a cor selecionada irá preencher o espaço restante.
    • Altura do Banner: Recomendamos ajustar para a altura em pixels da imagem que será utilizada no banner.
    • Tipo do Banner: Selecione Rotativo.

Após, clique no botão Gravar.

Clique para ampliar
Clique em NOVA IMAGEM.
Clique para ampliar
Preencha os campos:
  • INFORMAÇÕES
    • Titulo: Título para esse item do seu Banner Rotativo.
    • Link: Link para o qual o cliente será redirecionado ao clicar nessa imagem do Banner Rotativo.
    • Publicar: Além de inserir essa imagem, você poderá decidir se irá ou não publicar o banner ou apenas deixá-lo cadastrado e publicá-lo em outra ocasião.
    • Imagem: Imagem para o seu Banner Rotativo, selecione o arquivo da imagem em seu computador.

Após, clique no botão Gravar.

Depois de inserir uma imagem, você terá a opção de Alterar ou Remover cada imagem de seu Banner Rotativo.

Clique para ampliar
Exemplo de Banner Rotativo depois de inserido.
Volt.png
Disponível em "http://wiki.splicenet.com.br/suporte/index.php?title=Banners_Promocionais&oldid=19794"
Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas