Porque fazer marketing digital para sua empresa?

Não é segredo nenhum que a relevância dos canais tradicionais de transmissão e impressos tem diminuído, mudando completamente a dinâmica entre as empresas e o consumidor. Profissionais de marketing não conduzem mais as discussões. Todos os dias, as pessoas se tornam cada vez mais decisores e formadores de opinião.
O mercado digital é competitivo e vem dominando os meios de comunicação. Fazer parte desse mercado é extremamente fundamental para as empresas que querem manter-se em desenvolvimento e contato instantâneo com seus consumidores.
Abaixo saiba porque você deve introduzir sua empresa nesse mercado digital.

Atrair clientes e aumentar as vendas

Há bilhões de usuários de internet no mundo. Além de usuários, essas pessoas também são consumidoras. E para aproveitar todo esse potencial é necessário saber lidar com o seu público na web e utilizar as ferramentas e estratégias corretas.

Gerar mais valor e exposição para o seu negócio

A internet é um excelente canal de exposição. Com o marketing digital utiliza-se técnicas e ferramentas para divulgar de maneira mais eficiente a marca da sua empresa e agregar mais valor ao seu negócio. Quanto maior a exposição e o engajamento, maiores serão as chances do seu negócio alavancar.

Estar onde os consumidores procuram

Estar presente na internet deixa de ser um diferencial e passa ser essencial. O trabalho do marketing digital é fazer com que você tenha uma presença relevante na web e que seja encontrado facilmente pelo seu potencial cliente. Se na hora da pesquisa o seu cliente não encontrar a sua empresa, ele encontrará a do concorrente e você provavelmente perderá uma venda.

Atingir o público desejado

Com o marketing digital você tem o poder de direcionar os seus esforços de divulgação em quem realmente está interessado nos seus produtos ou serviços. E pode segmentar as suas campanhas da melhor forma possível.

Investimento menor e comunicação instantânea comparado as mídias tradicionais (Rádio, tv, revista…)

O marketing tradicional, não permite que os consumidores se comuniquem de maneira instantânea com as empresas. Já esse, o marketing digital, reduz custos e transforma as vendas ou serviços em ações rápidas e instantâneas. Possibilitando assim a comunicação entre empresas e consumidores de forma fácil, 24 horas por dia e muitas vezes em tempo real.
Nós podemos ajudar sua empresa. Trabalhamos com soluções de tecnologia para pequenas empresas há mais de 10 anos.
Atuamos com projetos digitais envolvendo o desenvolvimento de sites, lojas virtuais (e-commerce), blogs, apps, identidades visuais e sistemas de gerenciamento de conteúdo.
Temos experiência e especialização em diversas áreas como usabilidade, otimização de conteúdo, arquitetura e design da informação.
Vamos conversar? Entre em contato e combinamos um café para você nos mostrar suas necessidades.

READ MORE

Mostrar feed do Instagram no site

A ideia de mostrar as fotos do Instagram no seu site é uma maneira poderosa de aumentar a visibilidade. Mas sempre quando vamos usar as fotos do Instagram nos sites de nossos clientes, esbarramos no mesmo problema: “como mostrar as fotos do Instagram no meu site?”. Então pra evitar esses pesadelos, de ficar esquecendo como usar os feeds do Instagram sem plugins, resolvi criar esse passo a passo.
Esse processo foi divido em duas etapas, a primeira vamos solicitar a permissão do Instagram, para usar as fotos. No segundo momento vamos obter os caminhos das fotos.

Etapa 1

Acesse o site de desenvolvedor do Instagram, e clique em “Register Your Application”: https://www.instagram.com/developer

Caso não esteja logado, o site vai pedir para você entrar.
botao-registro-instagram

Neste momento, o Instagram mostra a lista de clientes registrados, se você ainda não tem, clique em “Register a New Client”.
botao-registro-cliente-instagram

A página seguinte mostra o formulário de registro. Vou ressaltar que há 4 campos obrigatórios, os seguintes:

  • Application Name: Escolha qualquer nome, mas cuidado com as restrições que o Instagram indica. Não usar Instagram, IG, insta, ou gram.
  • Description: Qualquer descrição, mas indico usar onde vai ser utilizado esse cliente. Exemplo: “Feeds do Instagram para meu site”.
  • Website URL: URL do seu site.
  • Valid redirect URIs: Agora um ponto bem importante, neste campo você tem que colocar exatamente essa URL https://www.tokdigital.cc/desenvolvimento/api/mostrar-feed-instagram-site/ (não se preocupe, vou explicar, mais abaixo, o porque).

