Escolha uma Página

Tire sua dúvida perguntando aqui

[dwqa-submit-question-form]

Este site está cheio de dicas de design e Magento, use o campo abaixo para encontrar o que procura:

Não sabe nada de Magento? comece baixando este e-book:

Templates de Magento e wordpress:

Template Monster: Magento ThemeForest Magento e Wordpress

Parceria para lojas e aplicações web

Mailmarketing que indico:

Como usar bootstrap 4 no wordpress?

Segundo a ideia de falar mais sobre o Bootstrap 4, escrevo este rápido artigo de como usar este framework no wordpress

O que vou apresentar aqui é um tema inicial, “em branco” pra que se consiga criar um tema personalizado para o wordpress com bootstrap 4 a partir dele e assim utilizar todos os seus recursos

este tema não foi criado por mim eu encontrei numa pesquisa na internet e achei muito interessante só fiz uma pequena alteração para não conflitar na questão do jquery com outras partes do wordpress

Baixe aqui o tema b4st pelo github

Só lembrando que o tema é bem básico, então não vá esperando super recursos, isso é com você

Um forte abraço e sucesso!

bootstrap 4 Três recursos que você tem que conhecer

bootstrap 4 Três recursos que você tem que conhecer

Que o bootstrap é o framework para construir sites responsivos você já sabe, mas agora com a versão 4 ficou muito mais fácil criar sites incríveis de um jeito fácil, neste artigo vou colocar três ferramentas que eu achei logo nas primeiras impressões e você tem que conhecer

Logo, menu e pesquisa na mesma linha

Parece bobo, mas eu sofria pra fazer funcionar corretamente em qualquer resolução, sim isso era bem complicado de controlar num layout responsivo, mas com bootstrap 4 isso é outra história!

O código da imagem acima:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a> <!-- logo -->
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span> <!-- botão abre/fecha menu no responsivo -->
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- menu -->
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0"> <!-- pesquisa -->
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

Fonte: https://getbootstrap.com/docs/4.0/components/navbar/#supported-content

Alinhamento de blocos na vertical com uma única classe

Com bootstrap 4 além de criar colunas muito facilmente agora você também consegue escolher o alinhamento vertical dentro delas, semelhante ao que fazíamos dentro de tabelas, mas com muito mais liberdade

<div class="container">
  <div class="row">
    <div class="col align-self-start">
      One of three columns
    </div>
    <div class="col align-self-center">
      One of three columns
    </div>
    <div class="col align-self-end">
      One of three columns
    </div>
  </div>
</div>

Fonte: https://getbootstrap.com/docs/4.0/layout/grid/#vertical-alignment

Height 100% finalmente!

Quando mudou o padrão de tabela para DIVs (sim sou velho), o recurso que mais senti falta é de colocar uma simples altura com 100%. Agora no Bootstrap 4 esse recurso volta renovado.

<div style="height: 100px; background-color: rgba(255,0,0,0.1);">
  <div class="h-25 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 25%</div>
  <div class="h-50 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 50%</div>
  <div class="h-75 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 75%</div>
  <div class="h-100 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 100%</div>
</div>

Fonte: https://getbootstrap.com/docs/4.0/utilities/sizing/

O framework Bootstrap tem ainda muito mais recursos, aos poucos darei mais destaques a esses recursos que podem facilitar muito sua vida, por enquanto aguarde por novidades

um forte abraço.

Como colocar o Magento em manutenção e ainda poder visualizar a loja

Como colocar o Magento em manutenção e ainda poder visualizar a loja

Neste tutorial veremos como podemos deixar o Magento em manutenção para qualquer visitante e ainda poder editar a loja sem precisar instalar nenhum modulo, veja como é simples:

Arquvio maintenance.flag

No Magento para deixar em manutenção e completamente inacessível, basta criar um arquivo vazio chamado maintenance.flag na raiz de sua instalação, isso porque o magento sempre procura este arquivo toda vez que uma página é visualizada. Este arquivo maintenance.flag pode também aparecer quando utilizamos o Magento Connect para instalar algum módulo, normalmente o próprio sistema remove este arquio, mas caso não o faça você pode deletar este arquivo sem medo. Por padrão a loja vicará com a seguinte tela simulando um erro 503:

