Design da página de produto tema Dawn

[AlexandreSO]

Olá, eu queria deixar a página de produto com esse layout do refresh https://themes.shopify.com/themes/refresh/styles/default/preview

Ele distribui bem o espaço de textos e imagens, como montar dessa forma no tema Dawn ou é característica particular do tema Refresh?

Dessa forma ele também apresenta outros produtos para serem comprados o que pode ser uma boa estratégia para fazer um orderbump, mas inicialmente é deixar os textos melhor distribuídos por entre as imagens.

Como seria o arranjo de blocos?

Minha página de produto fica tudo espremido no cantinho da lateral direita e um baita de um vazio ao centro e na lateral esquerda da página

https://www.pandashopmi.com.br/products/umidificador-de-ar-4l

[Amalia]

Olá @AlexandreSO! 

Obrigada por compartilhar esses detalhes e será um prazer em te ajudar alcançar esses objetivos com as páginas de produto na sua loja.  Entendi que você usa o tema Dawn e pretende fazer duas atualizações à sua página de produto; alargar e centrar a descrição do produto sob a imagem do produto e mostrar os produtos recomendados na página do produto. Abaixo, vou esclarecer como poderá alcançar ambos os objetivos;

1. Mover a descrição para abaixo das imagens do produto.

Embora não seja possível modificar a posição da descrição do produto no editor de temas, existem algumas outras formas de o fazer. Tais como, utilizar um app, editar o código do tema ou contratar ajuda de um especialista.

Confira os seguintes apps que possibilitam organizar e condensar a descrição para ser mais fácil de ler;

• Easy Slide Accordion Tabs
• Product Descriptions by Amp
• Easy Product Tabs
• Tabs Studio

Se estiver confortável em modificar o código do tema,  Encontrei este post na Comunidade em inglês que pode-te ajudar. Se decidir modificar o código do tema, é importante conferir este documento aqui que explica como preparar para alterar o código do tema e algumas dicas a ter em mente. Tenha em mente que, modificações de código caem fora do nosso escopo de suporte, pois nos não somos treinados em código HTML. No entanto, se você tem experiência de editar código, poderá estar interessado em tentar alcançar o seu objetivo desta forma.

Caso não esteja confortável modificando o código do tema, poderá usar um app como a PageFly Landing Page Builder para criar uma página de produto personalizada e ter mais controle sobre a posição da descrição do produto na página.  

Outra opção seria contratar a ajuda de um dos especialistas no Marketplace aqui.  O mercado de especialistas é constituído por agências de terceiros bem versados na plataforma da Shopify e que poderá contratar ajuda para realizar tarefas especializadas como esta.

2. Adicionar recomendações de produtos para aumentar as vendas.

Esta é uma ótima forma de impulsionar as vendas! O tema Dawn vem embutido com o recurso de Produtos Complementares.  Você pode definir os produtos relacionados para cada produto na sua loja usando o app Search & Discovery. Com esse app você pode personalizar a pesquisa, a filtragem e as recomendações de produtos, para incentivar os compradores a comprar mais, mostrando produtos complementares;

Obrigada por compartilhar a sua loja PandaShopMi! Adoraria saber mais sobre o seu projeto, por gentileza conte-me mais. Qual é o significado do nome da sua marca e o logo? Notei que você vende produtos de diversas categorias - houve algum desses nichos em que tem mais interesse ou em que tem mais experiência? Se você já começou a vender, quais são os seus produtos/categorias mais populares no momento?

Espero que essas recomendações ajudem! Por favor, deixe um comentário aqui se tiver qualquer dúvida e fico feliz em continuar a nossa conversa.  Até mais!

[AlexandreSO]

Olá Amalia, Panda Shop Mi tem ligação direta com minha falecida mãe e meus irmãos, o preto e branco na paleta de cores me pareceu uma escolha bem óbvia, e como inicialmente a ideia era ter produtos com o tema panda o shop mi se torna um trocadilho para shop me, a logo era para ser mais elaborada com alguma letra imitando o bambú que vem da cor dos botões. Tinha um nicho predominante na loja que era Action Figures, porém com a taxação no Brasil me vi obrigado a dar um reset na loja, sem ter ideia do que colocar na loja, abri bastante o leque de produtos. Recentemente, escolhi um nicho e pretendo começar uma loja nova para trabalhar apenas com esse nicho e inicialmente vender apenas por SEO com auxilio e blog.

