Como adicionar banner na plataforma (e-commerce)

Aprenda como adicionar banner na plataforma (e-commerce).

 

Para adicionar um banner basta ir em Add New.

  testebanner  

 

Logo em seguida é preciso colocar o Título desejado (no exemplo coloquei Banner Home 1);
Na descrição logo a baixo é possível adicionar escritos ou imagens no banner, mas é opcional (no exemplo não irei colocar).

 

banner10

 

 

Em Campos personalizados não é preciso modificar nada.

 

Em Slide Settings é onde será configurado as imagens e o formato delas.
Aqui iremos fazer as configurações para Desktop, Tablet e Mobile independentemente.

Images Settings

Você deve adicionar as imagens desejadas em Background image, serão 3 imagens, uma para cada dispositivo.
Em Desktop será o banner que aparecerá no site pelo computador – Recomendamos o tamanho de 1200x340px;
Em Tablet será o banner que aparecerá no site pelo Tablet – Recomendamos o tamanho de 1200x340px;
Em Mobile será o banner que aparecerá no site pelo Celular – Recomendamos o tamanho de 500x350px.

As outras opções Background size e Background position definem o tamanho e a posição das imagens, no exemplo não vou alterar essas opções em nenhum dispositivo.

Sliderss333

 

Slide Content

Nessa parte você definirá as configurações das imagens já adicionadas.

Em Vertical content align e Horizontal content align você define a posição da descrição, essa descrição que pode ser adicionadas logo no inicio (no exemplo não foi adicionado).

Content no space  e Full width content é recomendado estar ativado.

Em Animation é possível escolher uma animação para a entrada do banner.

Capturar3554

 

Slide Link

Aqui é possível adicionar um link ao banner, caso queira que a página do link abra em outra página do navegador basta selecionar o campo  Open link in new tab.

slidelink

 

Após terminar as configurações do banner temos que atrelar o banner ao Slider.
No Menu no canto direito na Opção Sliders, você seleciona o Slider desejado.

Sliderhome

 

Pronto, o Banner já foi criado e atrelado ao Slider desejado.
Agora basta Publicar.

Publicar

 

Para mais informações sobre WordPress e Woocommerce, Clique aqui.

Conheça mais sobre a Sou Rei.

 

 

Este artigo lhe ajudou?
SimNão