Magento

1.0 Introdução do Magento

Deixe seus clientes comprarem cartões de presente para seus amigos e familiares. O administrador da loja pode criar vários cartões de presente para ocasiões especiais como aniversário, aniversário, dia dos namorados, dia da amizade, dia dos pais etc para que, conforme a necessidade dos clientes podem selecionar os cartões de presente para seus entes queridos.

O Gift Card oferece os seguintes benefícios:

1) Incentive os clientes a gastar mais 2) Menores taxas de retorno 3) Possibilitar compras de última hora 4) Gerar receita antes das vendas 5) Mais conveniente

Magento 2 Gift Card Module by Knowband fornece uma maneira flexível para os seus clientes comprarem um presente para alguém da sua loja.

Recursos do 1.1 da extensão do Gerenciador de cartão de presente Magento 2:

1. Com a ajuda deste Gestor de cartões de oferta Magento 2 Addon da Knowband, o retalhista online pode incorporar facilmente a funcionalidade do cartão presente à sua loja. 2. O módulo de presente Magento 2 oferece uma opção para o comerciante vincular a opção Gift Card ao Header, Footer, My Account e Left Side no front-end conforme o requisito. 3. O administrador pode selecionar o status do pedido do cartão-presente, que os pedidos de cartão-presente serão marcados como entregues e o código do vale-presente será gerado. 4. A extensão de vouchers para cartões de presente Magento 2 permite que o proprietário da loja defina a lacuna de entrega de cartões-presente

Tecnologia para o desenvolvimento

Língua: PHP
Estrutura: Magento

2. Instalação

Depois de comprar a extensão Magento 2 Gift Card, o administrador da loja receberá os seguintes arquivos: 1.Knowband_Giftcardmanager.zip que contém o código-fonte da extensão Magento 2 Send Gift Card. 2. Manual do usuário, que inclui todos os detalhes e ajuda sobre uma extensão. 3. Siga os seguintes passos para instalar a extensão dos Vales de Oferta Magento 2: Os passos para instalar o Módulo de Cartões de Oferta Magento 2 são mencionados abaixo: 1.

6. A extensão está agora instalada e pronta para uso. No painel de administração, vá para "Knowband> Gerenciador de cartões de presente "

Agora você pode configurar e usar o Gift Card Magento 2 da Knowband para o módulo do produto.

Painel Administrativo 3.0

Depois de instalar o Magento 2 Gift Card Manager Extension na loja Magento, o dono da loja pode fazer as alterações sem problemas. Existem as seguintes maneiras nas quais o administrador irá interagir com a funcionalidade do módulo de vouchers de cartão de presente Magento 2: 1. Configuração do módulo 2. Modelo de cartão de presente 3. Produtos de cartão de presente 4. Ordens do vale-presente Cada interface foi explicada com detalhamento adequado nas seções a seguir.

Configuração do módulo 3.1.1

Depois de clicar no Módulo Gift Card, o sistema abrirá as guias Module Configuration por padrão. Na guia Module Configuration da extensão de cartão de presente Magento 2 da Knowband, os vendedores on-line podem ativar a funcionalidade Gift Card e definir a lacuna de entrega, o prefixo do vale-presente e muito mais. Captura de tela da guia Configuração do módulo mostrada abaixo:

Magento 2 Gift Card Manager | Configurações Gerais

Inicialmente, os campos no formulário acima já estarão preenchidos com seus valores padrão.

1. Ativar a extensão: ?Initially, this will be “FORAMsgstr "" "O administrador pode habilitar / desabilitar a extensão de cartão de presente Magento 2 ativando / desativando essa configuração.

2. Ativar link de cabeçalho: Nesta seção, o varejista on-line pode ativar a exibição da opção de cartão presente no cabeçalho.

Pré-visualização do Front End:

3. Ativar Link Esquerdo: Ao usar a extensão de vale-presente Magento 2, o administrador pode ativar a exibição do link do cartão de presente no lado esquerdo da tela, clicando no botão.

Pré-visualização do Front End:

4. Ativar o link da minha conta: O administrador pode ativar / desativar o link do cartão-presente na seção Rodapé de acordo com os requisitos de negócios.

Pré-visualização do Front End:

5. Ativar Link de Rodapé: O administrador pode ativar a exibição da opção de cartão de presente na seção Minha conta.

Pré-visualização do Front End:

6. Prefixo do vale de oferta: Nesta opção Magento 2 Gift Module, o administrador pode definir o prefixo para o código de voucher dos vales de oferta a partir daqui. O código pode ser inserido no formato KB ******