O tema refresh tem essa distribuição de texto nativa não? Eu gostei desse layout, ao meu ver é mais organizado e limpo, do que jeito que está acredito que só vá ler, quem realmente esteja interessado em saber quais informações estão contidas ali

[Fran]

A história por trás da Panda Shop Mi é realmente comovente e cheia de significado, @AlexandreSO. É incrível ver como você incorporou esses elementos pessoais na criação da sua loja. Tenho alguns pontos para adicionar à conversa: 

Layout do tema

Entendo que você não esteja satisfeito com o layout do tema Dawn, pois ele está sendo exibido dessa forma: 



O motivo pelo qual seu tema está aparecendo dessa forma é porque sua descrição de produto está longa e com muitos vídeos e fotos. Se você utilizar o Refresh e colocar esse tanto na descrição, vai ficar do mesmo jeito. Uma forma rápida e fácil de suavizar isso é marcar a opção Habilitar conteúdo persistente no desktop na seção Informações do Produto. Dessa forma, quando seus clientes rolarem a página para baixo, a seção de mídia do produto acompanha a descrição, ao invés de ficar sumida lá em cima. 

Além disso, para dar uma suavizada no espaço em branco, você pode incluir mais fotos na seção "Mídia" e escolher um tipo diferente de visualização da seção Layout para desktop que preencha mais o espaço. Por exemplo, as opções Empilhado ou Duas Colunas irão preencher mais esse espaço caso você adicione diversas fotos na seção. Veja aqui um exemplo em minha loja teste. Você também pode diminuir a largura da seção Largura da mídia para desktop. Isso irá aumentar o espaço da descrição do produto e consequentemente diminuir um pouco o comprimento dela. 

Por fim, quando você diz "do que jeito que está acredito que só vá ler, quem realmente esteja interessado em saber quais informações estão contidas ali" talvez você esteja se referindo ao Conteúdo Recolhível que está sendo mostrado no preview do Refresh em nossa loja de temas. Seria isso? 

Se sim, é só adicionar essa seção em seu site, pois ela também existe no tema Dawn. 

Veja como aqui.

Leia mais sobre como essa seção funciona aqui.

É importante notar que esse espaço em branco só aparece assim na versão de desktop. Como você pode ver aqui, no mobile o layout está perfeito. Dessa forma, sugiro que verifique na seção Análises de qual dispositivo vem a maioria dos acessos à sua loja e foque suas energias em oferecer uma melhor experiência para o dispositivo que gera mais acessos e vendas. Geralmente, os acessos costumam vir mais de dispositivos móveis do que de desktop, pois é assim que a maioria dos clientes faz compras hoje em dia. 

• Página "Sobre Nós"

Caso se sinta confortável, recomendo que crie uma página "Sobre Nós" em sua loja para compartilhar essa história incrível e pessoal por trás da Panda Shop Mi. Essa página é essencial, pois:

- Ajuda a construir conexões emocionais com os clientes, tornando sua marca mais humana e autêntica.
- Permite que os visitantes conheçam a história, os valores e a missão da sua loja, criando confiança e lealdade.
- Destaca o propósito por trás do seu negócio, diferenciando-o da concorrência e agregando valor à experiência do cliente.
- Pode influenciar positivamente a decisão de compra dos clientes, mostrando o cuidado e a dedicação envolvidos na criação da loja.

Veja como criar uma página Sobre Nós vencedora aqui. 
 

• SEO

Para a nova loja com foco em um nicho específico e vendas por SEO, uma dica valiosa é garantir que seu blog tenha conteúdo relevante e otimizado para mecanismos de busca, ajudando a impulsionar o tráfego e as vendas. Leia mais sobre isso aqui. 

Desejo muito sucesso nessa nova empreitada e estou aqui para ajudar no que precisar.