formulario-registro-clietne

Preenchido o formulário, NÃO clique em “Register”, ainda falta uma informação. Você deve ter notado, que temos duas abas, Details e Security, atualmente estamos em Details, vamos passar para aba Security, onde vamos desmarcar a opção “Disable implicit OAuth”. Feito isso, agora sim podemos clicar em “Register”.
aba-seguranca-formulario-cliente-instagram

Pronto, está criado o cliente. Caso você foi apressadinho e clicou logo em register, antes de desmarcar a opção, calma não está tudo perdido, no seu cliente tem a opção Manage, só clicar e desmarcar a opção.
Agora copie o seu Client ID, e cole ele aqui no campo abaixo:


Nós da Tok Digital, criamos essa aplicação acima para facilitar a sua requisição ao access token, por conta disso, solicitamos que você inserisse no registro do Instagram, o endereço da Tok.
UFA! Agora você tem o access token, foi por ele que usamos o endereço da Tok, logo ali em cima. Sem ele o seu site não poderia falar com os servidores do Instagram. Vamos para etapa 2?

O Token de Acesso do Instagram é uma longa seqüência de caracteres exclusivos da sua conta que concede a outros aplicativos o acesso ao feed do Instagram.

Etapa 2

Nesta segunda etapa vamos buscar as informações do usuário, como nickname, bio, seguidores e outros. E vamos também obter as postagens. O melhor de tudo isso, como temos as informações do cliente, e não um iframe do Instagram gerando tudo, podemos usar a criatividade, e criar algo customizado. Para acompanhar o exemplo, vou criar uma página do cliente, nesse processo vou usar PHP, mas você pode fazer uma requisição via Ajax, para buscar as informações, o método é simples.
Vamos lá então, vou iniciar com um código HTML simples, e com duas variáveis:

  • access_token = O código que obtemos na primeira etapa.
  • user = Vamos usar a URL para fazer uma requisição ao Instagram, usando a nossa permissão (access_token), assim com autenticação conseguimos informações do usuário. “https://api.instagram.com/v1/users/self/media/recent/?access_token=SEU-ACCESS-TOKEN
<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>Hm Jardins</title>
 </head>
<body>
 <?php
 $access_token = SEU-ACCESS-TOKEN;
 $user = file_get_contents( "https://api.instagram.com/v1/users/self/media/recent/?access_token=$access_token" );
 $user = json_decode($user, true)['data'];
 ?>
 </body>
</html>

O retorno da função file_get_contents vai ser uma string, mas que tem o formato de lista, por esse motivo use json_decode para converter. Continuando, agora temos informações do usuário, nesse formato:

Array
(
    [id] => 00000000
    [bio] => Uma empresa que além de floricultura faz projetos e reformas de jardim. Surgiu do sonho de 2 irmãos que se dedicam para a satisfação de seus clientes.
    [username] => hmjardins
    [profile_picture] => https://scontent.cdninstagram.com/t51.2885-19/s150x150/16123549_738211899670830_4001478088876621824_a.jpg
    [website] => http://www.hmjardins.com.br/
    [full_name] => HM Jardinagem & Paisagismo
    [counts] => Array
        (
            [follows] => 1108
            [followed_by] => 474
            [media] => 34
        )
)

Simples? Agora vamos solicitar ao Instagram, os feeds recentes do cliente, usando a URL https://api.instagram.com/v1/users/self/?access_token=SEU-ACCESS-TOKEN com o seu access token. Note que o modo de requisição é o mesmo utilizado antes, com file_get_content, e depois convertendo o resultado.

 $media = file_get_contents( "https://api.instagram.com/v1/users/self/media/recent/?access_token=$access_token" );
 $media = json_decode($media, true)['data'];

Nossa variável $media, está com uma lista contendo informações das imagens do feed do nosso cliente. Com esse método o Instagram nos permite, trazer informações das últimas 20 mídias, caso você queira limitar a quantidade, basta apenas usar o parâmetro ‘count’ depois do access token, informando o número de mídias que você quer. Exemplo: https://api.instagram.com/v1/users/self/?access_token=SEU-ACCESS-TOKEN&count=2.

READ MORE

Criando Meta Box para o seu tema WordPress