7. Status do pedido do cartão de presente: Neste campo do módulo de vales-presente Magento 2, o administrador pode apresentar o status de pedido padrão para os pedidos de vale-presente. Assim que o administrador atualizar o status do pedido do vale-presente, o vale-presente será enviado ao destinatário por e-mail.

8. Folga mínima de entrega do cartão de oferta: Este campo do módulo de vale-presente Magento 2 permite que o administrador da loja permita que o voucher envie dados após o número específico de dias.

Ex: Se os valores da janela do vale-presente estiverem definidos como 2 no painel de administração. Essas alterações refletirão o Front End e o usuário poderá selecionar a data de envio após dois dias da data atual.

Painel de administração:

Configurações do Front End:

Configurações de email do 3.1.2

O cliente obtém uma opção para imprimir os cartões de presente ou então eles podem ser enviados para o destinatário via e-mail. O módulo de presente Magento 2 da Knowband oferece modelos de email padrão que podem ser personalizados de acordo com o requisito do administrador da loja.

Configurações de email do destinatário:

Configurações de email do destinatário:

Configurações do 3.1.3 PDF

Magento 2 Send Gift Card Module também envia um PDF juntamente com a imagem, o código do comprovante, a data de validade do voucher e o valor do voucher. Os usuários também podem obter a impressão do PDF. Além disso, o administrador da loja pode alterar o prefixo do vale-presente e atualizar o conteúdo em PDF para torná-lo mais atraente a partir do back-end.

Pré-visualização de PDF anexado:

Configuração de 3.1.4 Cron

Nesta guia, o administrador da loja de comércio eletrônico pode executar o CRON manualmente ou automaticamente. O administrador pode executar o CRON em sua loja através do painel de controle para enviar comprovantes de cartão de presente automaticamente.

URLs para adicionar ao Cron via painel de controle

https://ma2testing.knowband.com/ma218/giftcard/index/cron/secure_key/20da59b52ef8b049dc21dfa5bdcc4c72/?SID=qbtfepld8dfkau56tf2lm4gj17

Configuração Cron via SSH

0 1 * * * curl -O /dev/null https://ma2testing.knowband.com/ma218/giftcard/index/cron/secure_key/20da59b52ef8b049dc21dfa5bdcc4c72/?SID=qbtfepld8dfkau56tf2lm4gj17

Modelo de cartão de presente 3.2

Esta guia mostra modelos de cartão-presente já adicionados. O administrador pode personalizar esses modelos de cartão de presente conforme seus desejos. Fora isso, o comerciante da loja pode editar ou excluir o modelo de cartão-presente.

3.2.1 Como personalizar o modelo do cartão presente?

3.2.1.1 Adicionar novo modelo de cartão de presente

Existe um 'ADICIONAR NOVO'botão presente no canto superior direito da guia de modelo de cartão de presente do Magento 2 Gift Card Manager Module. Os comerciantes da loja podem adicionar facilmente novos conjuntos de modelos de cartão-presente sempre que precisarem clicando no botão. Mais detalhes sobre sua funcionalidade estão descritos na próxima seção.

Para criar um novo modelo de cartão-presente, 'adicionar Novo'opção é usada. Ao clicar sobre isso, o módulo redirecionará os comerciantes da loja para o formulário de configuração do modelo de cartão de presente, conforme exibido na tela abaixo:

1.?In this option of Magento 2 Gift Voucher Extension the admin can enter the name of the New Gift Card Template like: Happy Friendship Day.

2.?Magento 2 Send Gift Card Extension by Knowband allows the store admin to select the image or the layout of the gift cards that will be shown in the front-end.

As imagens para as várias ocasiões podem ser salvas no back-end da extensão de cartão de presente Magento 2. O administrador seleciona a ocasião para encontrar a imagem como mostrado abaixo:

O administrador da loja pode até ver as imagens para os vários eventos que foram salvos para o mesmo.

Ao clicar no 'Ver Imagem', você será redirecionado para a página abaixo.

A lista mostra todos os cartões-presente que foram criados e salvos. Você pode visualizar a imagem completa ou até mesmo excluí-la, se necessário.

Para criar novas imagens, clique em 'Adicionar nova imagem' como mostrado abaixo.

Você pode inserir o nome da imagem e o texto da imagem a ser exibida no cartão de presente. Até mesmo a imagem de fundo e a cor, assim como a cor da fonte, podem ser alteradas com o clique de um botão. Visualize a imagem final antes de colocá-la ao vivo no site.

3. Palavras-chave de modelo:Essa opção inclui a lista da palavra-chave. Na lista suspensa, o administrador da loja pode selecionar as palavras-chave do modelo.

4. Cartão de presente físico permitido:O módulo de vale-presente Magento 2 da Knowband permite que o administrador da loja ative a opção de cartão-presente físico para o modelo de presente específico.