Tornando a loja visível somente pra você

Vamos alterar o arquivo index.php na raiz da instalação do Magento pra acrescentar uma nova regra que vai deixar a loja em manutenção exceto para o IP indicado, isso fará com que a loja fique visível somente para você e assim poder realisar reparos de emergência sem deixar que outros visitantes usem a loja.

Abra o arquivo index.php, próximo a linha 47 encontraremos:

$mageFilename = MAGENTO_ROOT . '/app/Mage.php';
$maintenanceFile = 'maintenance.flag';

if (!file_exists($mageFilename)) {
    if (is_dir('downloader')) {
        header("Location: downloader");
    } else {
        echo $mageFilename." was not found";
    }
    exit;
}

if (file_exists($maintenanceFile)) {
    include_once dirname(__FILE__) . '/errors/503.php';
    exit;
}

Antes de todo esse código acrescentaremos duas variáveis:

$ip = $_SERVER['REMOTE_ADDR']; #IP de quem está acessando a loja
$permitido = array('200.149.132.123','2.2.2.2'); #seu IP ou IPs permitidos a acessar a loja em manutencao

Na linha do segundo if (provavelmente linha 61) acrescentaremos mais uma verificação

if (file_exists($maintenanceFile) && !in_array($ip, $permitido)) {

Assim o Magento também vai verificar seu IP antes de bloquear o site, o código fica assim:

$ip = $_SERVER['REMOTE_ADDR']; #IP de quem está acessando a loja
$permitido = array('200.149.132.123','2.2.2.2'); #seu IP ou IPs permitidos a acessar a loja em manutencao
$mageFilename = MAGENTO_ROOT . '/app/Mage.php';
$maintenanceFile = 'maintenance.flag';

if (!file_exists($mageFilename)) {
    if (is_dir('downloader')) {
        header("Location: downloader");
    } else {
        echo $mageFilename." was not found";
    }
    exit;
}

if (file_exists($maintenanceFile) && !in_array($ip, $permitido)) {
    include_once dirname(__FILE__) . '/errors/503.php';
    exit;
}

Pronto com isso a loja estará em manutenção para visitantes, mas não para você e para personalizar a tela de manutenção basta editar o arquivo [raiz do magento]/errors/503.php ou alterar o endereço na linha 62.

Espero que este tutorial seja de grande ajuda um forte abraço e até a próxima.

 

Como fazer uma campanha de email marketing

Como fazer uma campanha de email marketing

Aprenda como fazer uma campanha de email marketing de forma bem simples e intuitiva, o que vou te passar neste artigo é uma visão geral de tudo que você precisa saber para começar e com o tempo vamos nos aprofundando mais em cada ponto, mas por enquanto para te dar uma visão geral vamos pelo básico. ler mais…

 Últimos artigos por categoria:

Magento

 
Como colocar o Magento em manutenção e ainda poder visualizar a loja

Como colocar o Magento em manutenção e ainda poder visualizar a loja

Neste tutorial veremos como podemos deixar o Magento em manutenção para qualquer visitante e ainda poder editar a loja sem precisar instalar nenhum modulo, veja como é simples:

Arquvio maintenance.flag

No Magento para deixar em manutenção e completamente inacessível, basta criar um arquivo vazio chamado maintenance.flag na raiz de sua instalação, isso porque o magento sempre procura este arquivo toda vez que uma página é visualizada. Este arquivo maintenance.flag pode também aparecer quando utilizamos o Magento Connect para instalar algum módulo, normalmente o próprio sistema remove este arquio, mas caso não o faça você pode deletar este arquivo sem medo. Por padrão a loja vicará com a seguinte tela simulando um erro 503:

Tornando a loja visível somente pra você

Vamos alterar o arquivo index.php na raiz da instalação do Magento pra acrescentar uma nova regra que vai deixar a loja em manutenção exceto para o IP indicado, isso fará com que a loja fique visível somente para você e assim poder realisar reparos de emergência sem deixar que outros visitantes usem a loja.

Abra o arquivo index.php, próximo a linha 47 encontraremos:

$mageFilename = MAGENTO_ROOT . '/app/Mage.php';
$maintenanceFile = 'maintenance.flag';

if (!file_exists($mageFilename)) {
    if (is_dir('downloader')) {
        header("Location: downloader");
    } else {
        echo $mageFilename." was not found";
    }
    exit;
}

if (file_exists($maintenanceFile)) {
    include_once dirname(__FILE__) . '/errors/503.php';
    exit;
}

Antes de todo esse código acrescentaremos duas variáveis:

$ip = $_SERVER['REMOTE_ADDR']; #IP de quem está acessando a loja
$permitido = array('200.149.132.123','2.2.2.2'); #seu IP ou IPs permitidos a acessar a loja em manutencao

Na linha do segundo if (provavelmente linha 61) acrescentaremos mais uma verificação

if (file_exists($maintenanceFile) && !in_array($ip, $permitido)) {

Assim o Magento também vai verificar seu IP antes de bloquear o site, o código fica assim:

$ip = $_SERVER['REMOTE_ADDR']; #IP de quem está acessando a loja
$permitido = array('200.149.132.123','2.2.2.2'); #seu IP ou IPs permitidos a acessar a loja em manutencao
$mageFilename = MAGENTO_ROOT . '/app/Mage.php';
$maintenanceFile = 'maintenance.flag';

if (!file_exists($mageFilename)) {
    if (is_dir('downloader')) {
        header("Location: downloader");
    } else {
        echo $mageFilename." was not found";
    }
    exit;
}

if (file_exists($maintenanceFile) && !in_array($ip, $permitido)) {
    include_once dirname(__FILE__) . '/errors/503.php';
    exit;
}

Pronto com isso a loja estará em manutenção para visitantes, mas não para você e para personalizar a tela de manutenção basta editar o arquivo [raiz do magento]/errors/503.php ou alterar o endereço na linha 62.

Espero que este tutorial seja de grande ajuda um forte abraço e até a próxima.

 

como resolver “Access is locked. Please try again in a few minutes.”

como resolver “Access is locked. Please try again in a few minutes.”

Finalmente na versão 1.9.3 do Magento tivemos um incremento de segurança que a muito tempo era necessário, trata-se de uma proteção contra brute-force attack, pois mesmo podendo mudar o endereço do admin, já era bem conhecida que a senha poderia ser testada também na áre usada pelo Magento connect para instalar módulos, em downloader de qualquer loja Magento. ler mais…

Como resolver os erros do Magento 1.x com PHP7

Como resolver os erros do Magento 1.x com PHP7

Com a chegada do PHP7 ganhamos, falando em linhas gerais, melhor processamento de algumas funções que vão de encontro com o Magento na sua versão 1.x, mais ainda na 1.9. Porém o Magento 1 não foi projetado para usar o PHP7 o que nos obriga a fazer algumas modificações e é sobre isso que falarei neste artigo. ler mais…

Sete dicas que deixarão sua loja Magento mais segura

Sete dicas que deixarão sua loja Magento mais segura

Não é de hoje que a segurança da sua loja é um dos fatores mais importantes

Sempre instale os pacotes de segurança

Sua loja Magento possui um recurso que te mostra uma mensagem sempre quando há uma notificação não lida, algumas são notificações de eventos, mas muitas são alertas de segurança, de vulnerabilidades encontradas. Por isso esteja sempre atento a estas notificações do sistema e, no caso de atualizações de segurança baixe imediatamente o arquivo patch de segurança, um arquivo geralmente com a extensão .SH pra ser executado pelo servidor, lembrando que não é necessário atualizar a versão do Magento, a menos que você queira. ler mais…

Como trocar o grupo de atributos de um produto no Magento

Como trocar o grupo de atributos de um produto no Magento

Caso você seja bem organizado, talvez nunca precise trocar o grupo de atributos do Magento, não são muitas as vezes que nos vemos obrigados a trocar o tipo de um produto, mas a poucos dias fui questionado sobre isso por um produtor que assumiu uma loja onde o administrador colocou todos os produtos num único grupo de atributos e isso gerou um problema para pesquisa e filtros. Sendo obrigado a refazer milhares de produtos, um trabalho realmente muito dispendioso. ler mais…

Introdução ao Magento – Fale Conosco

Introdução ao Magento – Fale Conosco

O Magento traz uma forma simples e amplamente conhecida para qualquer visitante da sua loja entrar em contato com a administração da loja, o Fale conosco do Magento fica geralmente no link seudomínio.com.br/contacts/, podemos utilizar este link em qualquer parte do site, mas ele já vem por padrão no rodapé da loja. ler mais…

Introdução ao Magento –  Emails da loja

Introdução ao Magento – Emails da loja

Neste artigo entenda como configurar os emails que sua loja Magento usará. Podemos configurar até cinco emails diferentes que para cada visão de loja que representarão funções ou setores da sua loja. Os contatos são: ler mais…

Design

 

Como usar bootstrap 4 no wordpress?

Segundo a ideia de falar mais sobre o Bootstrap 4, escrevo este rápido artigo de como usar este framework no wordpress

O que vou apresentar aqui é um tema inicial, “em branco” pra que se consiga criar um tema personalizado para o wordpress com bootstrap 4 a partir dele e assim utilizar todos os seus recursos

este tema não foi criado por mim eu encontrei numa pesquisa na internet e achei muito interessante só fiz uma pequena alteração para não conflitar na questão do jquery com outras partes do wordpress

Baixe aqui o tema b4st pelo github

Só lembrando que o tema é bem básico, então não vá esperando super recursos, isso é com você

Um forte abraço e sucesso!

bootstrap 4 Três recursos que você tem que conhecer

bootstrap 4 Três recursos que você tem que conhecer

Que o bootstrap é o framework para construir sites responsivos você já sabe, mas agora com a versão 4 ficou muito mais fácil criar sites incríveis de um jeito fácil, neste artigo vou colocar três ferramentas que eu achei logo nas primeiras impressões e você tem que conhecer

Logo, menu e pesquisa na mesma linha

Parece bobo, mas eu sofria pra fazer funcionar corretamente em qualquer resolução, sim isso era bem complicado de controlar num layout responsivo, mas com bootstrap 4 isso é outra história!

O código da imagem acima:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a> <!-- logo -->
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span> <!-- botão abre/fecha menu no responsivo -->
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent"> <!-- menu -->
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0"> <!-- pesquisa -->
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

Fonte: https://getbootstrap.com/docs/4.0/components/navbar/#supported-content

Alinhamento de blocos na vertical com uma única classe

Com bootstrap 4 além de criar colunas muito facilmente agora você também consegue escolher o alinhamento vertical dentro delas, semelhante ao que fazíamos dentro de tabelas, mas com muito mais liberdade

<div class="container">
  <div class="row">
    <div class="col align-self-start">
      One of three columns
    </div>
    <div class="col align-self-center">
      One of three columns
    </div>
    <div class="col align-self-end">
      One of three columns
    </div>
  </div>
</div>

Fonte: https://getbootstrap.com/docs/4.0/layout/grid/#vertical-alignment

Height 100% finalmente!

Quando mudou o padrão de tabela para DIVs (sim sou velho), o recurso que mais senti falta é de colocar uma simples altura com 100%. Agora no Bootstrap 4 esse recurso volta renovado.

<div style="height: 100px; background-color: rgba(255,0,0,0.1);">
  <div class="h-25 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 25%</div>
  <div class="h-50 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 50%</div>
  <div class="h-75 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 75%</div>
  <div class="h-100 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 100%</div>
</div>

Fonte: https://getbootstrap.com/docs/4.0/utilities/sizing/

O framework Bootstrap tem ainda muito mais recursos, aos poucos darei mais destaques a esses recursos que podem facilitar muito sua vida, por enquanto aguarde por novidades

um forte abraço.

Melhores fontes do google fonts que utilizo em projetos de design

Melhores fontes do google fonts que utilizo em projetos de design

Olá, este é um breve compilado das fontes que mais utilizo para desenvolvimento frontend, são as que considero as melhores fontes do google fonts para trabalhar na web pela sua legibilidade e variedade de possibilidades, conheça abaixo as três fontes que mais utilizo em meus projetos na web.

Trabalhando já a bastante tempo em construção de frontend já experimentei diversas fontes em meus projetos e durante todos estes anos três fontes se destacam pela sua legibilidade e quantidade de variações, eu realemte gosto muito de trabalhar com estas fontes.

Open Sans

  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • SEMI-BOLD 600
  • SEMI-BOLD ITALIC 600
  • BOLD 700
  • BOLD ITALIC 700
  • EXTRA BOLD 900
  • EXTRA BOLD ITALIC 900

Open Sans é, com toda certeza, minha primeira opção para textos longos, de fácil leitura em qualquer tamanho, a fonte possui dez estilos diferentes permitindo uma grande gama de possibilidades.

Open Sans Condensed

  • LIGHT 300
  • LIGHT ITALIC 300
  • BOLD 700

Com menos variações, para mim, acaba sendo um complemento a Open Sans tradicional, sua principal vantagem é ser bem compacta, mas prefiro usar apenas em projetos pontuais como uma brincadeira entre as duas fontes pra gerar um contraste ainda mais forte no texto.

Roboto

  • THIN 100
  • THIN ITALIC 100
  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • MEDIUM 500
  • MEDIUM ITALIC 500
  • BOLD 700
  • BOLD ITALIC 700
  • BLACK 900
  • BLACK ITALIC 900

Muito parecida com a Open Sans, porém seu corpo é levemente mais pesado e suas curvas mais simples (por exemplo letra “g” da Roboto e a letra “g” da Open sans) realmente briga pela posição de fonte número 1, e ainda possui doze variações.

Roboto Condensed

  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • BOLD 700 BOLD ITALIC 700

Tudo que disse sobre a Open Sans Condensed vale para Roboto Condensed, com a vantagem de possuir mais opções de estilo.

Bitter

  • REGULAR
  • REGULAR ITALIC
  • BOLD

Destacando uma fonte serifada, gosto da Bitter por sua “rigidez”, transmite muita seriedade sem parecer uma fonte antiquada, geralmente evito fontes serifadas para web, mas Bitter está sempre na minha cabeça quando preciso usar uma. Possui três estilos, mas sua variação não é muito brusca o que garante uma boa legibilidade para textos longos.

Para finalizar gosto de usar fontes simples de fácil leitura, dificilmente utilizo fontes serifadas, quer dizer quais são suas fontes preferidas dentro do Google fonts? comente aqui embaixo.

Um forte abraço.

Como fazer um menu fixo, do mais simples ao mais completo

Como fazer um menu fixo, do mais simples ao mais completo

Muito comum hoje em dia, principalmente para mobile, é a necessidade de permanecer um topo fixo para aplicações web, seja uma imagem com botão e um capo de pesquisa ou mais complexo que necessite de correção de altura. Normalmente procurado como menu fixo ou topo fixo, consiste em deixar para o usuário a navegação do site ou da aplicação sempre a vista, geralmente no topo, mas em alguns casos pode ser na base da tela do dispositivo.

Neste breve artigo veremos algumas versões desse recurso, indo do mais simples, usando apenas CSS ao mais complexo, que utiliza javaScript que como sempre gosto com jQuery. Então, sem mais enrolação, vamos lá. ler mais…

Melhor tamanho de imagem no Facebook

Melhor tamanho de imagem no Facebook

Cansei de ficar procurando os melhores tamanhos sempre que vou trocar meu cabeçalho, foto ou postagem, neste artigo simples vou deixar a sua disposição (e minha consulta, rs) os melhores tamanhos de imagem pra se usar no Facebook. ler mais…

Web & Geral

 
Como fazer uma campanha de email marketing

Como fazer uma campanha de email marketing

Aprenda como fazer uma campanha de email marketing de forma bem simples e intuitiva, o que vou te passar neste artigo é uma visão geral de tudo que você precisa saber para começar e com o tempo vamos nos aprofundando mais em cada ponto, mas por enquanto para te dar uma visão geral vamos pelo básico. ler mais…

Formulários e Questionários no Email Marketing

Formulários e Questionários no Email Marketing

Está acontecendo uma mudança de paradigma na forma como as marcas atuam perante os consumidores. Antes era apenas a marca a falar para o cliente. Com a diversidade de meios à disposição do consumidor, principalmente digitais, a tendência é a oposta: a marca ouve e o cliente diz o que pretende em tempo real.
Formulários e Questionários são duas ferramentas de um conjunto de soluções que aproximam marca e cliente simplificando este objetivo. ler mais…

O E-commerce usa o verdadeiro potencial do Email Marketing?

Fazer Email Marketing é fundamental para o e-commerce,  isso todos concordamos. De acordo com dados apresentados no Email Evolution Conference de 2010, o retorno no email marketing é U$ 46 para cada U$1 dólar investido e a tendência é que continue a aumentar. Mas será que estes números ajudam a reforçar o investimento neste canal de comunicação e relacionamento com o cliente? ler mais…

Nova parceria com Metrcomm em lojas Magento e programação

Nova parceria com Metrcomm em lojas Magento e programação

Olá a todos, a fim de melhorar os serviços prestados tenho o prazer de anunciar que firmei uma parceria com a Metrocomm Desenvolvimento e Suporte, onde cuidarão de toda a parte de atendimento, precificação/orçamento, contratos e suporte.

Resumindo, você ainda terá seu projeto desenvolvido por mim, enquanto que toda a parte de atendimento será feita pela equipe Metrocomm que tem excelência nessa parte e que é muito difícil pra mim estar ao mesmo tempo desenvolvendo e fazendo atendimento.

Essa parceria tende a só trazer melhorias pois agora poderei me dedicar inteiramente aos projetos e ao site que estava já a algum tempo sem novos artigos.

Espero que você também goste do que está por vir.

Um forte abraço!

Como fazer um menu fixo, do mais simples ao mais completo

Como fazer um menu fixo, do mais simples ao mais completo

Muito comum hoje em dia, principalmente para mobile, é a necessidade de permanecer um topo fixo para aplicações web, seja uma imagem com botão e um capo de pesquisa ou mais complexo que necessite de correção de altura. Normalmente procurado como menu fixo ou topo fixo, consiste em deixar para o usuário a navegação do site ou da aplicação sempre a vista, geralmente no topo, mas em alguns casos pode ser na base da tela do dispositivo.

Neste breve artigo veremos algumas versões desse recurso, indo do mais simples, usando apenas CSS ao mais complexo, que utiliza javaScript que como sempre gosto com jQuery. Então, sem mais enrolação, vamos lá. ler mais…

7 Dicas para evitar que a sua newsletter caia na pasta de Spam!

7 Dicas para evitar que a sua newsletter caia na pasta de Spam!

Decidiu enviar newsletter, ou como se dizia antigamente, “mala direta eletrônica” para seus clientes e não teve resultado? Caso tenha criado uma mala direto sem critério seus emails estão caindo direto na caixa de spam. Hoje em dia os filtros de spam são ótimos para evitar emails que nunca pedimos, mas insistem em lotar a caixa de mensagens. Mas quando queremos enviar uma newsletter ou uma comunicação qualquer aos nossos clientes, esses filtros podem ser um obstáculo e muitas vezes a newsletter fica marcada como spam. Não existe fórmula mágica para evitar que esse problema (cada filtro tem a sua própria configuração), mas aqui estão 7 dicas para evitar que a sua newsletter caia na pasta de spam. ler mais…

Como criar uma loja virtual

Como criar uma loja virtual

Muito se fala de e-commerce principalmente porque surgem inúmeras notícias mostrando que o comércio eletrônico só cresce contrariando este difícil período. Realmente o comércio pela internet vem crescendo muito nos últimos anos e isso se deve a vários fatores como, por exemplo, o mercado de internet no Brasil ainda é pequeno e tem muito a expandir ainda. ler mais…