Você já precisou de um campo e não encontrou no WordPress? Teve que utilizar dos campos personalizados? Ou então instalou um plugin? É meu amigo, seus problemas acabaram, a solução é utilizar Meta Box.
Meta boxes são campos, que ficam no dashboard do WordPress, em posts, páginas e custom posts. De uma maneira mais amigável para o usuário. Meta boxes são altamente configuráveis, podem ser utilizadas para alterar a aparência, guardar informações, criar listas dinâmicas, galerias de imagens, em fim serve para atender a suas necessidades.
Diferente de usar plugins para adicionar, um Meta box, o seu código vai ficar mais limpo, pois você vai estar fazendo com que sua aplicações solucione apenas o necessários. Ficará confiável e ‘visível’ ao usuário, melhor que utilizar dos campos personalizados.
Bom então algo tão variável de utilizar, deve necessitar de um código monstruoso? Errado, para adicionar Meta box ao nosso tema, utilizamos de uma função nativa do WordPress, add_meta_box( ) . Vamos ver como funciona.
Imaginando que temos o seguinte problema, precisamos ter no nosso post, um campo para adicionar, uma cor ao título, mas cada post deve ter um título com uma cor diferente.
Vamos primeiro ver quais os parâmetros, nossa função add_meta_box recebe:

add_meta_box( $id, $title, $callback, $post_type, $context, $priority, $callback_args );
  • $id: Este é um ID único atribuído à sua caixa de meta. Ela deve ter um prefixo único e ser HTML válido. [String – Obrigatório]
  • $title: O título da caixa do meta box. [String – Obrigatório]
  • $callback: A função de retorno de chamada que exibe a saída da sua caixa de meta. Já vamos ver ela melhor. [String – Obrigatório]
  • $post_type: Onde será exibido o Meta Boxes. Exemplos (‘post’, ‘page’, ‘link’, ou ‘custom_post ).  [String ou Array – Opcional, por padrão fica null]
  • $contexto: Onde na página o Meta box deve ser mostrado. As opções disponíveis são  ‘normal’, ‘side’ e ‘advanced’. [String – Opcional, padrão ‘advanced’]
  • $priority:  Prioridade de inserção da caixa em relação as demais, opções ‘high’ ou ‘low’. [String]
  • $callback_args: Determina a passagem de parâmetros a função callback [Matriz – Opcional]

Depois de conhecer os parâmetros que nossa função recebe, podemos iniciar nossa aplicação. Vamos utilizar nosso arquivo ‘function.php’, nele vamos iniciar criando uma função.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
}

Está função servirá como uma chamada para nosso Meta box, conhecida no WordPress como ‘actions’. Pois não podemos sair criando Meta box a qualquer momento, precisamos respeitar a ordem do WordPress, por isso vamos utilizar essa função de chamada.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
    add_meta_box( $id, $title, $callback, $post_type, $context, $priority, $callback_args );
}

Agora sim podemos adicionar o nosso Meta box, vamos ajustar os parâmetros conforme nossa necessidade.

add_action( 'add_meta_boxes', 'init_meta_box_color' );
function init_meta_box_color(){
    add_meta_box( 'id_meta_color', 'Escolha uma cor para o título', 'meta_color', 'post', , 'normal', null );
}

O Meta box já foi criado, e está em exibição no nosso tema, agora vamos colocar um conteúdo para ele. Vamos criar uma função, com o nome que colocamos no parâmetro de callback, que no nosso caso foi ‘meta_color’.

function meta_color(){6
    ?>
    
    
    
    
    
    
    
    <?php
}
add_action( 'save_post', 'save_meta_color' );
function save_meta_color( $post_id  ){
    if(isset( $_POST['field_color'] ) ){
	   update_post_meta( $post_id , 'field_color', $_POST['field_color'] );
    }
}
READ MORE

CMKY x RGB x DPI

