Central de Atendimento Nuvem Configure sua loja Layout Página inicial

Como adicionar módulo de imagem e texto na página inicial?

Veja como adicionar e configurar os módulos de imagem e texto nos layouts Cubo, Simple, Bahia, Lifestyle, Trend e Focus.

Última atualização: 07/10/2022

Através da ferramenta Módulo de imagem e texto disponível nos Layouts Cubo, Simple, Bahia, Lifestyle, Trend e Focus, você pode destacar informações de promoções, novidades ou até mesmo sobre seu negócio na página inicial, criando uma mensagem personalizada para seus clientes.

Delete

Success

Essa funcionalidade não está disponível nos seguintes Layouts: Atlântico,  Amazonas, Idea,  Material e Silent.


Neste tutorial, te mostramos como exibir o módulo de imagem e texto na página inicial da loja virtual.

Vamos aos passos!

1. Acesse o painel administrador Nuvemshop.

2. Siga pelo caminho "Minha Nuvemshop > Layout" e depois clique em "Personalizar layout".

Personalizar Layout Nuvemshop


3. Na seção Configurações Avançadas, clique na opção "Página Inicial". 

Pagina inicial Nuvemshop
4. Depois deslize até o Módulos de imagem e texto e clique na seta para abrir as suas configurações.

3. As opções estarão divididas em diferentes seções, e podem ser diferentes de acordo com o layout que está aplicado em sua loja.  Para saber como configurar, procure pelo nome seu Layout abaixo e clique no botão Ver mais detalhes.

Cubo

Ver mais detalhes

No Layout Cubo, você pode adicionar um (1) módulo de texto na página inicial da loja virtual.


Para configurar, siga os passos abaixo:


1. Primeiro clique em "Carregar imagem (JPG, GIF, PNG)".



2. Em seguida, você deve carregar uma imagem com 1270px de largura por 300px de altura. Para isso, clique em "Selecionar imagem" e procure pela imagem no computador ou notebook.


Delete

Warning

Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.


3. Retorne para o menu anterior e personalize o seu módulo de imagem e texto adicionando um Título, Descrição, Texto do botão e um link direcionar seus clientes para qualquer página dentro da sua loja.


Delete

Simple e Bahia

Ver mais detalhes

Apesar da funcionalidade Módulo de imagem e texto ser igual nos Layouts Simple e Bahia, existem algumas diferenças em relação aos recursos disponíveis em cada tema.


Delete

Warning

Cada módulo exibirá uma imagem e texto ao lado quando visto em computadores e abaixo quando visto em celulares.


Para configurar, siga os passos abaixo:


1. O Primeiro passo é definir a  largura da tela, para isso, marque a opção "Aumentar à largura da tela" para a largura do módulo na tela.



Delete

Success

A funcionalidade Aumentar à largura da tela não está disponível no Layout Simple.


2. Após definir passo é definir quantos módulos serão exibidos em sua loja. Para isso, basta marcar a opção "Exibir módulo".


Sendo que cada Layout permite configurar uma quantidades específicas de módulos na página inicial:

Simple

O Layout Simple permite configurar até dois (2) módulos de imagem e texto na sua página inicial da loja virtual.

Delete

Bahia

O Layout Bahia permite configurar até três (3) módulos de imagem e texto na sua página inicial da loja virtual.

Delete


3. Depois adicione uma imagem ao módulo, para isso, basta clicar em "Carregar imagem (JPG, GIF, PNG)".



4. Em seguida, você deve carregar uma imagem com 600px de largura por 400px de altura. Para isso, clique em "Selecionar imagem"e procure pela imagem no computador ou notebook.



Delete

Warning

Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.


5. Retorne para o menu anterior e personalize o seu módulo de imagem e texto adicionando um Título, Descrição, Texto do botão, um Link direcionar seus clientes para qualquer página dentro da sua loja e o Alinhamento da imagem (Esquerda ou direita).



Delete

Lifestyle, Trend e Focus

Ver mais detalhes

Você pode configurar o módulo de texto e imagem nos Layouts Lifestyle, Trend e Focus, porém, é preciso ter em conta que por serem layouts diferentes, a funcionalidade pode oferecer recursos diferentes em cada tema.

Delete

Warning

Cada módulo exibirá uma imagem e texto ao lado quando visto em computadores e abaixo quando visto em celulares


Para configurar, siga os passos abaixo:


1.  Defina quantos módulos serão exibidos em sua loja. Para isso, basta marcar a opção "Exibir módulo".



Sendo que cada Layout permite configurar uma quantidades específicas de módulos na página inicial:

Lifestyle

O Layout Lifestyle permite configurar até dois (2)  módulos de imagem e texto na sua página inicial da loja virtual.

Delete

Trend

O Layout Trend permite configurar até dois (2) módulos de imagem e texto na sua página inicial da loja virtual.

Delete

Focus

O Layout Focus permite configurar até um (1) módulos de imagem e texto na sua página inicial da loja virtual.

Delete


2. Em seguida, carregue uma imagem de fundo para o seu módulo, para isso, basta clicar em "Carregar imagem (JPG, GIF, PNG)" e clique em "Selecionar imagem" para procurar pelo arquivo.



Delete

Warning

Para remover a imagem, após o seu carregamento, irá aparecer algumas opções, basta clicar no ícone da "lata de lixo 🗑️" para excluir a imagem.


3. Retorne para o menu anterior e personalize o seu módulo de imagem e texto adicionando um Título, Descrição, Texto do botão, um Link direcionar seus clientes para qualquer página dentro da sua loja e o Alinhamento da imagem (Esquerda ou direita).



Delete

Success

A funcionalidade Alinhamento da imagem não está disponível no Layout Focus.

Delete

4. Por último, clique em "Publicar Alterações" para finalizar.


Delete

Info

Para testar as alterações sem publicar o Layout, recomendamos que use versão de rascunho do Layout. Para saber mais, consulte o tutorial 📝Como editar o layout da minha loja em rascunho?.


Pronto!🙌  

Agora a sua página inicial exibirá o módulo de texto e imagem, criando uma identidade visual para sua loja, igual o exemplo abaixo:

Celulares/Mobile

Na versão para dispositivos móveis de sua loja, os módulos aparecerão como neste exemplo:

Delete

Computador/ Desktop

Já na versão do computador, como neste outro exemplo:

Delete

O artigo ajudou você?