5. Cartão de presente virtual permitido:O varejista on-line pode ativar a funcionalidade de cartão presente virtual que permitirá os cartões eletrônicos.

6. Habilitar:Inicialmente, esta opção será 'ON'. O administrador da loja pode ativar / desativar as configurações conforme a necessidade.

Modelo de cartão de presente 3.2.1.2 Edit

O módulo de presente Magento 2 permite que o varejista on-line edite ou exclua o modelo de cartão presente de acordo com a necessidade. A captura de tela é mostrada abaixo:

Produto para Cartão de Oferta 3.3

Nesta aba do Magento 2 Gift Voucher Module permite ao administrador da loja adicionar o produto Gift Cards de diferentes valores como: nome do produto, preço do produto, quantidade e mais ou editar o produto já adicionado do back-end.

3.3.1 Como personalizar o Produto do cartão presente?

3.3.1.1 Adicionar novo produto de cartão de presente

O módulo Gerenciador de cartões-presente Magento 2 permite que o administrador da loja adicione o novo modelo de cartão-presente clicando no botão 'ADICIONAR NOVO'botão presente no canto superior direito da guia do modelo de cartão presente do Módulo Presente.

Preencha as informações que você precisa fornecer para criar o produto.

Nome do produto:?Enter the name of the product here. It can be Happy Anniversary, Happy Birthday, Merry Christmas or any other.

Preço do produto:Magento 2 Módulo Gerenciador de cartões de presente da Knowband permite que o administrador da loja insira o preço do produto.

Qualidade do produto:?In this tab of Magento 2 Send Card Module the admin can enter the product quality of this gift card product.

Validade do vale-presente:?The validity period in months of the gift card can be entered here by using this Magento 2 Gift Module.

Cartão de presente virtual permitido:Ative o e-card ligando o botão.

Frete grátis:O administrador da loja Magento 2 pode até mesmo permitir o frete grátis para o cliente.

Ativar:?The Magento 2 Send Gift Card Extension can be enabled or disabled from here.

Revisão de Front End:

3.3.1.2 Editar e excluir o produto do cartão de presente

O administrador ainda tem a opção de editar o produto do cartão-presente ou excluir da seção mostrada abaixo:

Ordens do vale-presente 3.4

Na guia Ordem de presente, a guia fornece ao administrador da loja uma opção para visualizar toda a lista de pedidos recebidos pelos cartões-presente. Envolve o email do destinatário, a data de envio e o status dos cartões-presente. No 'Ordem do vale-presente'aba vai para o'Visão'botão na seção direita. Nesta seção mostra toda a informação sobre o pedido.

4.0 Front End

Magento 2 Gift Voucher Module adiciona um link Gift Card no final da loja na seção Header, Footer, Left e My Account do módulo. Ao acessar este link de cartão-presente, os clientes podem navegar pelos cartões-presente. Este link redireciona a página do cartão-presente do usuário do site.

Pré-visualização de link de cabeçalho de front-end de cartão de presente:

Cartão de Presente Front End Left Link Preview:

Pré-visualização do link de rodapé do front-end do cartão de oferta:

Cartão de presente Front End Minha conta Link Preview:

Depois de clicar no módulo de link Gift Card, redirecione a seguinte página:

Compras para o mesmo é fácil. Os clientes podem selecionar o cartão para a ocasião diferente. Por exemplo, ele escolhe o cartão de feliz aniversario. Tudo o que ele precisa fazer é clicar no cartão. Eles podem imprimir o cartão ou enviá-lo via e-mail. O nome do remetente e do destinatário junto com a mensagem podem ser mencionados na seção como mostrado abaixo.

Adicione o produto ao carrinho de compras e vá para a página de checkout. O cartão presente será enviado para o receptor.


Como criar telas iniciais certas para o seu aplicativo móvel?

Uma tela inicial também conhecida como tela de inicialização/tela de carregamento é uma introdução que aparece enquanto um aplicativo móvel está sendo carregado. Ele foi projetado para aprimorar a experiência do usuário enquanto um aplicativo está em processo de inicialização, o que geralmente leva alguns segundos para ser concluído. A tela inicial contém designs atraentes ou logotipo comercial, além de várias animações. Acontece que essas telas de lançamento são responsáveis ​​diretamente por criar a primeira impressão do seu aplicativo nos usuários. Seu objetivo não é apenas ocultar o tempo de carregamento, mas também contribuir para manter os usuários envolvidos enquanto o aplicativo está sendo aberto. Uma tela inicial bem projetada também pode fornecer facilmente um reconhecimento de marca ao seu aplicativo. Antes de criar a tela inicial para seu aplicativo, há alguns fatores essenciais que você precisa ter em mente. Aqui estão algumas das dicas e sugestões que certamente ajudarão você a criar uma tela inicial que resulte em impressionar os usuários positivamente.