CMKY ou RGB?
RGB é a abreviatura das cores primarias em inglês, que são: Vermelho, Verde e Azul (Red, Green e Blue). Esse padrão foi constituído para reprodução através da luz, por isso é destinado para telas de computadores, celular e monitores. Estas cores combinadas resultam em outras cores. Em razão disto, o valor para modificar uma cor vai de 0 a 255. Para isso, a mistura das cores varia de acordo com a intensidade da mesclagem que você fez.
Já o CMKY, abreviatura das cores subtrativas formado por Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (Black (Key)). Esse padrão, ao contrário do RGB, é composto por cor pigmento. Por isso, as cores em CMKY na tela dos monitores não são reproduzidas da mesma forma que impressa.
Afinal, quando usar CMKY ou RGB?
Como já colocado, CMKY é dedicado para a maioria das impressões gráficas, isto pode não ser considerado dependendo da máquina e o tipo de impressão que será realizada. Já o RGB usamos nas telas de computadores ou celulares.
Como configurar meu arquivo para CMKY ou RGB?
No Photoshop, antes de você iniciar um novo arquivo você já pode definir o padrão, quando você abrir um novo arquivo (CTRL+N). A caixa de definições é mostrada no Modo de Cores:

rgbxcmky

DPI?
Pontos por polegadas como é nomeado o DPI, é uma medida relacionada a composição da imagem, representando o número de pontos existentes em uma polegada. O Termo mais comum é resolução da imagem. Isto porque, a resolução está diretamente ligada à o número de DPIs, quanto maior, maior será a qualidade e definição da imagem. Para definir o número de DPI é preciso saber o que você pretende produzir, quanto maior a impressão ou a necessidade de qualidade, maior deverá ser o DPI.
18180948131508
Como defini-lo?
No Photoshop você define da mesma forma, na caixa inicial de abertura de um arquivo, terá a opção Resolução (conforme imagem)
resolucao
 
E o Pantone?
Pantone é uma tabela de cores primarias. A diferença das cores Pantone para o CMKY, por exemplo, é a exatidão nas cores que evitam variações na impressão. Geralmente muito usada em logos ou impressões que utilizam de poucas cores e que necessitam de uma impressão fiel ao arquivo.

READ MORE

Operador condicional (ternário): Como exatamente funciona?

O que significa isso: “isset($_POST[‘name’]) ? $_POST[‘name’] : ‘Convidado’;” ?
Muito conhecido por ser utilizado por programadores ‘preguiçosos’, que evitam criar um código monótono e redundante. O operador ternário é uma versão do “IF…ELSE”, que consiste em agrupar, na mesma linha, os comandos da condição.
Mas qual a diferença dele para o nosso  “IF…ELSE”?
Vamos comparar, primeiro a condição tradicional:

$sexo = 'M';
if($sexo == 'M'){
    $mensagem = 'Olá senhor';
}else{
    $mensagem = 'Olá senhora';
}

E agora como seria a nossa condição com operador ternário:

$sexo = 'M';
$mensagem = $sexo == 'M' ? 'Olá senhor' : 'Olá senhora' ;

Notamos que nosso código foi resumido de 6 linhas para apenas 2, a vantagem é bem clara, não é preciso repetir o nome da variável, pois o valor já é atribuído a ela.
OK, já vimos a comparação das condições, mas agora vamos entender como trabalhar com a estrutura do operador ternário.

$nota = 8;
$resultado = $nota > 7 ? 'Você Passou' : 'Você Reprovou' ;

Na condição o primeiro parâmetro recebe uma expressão booleana, o segundo é o retorno caso essa expressão seja verdadeira, e o último retorna o valor caso a expressão esteja errada. Assim a variável ‘resultado’ fica com o valor ‘Você Passou’.
O operador ternário vai facilitar muito sua vida, mas no caso de condições mais complexas, é aconselhado utilizar o tradicional IF…ELSE.

$cargo = $salario <= 1000 ? 'junior' : $salario <= 5000 ? 'senior' : 'diretor';

Ficou um pouco confuso, né? Então em casos complexos, ou de controle de fluxo, continue utilizando o IF…ELSE, mas quando for pra atribuir um valor a variável, use e abuse da condição ternánia.
Lembre-se, os exemplos dados acima foram feitos em PHP, condições ternárias, podem ser utilizados em outras linguagens, como Javascript.

validaEmail(email) ? enviaEmail(email) : mostraErro();
READ MORE
Estilo de camadas

Estilo de Camadas – Photoshop

O Photoshop disponibiliza uma ferramenta com diversas opções para você melhorar ou diferenciar a aparência do seu objeto, chamada estilo de camadas (em inglês, Layer Style). Ela acrescenta sombras, profundidade, brilho e diversos outros. Que servem tanto para seu objeto como para seu texto.
Mostraremos em imagens, cada uma das funções. Para isso utilizamos o logo da Tok digital para exemplificar.

 1 – COMO ABRIR OS ESTILO DE CAMADAS

