{"id":733361,"date":"2020-05-01T11:58:25","date_gmt":"2020-05-01T11:58:25","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=733090\/"},"modified":"2020-05-01T21:30:51","modified_gmt":"2020-05-01T12:00:51","slug":"qu%c3%a3o-f%c3%a1cil-%c3%a9-projetar-a-p%c3%a1gina-inicial-do-prestashop-mobile-app","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/aplicativo-movel\/qu%c3%a3o-f%c3%a1cil-%c3%a9-projetar-a-p%c3%a1gina-inicial-do-prestashop-mobile-app\/","title":{"rendered":"Qu\u00e3o f\u00e1cil \u00e9 projetar a P\u00e1gina inicial do PrestaShop Mobile App?"},"content":{"rendered":"

Com o crescente uso de aplicativos m\u00f3veis, mais empresas est\u00e3o dispostas a fazer esfor\u00e7os extras para se destacar de seus concorrentes. Para as empresas de com\u00e9rcio eletr\u00f4nico, ter um aplicativo m\u00f3vel com atualiza\u00e7\u00e3o regular do design da p\u00e1gina inicial os ajuda a manter seus clientes envolvidos de maneira lucrativa. Sempre que uma nova oferta \/ nova chegada \/ venda \/ etc. \u00e9 apresentada em seu aplicativo de compras, os clientes conscientes disso podem naturalmente aumentar suas vendas. Isso pode ser feito otimizando tamb\u00e9m o design da p\u00e1gina inicial (al\u00e9m de notifica\u00e7\u00f5es push e outras campanhas) no PrestaShop Mobile App. Para facilitar o design e a edi\u00e7\u00e3o da p\u00e1gina inicial para os propriet\u00e1rios de empresas, a KnowBand oferece extens\u00f5es do eCommerce Mobile App Builder. Ele n\u00e3o s\u00f3 ajuda as empresas de com\u00e9rcio eletr\u00f4nico a criar seus aplicativos m\u00f3veis de com\u00e9rcio eletr\u00f4nico sem problemas, mas tamb\u00e9m oferece back-end e front-end ricos em recursos para o benef\u00edcio das empresas e dos usu\u00e1rios de aplicativos. Este artigo esclarecer\u00e1 como usar o Criador de aplicativos m\u00f3veis PrestaShop<\/a> M\u00f3dulo para criar, projetar e editar os layouts da p\u00e1gina inicial. Depois que o m\u00f3dulo PrestaShop Mobile App Builder, da KnowBand, estiver instalado no back-end do site da PrestaShop, a p\u00e1gina inicial do<\/p>\n

\"configure-module\"<\/a><\/p>\n

Ao clicar em 'configurar' neste m\u00f3dulo do criador de aplicativos, voc\u00ea recebe v\u00e1rias op\u00e7\u00f5es de edi\u00e7\u00e3o.<\/p>\n

\"layout<\/a><\/p>\n

-Selecione 'Layout da p\u00e1gina inicial' no menu lateral. -Para criar um novo layout, clique no bot\u00e3o 'adicionar novo layout'. Voc\u00ea tamb\u00e9m pode reeditar os layouts existentes. Al\u00e9m disso, voc\u00ea pode pr\u00e9-criar v\u00e1rios layouts e manter qualquer um deles ativo no seu Mobile App (nas configura\u00e7\u00f5es gerais no menu lateral).<\/p>\n

\"layout<\/a><\/p>\n

– Ao projetar ou editar o layout da p\u00e1gina inicial do aplicativo, voc\u00ea pode usar no m\u00e1ximo 20 componentes da lista completa de componentes diferentes mostrada no menu lateral \u00e0 esquerda. Portanto, voc\u00ea tamb\u00e9m pode usar um \u00fanico componente v\u00e1rias vezes em seu layout. Ao adicionar esses componentes, voc\u00ea pode editar cada um deles e organiz\u00e1-los usando o recurso de arrastar e soltar. A melhor coisa \u00e9 que todas as edi\u00e7\u00f5es que voc\u00ea faz refletem instantaneamente na tela do aplicativo de demonstra\u00e7\u00e3o na pr\u00f3pria guia de personaliza\u00e7\u00e3o da p\u00e1gina inicial.<\/p>\n

Componentes para criar o layout da p\u00e1gina inicial do PrestaShop:<\/h2>\n

1. Principais categorias:<\/h3>\n

\"principais<\/a><\/p>\n

Em uma forma deslizante, voc\u00ea pode exibir pequenos \u00edcones de imagem com links de redirecionamento para categorias relevantes na sua eStore. Voc\u00ea pode adicionar um total de 8 dessas categorias em um \u00fanico componente da 'categoria principal'.<\/p>\n

2. Faixas quadradas, de grade e de deslizamento horizontal:<\/h3>\n

\"faixa<\/a><\/p>\n

\"bandeira\"<\/a><\/p>\n

\"banners<\/a>
\nPara todos esses tr\u00eas tipos de banner, voc\u00ea pode escolher as op\u00e7\u00f5es de redirecionamento entre p\u00e1ginas de categorias, p\u00e1ginas de produtos, home page e at\u00e9 qualquer uma das p\u00e1ginas do CMS. Adicione um ou v\u00e1rios elementos sob esses banners de acordo com suas necessidades.<\/p>\n

3. Quadrado, Grade e Produtos Deslizantes Horizontais:<\/h3>\n

\"tela<\/a><\/p>\n

\"produtos<\/a><\/p>\n

Com esses tr\u00eas componentes, voc\u00ea pode exibir produtos singulares, redirecionando o usu\u00e1rio do aplicativo diretamente para a p\u00e1gina espec\u00edfica do produto. Como esse m\u00f3dulo PrestaShop App Builder tamb\u00e9m permite definir as listagens de produtos em destaque. Voc\u00ea pode escolher entre as seguintes op\u00e7\u00f5es para exibir os produtos:? Produtos mais vendidos? Novas chegadas ? Produtos em destaque ? Produtos especiais ? Produtos de uma categoria? Produtos Personalizados<\/p>\n

4. Produtos Acessados \u200b\u200bRecentemente:<\/h3>\n

A inclus\u00e3o desse componente em qualquer lugar do layout simplesmente cria um controle deslizante horizontal para produtos que exibem apenas os produtos que um usu\u00e1rio do aplicativo visualizou recentemente. \u00c9 ideal adicionar esse componente apenas uma vez no layout da p\u00e1gina inicial.<\/p>\n

5. Faixa do temporizador de contagem regressiva:<\/h3>\n

Este banner possui um timer embutido de contagem regressiva com todas as configura\u00e7\u00f5es necess\u00e1rias para torn\u00e1-lo seu. Voc\u00ea pode us\u00e1-lo para informar os usu\u00e1rios do aplicativo sobre uma oferta que est\u00e1 terminando em um tempo especificado. Ter o cron\u00f4metro funcionando ajuda a envolver os clientes e a fazer compras bem-sucedidas at\u00e9 o rel\u00f3gio estar funcionando. Consulte a captura de tela abaixo para obter suas configura\u00e7\u00f5es.<\/p>\n

\"contagem<\/a><\/p>\n

Al\u00e9m de todas as edi\u00e7\u00f5es, voc\u00ea pode criar o design da p\u00e1gina inicial do aplicativo PrestaShop; h\u00e1 mais uma coisa \u00fatil presente o tempo todo na tela do aplicativo. \u00c9 a barra de guias.<\/p>\n

Design da barra de guias:<\/h3>\n

No menu lateral do backend do m\u00f3dulo PrestaShop Mobile App Maker, voc\u00ea tamb\u00e9m pode criar a barra de guias. Esse design permanece comum para todos os layouts da p\u00e1gina inicial. Adicione de 3 a 5 elementos na barra de guias com os links necess\u00e1rios para tornar seu aplicativo PrestaShop mais profissional e f\u00e1cil de usar.<\/p>\n

\"barra<\/a>
\nVeja como \u00e9 a configura\u00e7\u00e3o da barra de guias "Minha conta":<\/p>\n

\"minha<\/a>
\nAt\u00e9 agora, voc\u00ea deve ter uma id\u00e9ia de como \u00e9 f\u00e1cil criar, projetar e editar o layout da p\u00e1gina inicial de um aplicativo PrestaShop Mobile usando o m\u00f3dulo PrestaShop Mobile App Maker. De tempos em tempos, os aplicativos de com\u00e9rcio eletr\u00f4nico precisam alterar o layout da p\u00e1gina inicial para complementar ofertas diferentes, vendas sazonais, novidades e outros enfeites. Portanto, para tornar mais f\u00e1cil e eficaz para os propriet\u00e1rios da eStore, nossos especialistas da KnowBand desenvolveram este PrestaShop Mobile App Maker<\/a> M\u00f3dulo. Aqueles que desejam testar este m\u00f3dulo antes de comprar podem at\u00e9 experimentar sua vers\u00e3o gratuita.<\/p>\n

Alguns de nossos aplicativos para clientes com design bonito:<\/h2>\n

A) Corpo Organics App:<\/strong><\/p>\n

\"body-organics-app\"<\/a><\/p>\n

B) Elecbee App:<\/strong><\/p>\n

\"elecbee-app\"<\/a><\/p>\n

C) Aplicativo ChirulliShop:<\/strong><\/p>\n

\"chirullishop-app\"<\/a><\/p>\n

D) Caribstore App:<\/strong><\/p>\n

\"caribstore-app\"<\/a><\/p>\n

E) Terminal Fashion App:<\/strong><\/p>\n

\"moda<\/a><\/p>\n

F) VenusSense App:<\/strong><\/p>\n

\"Venussense-app\"<\/a><\/p>\n

G) Xbahrain App:<\/strong><\/p>\n

\"xbahrainshop-app\"<\/a><\/p>\n

Se voc\u00ea ainda tiver alguma d\u00favida relacionada a isso, sinta-se \u00e0 vontade para nos enviar um e-mail para support@knowband.com<\/a>. Teremos o maior prazer em ajud\u00e1-lo.<\/p>\n

Leia tamb\u00e9m:<\/strong><\/p>\n

\u00c9 f\u00e1cil enviar notifica\u00e7\u00f5es push personalizadas no PrestaShop Mobile App?<\/a>