1. O tamanho da tela inicial é importante, gerencie-o

As telas iniciais são diferentes para tamanhos de tela variáveis. Hoje em dia cada smartphone vem com diferentes dimensões de tela, então a análise do tamanho da tela se tornou o requisito básico antes de fazer uma tela inicial. O tipo de Smartphone e sua tela são os dois fatores importantes a serem considerados ao escolher uma tela inicial. Por exemplo, se você usar a tela de inicialização de um modelo de smartphone mais antigo em um recém-lançado, dificilmente ela ficará proporcional ao novo aparelho e deixará os usuários com uma experiência distorcida ou ruim. Google e Apple�forneça algumas diretrizes para tamanhos de tela apropriados para garantir que a interface do usuário do seu aplicativo se adapte perfeitamente a todos os dispositivos. Essas dicas podem ser usadas para a criação de uma tela inicial eficaz.

2. Experimente com designs diferentes, mas mantenha-o simples

Ao projetar a tela inicial, seu objetivo deve ser chamar a atenção do usuário através dela. Torne-o espirituoso em vez de uma tela comum com texto longo. Como ficará por alguns segundos, o usuário não terá tempo de lê-lo. Em vez de usar texto, mantenha seus usuários envolvidos com alguma abordagem criativa. Mantenha a composição de imagens e animação clara em uma única imagem de retrato que também está no centro. Ele mantém as bordas livres de todos os lados e você pode cortá-lo para as dimensões que precisar.

3. Mostre o quão incrível é a sua marca

Anteriormente, exibir um logotipo ou tema de negócios era a principal forma de transmitir a mensagem aos usuários e até mesmo para o aprimoramento da marca. No entanto, agora uma tela inicial faz o trabalho para você de uma maneira realmente atraente e visual. Projetar uma ótima tela de lançamento com recursos visuais interessantes para seus visitantes pode ser uma maneira importante de melhorar a experiência do usuário, o que acabará por beneficiá-lo. Apple and Google também fornecem diretrizes para o desenvolvimento de UI de aplicativo responsivo e interativo para melhorar a experiência do cliente.

4. Informe o usuário que o aplicativo está carregando

Quando demora para carregar o aplicativo, a tela inicial sem nenhuma animação aparece como se seu aplicativo estivesse travado. Os usuários podem pensar que seu smartphone foi enforcado. Isso decepciona os usuários, pois eles permanecem inconscientes do progresso do carregamento até que o aplicativo realmente abra. Especialmente, quando se trata de aplicativos móveis de comércio eletrônico, o alto tempo de carregamento pode prejudicar algumas conversões. Isso quando uma tela inicial envolvente pode ajudá-lo. O tempo de inicialização de um aplicativo pode variar muito dependendo do dispositivo do usuário. Portanto, para garantir seus usuários, você deve mencionar o carregamento de texto na tela. Eu sugeriria que uma barra de progresso pode ser uma opção mais adequada nesse caso. O usuário pode esperar pacientemente se estiver sendo notificado sobre o processo. Não coloque nenhum anúncio ou conteúdo promocional em sua tela inicial. Isso tira o interesse do usuário do aplicativo e deixa uma impressão comercial em seu aplicativo.

5. Entretenha os usuários enquanto o aplicativo é iniciado

Existem poucos aplicativos que demoram para carregar devido à sua funcionalidade complexa ou tamanho pesado. Por exemplo, alguns aplicativos de jogos de grande porte geralmente carregam lentamente. Exibir apenas um logotipo ou uma imagem não seria uma boa ideia. Juntamente com o carregador de aplicativos, usar alguma abordagem gráfica espirituosa ou criativa pode ser mais responsivo nesses casos. Assim, se o seu aplicativo estiver demorando mais de 10 segundos para carregar, tente usar algum enigma ou colagem ou até mesmo vídeos relacionados ao tema do seu aplicativo. Isso manterá o usuário envolvido com seu aplicativo.


Palavras finais

Os aspectos aparentemente insignificantes como criando o ícone do aplicativo e telas iniciais podem realmente tornar seu aplicativo extraordinário a partir de um aplicativo básico. Dominá-los não é uma linha difícil de enxada. Você só precisa ser mais criativo e considerar os fatos discutidos acima antes de desenvolvê-los. A tela inicial do seu aplicativo deve estar de acordo com o ponto de vista da sua marca. Assim, neste ambiente superlotado de aplicativos móveis, crie uma tela inicial responsiva e derrube sua primeira impressão nos visitantes.