Existem duas formas mais comuns, uma delas é clicando duas vezes em cima da camada em que deseja aplicar o efeito, ou clicando com o botão direito em cima da mesma.
 
0-estilo-de-camada
O estilo de camadas é a primeira opção da lista, quando aberta lhe mostra as opções de mesclagem (Blending Options), que são os efeitos que você pode aplicar a sua camada.
 
1-estilo-de-camada
2-estilo-de-camada

2 – CHANFRO E ENTALHE (Bevel and Emboss)

A primeira opção que você pode aplicar é o chanfro e entalhe. O chanfro e entalhe dão um efeito “tridimensional” para sua camada, dentro deles, possuem duas opões: Contorno e Textura.
3-estilo-de-camada

CONTORNO (Contour)

Como o nome já diz, o contorno que dá o efeito interno na extremidade da camada, dando  esse efeito de profundidade.
4-estilo-de-camada

TEXTURA (Texture)

Já a Textura, traz uma aparência original para sua camada, muito usada quando quer aplicar uma camada em alguma foto que queira tornar mais realista.
5-estilo-de-camada

3 – TRAÇADO (Stroke)

A terceira opção é o Traçado, ela aplica uma borda externa para sua camada, dando a você a oportunidade de escolher a espessura e cor da mesma.
6-estilo-de-camada

4 – SOMBRA INTERNA (Inner Shadow)

Essa opção aplica um sombreamento no interior da camada; também é muito usada para dar a impressão de profundidade do objeto, porém, contrariando o sentido do contorno.
7-estilo-de-camada

5 – BRILHO INTERNO (Inner glow)

Esse efeito que ao contrário do que aparenta é aplicado internamente, dando mais destaque, ideal para sobrepor as demais camadas em uma edição.
8-estilo-de-camada

6 – ACETINADO (Satin)

Cria uma espécie de brilho interno, como o nome diz, aproxima o efeito do tecido de cetim.
9-estilo-de-camada

7 – SOBREPOSIÇÃO DE COR (Color Overlay)

Esta opção é muito simples e prática (número 1 na imagem), ela aplica a cor que você quiser na camada (número 2 na imagem). Porém ela se aplica no todo, tirando todas sombras ou detalhes que a camada possuía originalmente.
10-estilo-de-camada

8 – SOBREPOSIÇÃO DEGRADÊ (Gradient Overlay)

Além de aplicar uma cor sólida, você também pode aplicar um efeito gradiente, é isto que a oitava opção lhe oferece, podendo decidir quais cores você pretende aplicar (indicação número 2), e a cor predominante (número 3).
11-estilo-de-camada

9 – SOBREPOSIÇÃO PADRÃO (Pattern Overlay)

Esta opção se assemelha com a textura, porém, ela pode se aplicar de forma personalizada, podendo você criar sua própria sobreposição ou usar as opções que o Photoshop já lhe oferece!
12-estilo-de-camada

10 – BRILHO EXTERNO (Outer Glow)

O brilho externo possui a mesma função do brilho interno, porém, se aplica pela parte exterior do objeto/camada.
13-estilo-de-camada

11 – SOMBRA PROJETADA (Drop Shadow)

Está função é muito importante e bastante usada, pois ela trabalha com a iluminação e direções da luz sobre o objeto, trazendo uma sombra externa na camada, onde você decide distância, tamanho e expansão.
14-estilo-de-camada
 
Em breve mais dicas.

READ MORE

Já ouviu falar em Brackets?

Uma nova opção para você, desenvolvedor, é a ferramenta Brackets, uma IDE leve usada em criação e edição de arquivos HTML, CSS e JavaScript e com uma configuração fácil que te possibilita trabalhar com PHP.
O software Brackets pertence a Adobe, mas é gratuito e de código-fonte aberto, possibilitando que adicione extensões para personaliza-lo. Brackets também permite trabalhar simultaneamente com vários arquivos de um projeto, possui ferramenta de edição rápida, função para seleção ou conversão de cores, compatibilidade nativa com LESS e suporte a extensões de diversos tipos.

Funcionalidades nativas

Visualização instantânea – Com a visualização instantânea do Brackets, suas mudanças feitas no código podem ser vistas em tempo real. Passando o mouse por cima de algum seletor ou tag, no seu código, pode visualizar onde ele está sendo aplicado.
Editores expandidos – Cansado de ficar saltando entre abas de arquivos? Com seu design simples, Brackets posiciona todos seus arquivos de um modo fácil para serem editados. Para agilizar ainda mais seu trabalho, você pode selecionar um ID, ou uma classe de um elemento no seu HTML e o Brackets vai expandir um editor dentro da sua janela atual, com as informações de estilo do elemento, permitindo trabalhar paralelamente com seu código CSS, sem nenhum popup.
Split mode: vertical ou horizontal – Ter dois monitores é uma grande vantagem para um desenvolvedor, mas se esse não é seu caso, Brackets tem o modo split, onde seu editor divide em duas telas, na horizontal ou na vertical.

Extensões

Nem sempre um editor vem com todas as ferramentas que precisamos, então é sempre legal dar uma incrementada com algumas extensões para facilitar o desenvolvimento ou dar aquele novo visual para o Brackets.
Quick Search – Destaca automaticamente as ocorrências da palavra selecionada.
Emmet – é kit de ferramentas de um desenvolvedor web pode melhorar muito o seu HTML & CSS ​​fluxo de trabalho.

Desvantagens

Uma desvantagem do Brackets, pode ser a utilização das extensões, pois precisará baixar um plugin sempre que precisar de uma funcionalidade diferente. E como o Brackets é uma IDE leve, deixa a desejar quando trabalhamos com código mais pesado.

Diferencial

O grande diferencial do Brackets é sua função Extract (Preview), onde você pode extrair informações de um PSD. Extract for Brackets traz informações de estilo para seu CSS, um código simples e limpo, por meio de dicas. Podem ser extraídos do PSD estilos como: cores, fontes, gradientes e medidas. Além disso também pode gerar imagens a partir das camadas do PSD, sem precisar utilizar o Photoshop, tudo direto do brackets.
Mais detalhes sobre essa funcionalidade, podem ser vistas no nosso vídeo sobre essa integração.

READ MORE

Vamos dar um Tok Digital na sua empresa

Bem vind@ a Tok Digital!
Somos uma pequena empresa trabalhando para pequenas empresas, nesse contexto prestamos um serviço que agências maiores prestam, porém a um preço viável para pequenos negócios. Desenvolvemos sites personalizados de verdade!
E nossos projetos são elaborados para quem usa a internet e eventualmente para não usa também, vou explicar:

Internet nos dias de hoje

Cada vez mais pessoas estão usando a rede mundial de computadores (já não é mais de computadores a algum tempo, falaremos sobre isso em breve), em casa no trabalho, caminhando no parque, no ônibus, em qualquer lugar.
Os tipos de conexão (ADSL, fibra ótica, 3G, 4G) variam muito, bem como os dispositivos utilizados, mas o que importa mesmo é: O que pessoas fazem quando estão conectadas na rede?

Redes Sociais

Em sua imensa maioria usam a internet para acessar redes sociais, e desta forma se aproximar de pessoas sem precisar sair de onde estão.
Facebook, Instagram, Snapchat, WhatsApp, entre outras, você, usuário, mostra sua vida em texto, fotos, vídeos e áudio e seus amigos, fãs, seguidores, curtem, compartilham, comentam, enfim interagem com você através de suas publicações.
Apesar do sucesso estrondoso, as redes sociais são momentâneas, da mesma forma que aparecem enchendo suas páginas de usuários e informações, são engolidas por outras novas que se adaptam melhor ao perfil de “consumo” dos usuários, fazendo com que sua vida lá dentro se resuma a museu a exemplo do Orkut.

App’s

Com o crescimento da venda de smartphones, cada vez mais os usuários procuram aplicativos (apps) que resolvam suas vidas de forma rápida e eficiente.
Com este movimento cada vez mais empresas querem oferecer seus produtos e serviços por meio de apps. Todavia essa estratégia deve ser bem elaborada pois nem todo o negócio funciona com um app, muitas vezes o aplicativo não cumpre uma função de venda mas uma forma de relacionamento ou até mesmo cria uma imagem da empresa para o usuário.

Blogs

Essa mídia foi a porta de entrada da Web 2.0, quando a internet de fato deu voz aos usuários que passaram a expor seus pensamentos em forma de texto, abrindo a oportunidade para diálogos por meio de comentários.
Atualmente segue sendo muito utilizado já que para mecanismos de busca o que conta é ter conteúdo para mostrar que a empresa domina o negócio com o qual trabalha.

Empresas na internet

Existem diversas formas de uma empresa estar presente na internet, desde um espaço publicitário em sites de classificados, passando por páginas em redes sociais até seu próprio ambiente um site, blog, sistema ou até uma loja virtual (e-commerce).
Esses últimos de certa forma são simples de serem criados, basta um cadastro rápido no site que promete a criação de sites grátis e o empresário já terá um site no ar, disponível na internet, alguns inclusive com possibilidade de criação de lojas virtuais.

Benefícios de sites personalizados

O empresário se depara com a questão: se posso criar meu site, eu mesmo, grátis, porque contratar uma empresa para desenvolver um por mim? A resposta é simples e complicada ao mesmo tempo.
Começamos com outras perguntas: o tempo que será gasto na criação o empresário não poderia estar vendendo ou organizando sua empresa? O empresário sabe qual o melhor local na página inicial para se colocar o formulário de contato? E seus produtos, estão acessíveis?
Podemos fazer perguntas mais técnicas: as palavras-chave utilizadas são coerentes com o que os usuários buscam na internet? A estrutura do site auxilia os mecanismos de busca na indexação? O site está cumprindo uma função clara de forma eficiente?
Se sua empresa está querendo fazer um trabalho sério na internet, contrate um profissional para lhe auxiliar, ou seja você arrumar sozinho seu celular ou leva até um técnico?
Somos a Tok Digital, seja bem vind@, teremos o maior prazer em conversar e tomar um café!

READ MORE

Problemas com Produto Variável com preços iguais – WooCommerce

Recentemente em um projeto de loja virtual enfrentamos um problema que em um primeiro momento parecia incoerente. Ao criar um Produto Variável, onde as variações tinham o mesmo preço, sua página deixava de mostrar o preço do produto.
Depois de alguns teste e buscas no nosso amigo Google, encontramos uma solução e uma explicação:
“Na realidade, este se destina a ser uma função de melhoria da performance / memória para evitar a renderização e processamento de dados duplicados variação no atributo de dados HTML. Mas ele acaba causando problemas, pois resulta na saída HTML de variações não sendo consistente de produto para produto. Realmente toda esta questão é devido a más práticas sendo usado por WooCommerce para tornar o conteúdo dinâmico para as variações, mas o que você pode fazer.”
Para resolver, basta incluir o código abaixo no arquivo functions.php do seu tema.
add_filter('woocommerce_available_variation', function($available_variations, WC_Product_Variable $variable, WC_Product_Variation $variation) {
if (empty($available_variations['price_html'])) {
$available_variations['price_html'] = '<span>' . $variation->get_price_html() . '</span>';
}return $available_variations;
}, 10, 3);

Espero ter ajudado mais colegas!
Fonte: http://stackoverflow.com/

READ MORE

Transparência (linear, radial) em imagens no Adobe Illustrator

Depois de vasculhar a internet e usar várias soluções paliativas resolvi acabar com isso e pesquisar a fundo o tema: Como criar transparências lineares e/ou radiais em imagens no Adobe Illustrator?
Pois bem, fui direto na fonte, adobe.com, e lá comecei a ler o manual do software, não encontrei este item especificamente, mas encontrei algo que me levou a solução do meu problema. Pois bem vamos ao que interessa.
Selecione sua imagem e abra a janela Transparência. Se a janela Transparência não estiver ativa, clique no menu Janela > Transparência.
Selecione a imagem e abra a janela TransparênciaClique em Criar máscara. A corrente ao lado da imagem, na janela Transparência, vai ser habilitada e ao lado da corrente um quadrado preto irá aparecer. Sua imagem vai ficar invisível.
Clique em Criar máscaraClique sobre o quadrado preto, na janela Transparência para entrar na máscara recém criada.
Clique no quadrado preto
Com a Ferramenta Retângulo (M) crie um retângulo sobre a imagem e aplique um preenchimento gradiente na janela Gradiente. Se a janela Gradiente não estiver ativa clique no menu Janela > Gradiente.
Criar um retângulo e aplicar um preenchimento gradientePronto, agora é só ajustar conforme necessário e quando estiver pronto, volte a janela Transparência e clique no quadrado da imagem para sair da máscara.
Clique na imagem para sair da máscara
Não sei você, mas isso me liberou algum tempo de trabalho!
Resultado final

Dúvidas, sugestões ou qualquer outra coisa, use a vontade o formulário de comentários abaixo.
Obrigado pela visita!

READ MORE