Arquivos Multiuse - Rotamáxima - Especialistas em resultados

Ilustre a Jornada do Cliente e Melhore os Processos do Seu Site

Wed, 10 Aug 2022 14:21:10 +0000

A maneira mais assertiva para você analisar o comportamento do consumidor é através do mapeamento da Jornada do Cliente. Através dela você será capaz de construir uma relação longa com as pessoas que já consomem os seus produtos e serviços e também com aquelas que podem se tornar os seus clientes. Ao entender as etapas percorridas pelos seus consumidores, assim como as dificuldades com as quais eles podem se deparar nesse caminho, você será capaz de reparar os erros cometidos de forma a entregar um serviço funcional e qualificado para os seus clientes. É bom ressaltar também que a forma de consumir é alterada constantemente devido às mudanças externas, como a pandemia e novas tendências de mercado que surgem diariamente. Mas não se preocupe porque vamos guiá-lo por toda essa trajetória, te apresentando os conceitos iniciais da jornada, te mostrando a importância de mapeá-la e ainda te ensinando a como fazer o seu próprio mapa de jornada do cliente. Pronto? Vamos lá! O que é a Jornada do Cliente A Jornada do Cliente é o processo pelo qual o consumidor passa no seu momento de compra, por meio de diferentes touchpoints, considerando desde o momento que ele reconhece a necessidade de adquirir algum item, até o momento em que ele faz o uso da sua aquisição no pós-venda. É bem difícil um cliente bater o olho no primeiro produto que aparecer e de cara já comprar. Antes do momento da compra existem alguns processos que guiam esse consumidor até o momento de obtenção de algum produto. No momento posterior à venda também existem algumas etapas que estão diretamente relacionadas com a jornada do cliente. De forma geral, quando mapeamos a Customer Journey estamos falando do ambiente digital. Isso se dá porque é muito difícil sabermos quais foram as etapas seguidas até um cliente chegar em uma loja física. Na internet, esses dados são armazenados e os seus cookies podem ser rastreados posteriormente para coletar essas informações. Como mencionado, a jornada do cliente tem início no momento de reconhecimento da necessidade ou desejo de se fazer a aquisição de algum produto ou serviço e se prolonga até as etapas do pós-venda, como o Primeiro Valor e o Valor Recorrente. É importante que você mantenha o seu Customer Journey Map, ou Mapa da Jornada do Cliente, atualizado para que as informações usadas sejam relevantes e atinjam o objetivo que você procura. Qual é a importância de mapear a Jornada do Cliente O uso da ferramenta do Customer Journey Map é importante para a sua empresa porque ela vai te ajudar a assimilar melhor os sentimentos dos clientes durante o processo de decisão de compra. Quando você entende os motivos pelos quais os consumidores são motivados a continuar comprando, você pode se utilizar de alguns recursos, como o uso de gatilhos mentais, para chamar a atenção desse cliente para o seu site e evitar que ele desista no meio da jornada. Outra vantagem é que você também tem a possibilidade de corrigir as falhas que possam ser apresentadas na sua plataforma durante o momento de compra do cliente. Se uma pessoa entra no site e não consegue visitar um link embutido, ele provavelmente irá desistir desse processo e irá buscar em outros lugares, continuando a sua jornada no site da sua concorrência. Dessa forma, é imprescindível que você acompanhe cada passo que o seu cliente dê em direção à conclusão da compra para que você não perca um cliente e, consequentemente, uma venda importante para a sua empresa. A Customer Journey está interligada ao conceito de Customer Experience (CX), ou Experiência do Cliente, visto que todos os processos de melhorias que serão realizados buscam ofertar uma qualidade no momento de compra do cliente. Como mapear a Jornada do Cliente É importante que você se mantenha atento em relação a alguns pontos para que saiba como mapear a jornada do cliente da sua empresa. O cliente é a prioridade Esse é o ponto principal. Toda atitude que você for tomar em relação às melhorias do seu site precisa ser pautada no bem-estar do cliente e otimização dos processos feitos pelos mesmos. A melhor forma de você garantir isso é mapeando as suas personas. Se esse for o seu primeiro mapeamento, não se preocupe. Escolha apenas uma persona e faça o seu mapa de jornada. Dessa forma você conseguirá entregar um produto ou serviço que seja exatamente o que o seu público esteja procurando, da forma e nos lugares em que eles estejam procurando. Assim, você também conseguirá otimizar tempo e recursos financeiros direcionando os seus esforços de comunicação de maneira eficaz. Identifique os pontos de contato Os pontos de contato, ou Touchpoints, são as interações que os clientes realizam com a sua marca. Eles são responsáveis por mostrar em detalhes como os clientes se comportam durante a compra. Seja por meio de um anúncio, click em algum link do seu site, interações nas redes sociais da empresa, ou até mesmo no processo de pós-venda, ao enviar um feedback do seu negócio. Os touchpoints vão te mostrar em quais lugares o seu cliente está presente e cada uma dessas interações são chances para que você consiga converter em vendas. Sabendo quais são esses lugares, você consegue melhorar a experiência dos seus consumidores em cada uma delas e, garantindo a sua satisfação, você pode torná-los em evangelizadores da sua marca. Crie gráficos Como o customer journey map é uma ferramenta visual, é importante que use de artifícios para te ajudar a visualizar os processos. Alguns desses artifícios podem ser post-its, canetas coloridas, emojis, adesivos… use a sua criatividade. Mas é importante que esse mapa possua todas as informações relevantes para que você consiga entender quais são as dificuldades que os consumidores estão encontrando no processo de compra. Insira aqui também todas as possibilidades de caminhos percorridos, mesmo que sejam as mais remotas, porque assim você também conseguirá pensar em soluções para elas. Não esqueça de pontuar em qual parte da jornada os clientes abandonam o

O post Ilustre a Jornada do Cliente e Melhore os Processos do Seu Site apareceu primeiro em Rotamáxima - Especialistas em resultados.

Como o SEMRush pode ajudar a turbinar o SEO da sua empresa?

Thu, 05 Nov 2020 22:57:01 +0000

O marketing digital, atualmente, é uma das melhores saídas para aquelas empresas que desejam diversificar as ações de aquisição de novos clientes. Por meio de algumas ferramentas, é possível prosperar, ainda mais em tempos de pandemia, onde todos os aspectos de desenvolvimento social precisam ser considerados. Diante desse contexto, as estratégias de SEO acabaram ganhando muita visibilidade, tornando-se práticas de trabalho para muitas empresas e equipes da área de marketing. Ciente disso, este artigo aborda o SEMRush, uma ferramenta excepcional que pode alavancar os resultados de qualquer negócio nos mecanismos de busca. Afinal, o que é SEMRush? Com tantas opções tecnológicas bem diante dos nossos olhos, a análise de dados do marketing digital não precisa mais ser feita manualmente, até porque levaria muito tempo até sua conclusão. Por isso, o ideal é buscar ferramentas que facilitem as atividades do cotidiano da empresa, como é o exemplo do SEMRush. Ele pode ser considerado uma das ferramentas mais completas e robustas, utilizada por profissionais da área para realizar alguns tipos de otimizações em mídias online. Por meio dele, é possível medir: o volume de busca por uma determinada palavra-chave que esteja relacionada ao seu negócio; custo por clique dos anúncios pagos gerados; a colocação do seu site nas buscas do Google e de outros sites de pesquisa; dados de tráfego e conversão da concorrência. Além disso, com um design bastante intuitivo, o SEMRush se mostra muito fácil de usar. Seu foco principal está mais voltado para uma relação entre a plataforma e a facilitação para os profissionais da área de marketing, desde aqueles que estão começando a gestores de grandes empresas. Mesmo assim, ainda é ideal que os usuários tenham um conhecimento prévio acerca de suas funcionalidades para que, cada uma delas, seja aproveitada ao máximo. Confira abaixo todas as soluções da SEMRush que você precisa conhecer. 4 Ferramentas do SEMRush ideais para sua estratégia de SEO Muito embora ainda seja difícil saber por onde começar a explorar a plataforma, o SEMRush oferece diversas possibilidades para o seu usuário. Todas elas são fáceis de manipular e levam a um caminho para que se possa encontrar exatamente os dados que se está buscando. Nesse sentido, a pesquisa pelas palavras-chave é um dos componentes mais importantes para fazer uma conversão de acessos no seu site. Fora ela, o acompanhamento do tráfego orgânico e de backlinks também contribuem para que o seu negócio cresça de maneira rápida. Veja, abaixo, um pouco mais a respeito das funcionalidades da plataforma SEMRush e como elas podem influenciar no sucesso da sua empresa. 1 – Pesquisa orgânica Por meio desta funcionalidade, é possível ter acesso a relatórios a respeito de buscar orgânicas nas plataformas de pesquisa como, por exemplo, o Google. Alguns dos relatórios que podem ser mencionados são: os maiores concorrentes no quesito “pesquisas orgânicas”; os tipos de palavra-chave que trazem maior tráfego para o seu site; a relação da relevância do seu conteúdo relacionada a cada uma das palavras-chave utilizadas. Um dos pontos mais importantes que o SEMRush pode atingir por meio dessas funções é a diferença no posicionamento dentro de plataformas de busca. Com os dados em mãos, a sua empresa conseguirá entender, da melhor forma possível, como captar a atenção de clientes em potencial e, como consequência, atrai-los para o seu site. 2 – Análise de tráfego Outra funcionalidade excepcional do SEMRush é a análise de tráfego. Por meio dela, é possível estabelecer um panorama das métricas utilizadas dentro do marketing digital em um domínio específico. Além disso, também é possível identificar de onde está vindo aquele tráfego. A ferramenta em questão irá permitir que a sua empresa consiga descobrir onde está o público-alvo, também conhecido como personas, e em quais tipos de parceiros será necessário apostar para alavancar a imagem do seu negócio. 3 – Análise de backlinks Nessa parte do SEMRush, você conseguirá ter acesso aos dados que se referem à listagem de links direcionados ao seu domínio. Além disso, também é possível conhecer a autoridade dos sites, bem como os backlinks da concorrência. Assim, ficará muito mais fácil entender porque alguns conteúdos conseguem ranquear melhor do que outros. Por fim, se quiser, ainda existe a possibilidade de remover sites suspeitos direto pela ferramenta. Basta fazer a integração com o Search Console e remover backlinks tóxicos com muito mais agilidade. 4 – Análise da palavra-chave Assim como já foi dito anteriormente, a palavra-chave é uma peça fundamental para conseguir alavancar os negócios. É por meio dela que o público-alvo pode ser atraído e, consequentemente, voltar a acessar o seu site. É por isso que o SEMRush oferece uma análise completa para conseguir se encaixar em algum nicho de mercado. Então, quais são as vantagens? Uma das melhores maneiras de conseguir fazer com que a sua empresa tenha resultados positivos é por meio da análise efetiva do público-alvo. Quanto mais você entender o interesse do público acerca da sua marca ou dos seus serviços, melhor será para a geração de receita do negócio. Preparando-se com ferramentas especializadas na captação de novos clientes e da utilização de palavras-chave, o SEMRush irá ajudar, sem dúvida, a tornar toda a experiência mais agradável e mais simples rumo ao topo. Não importa qual seja o tamanho da sua empresa, a ferramenta poderá influenciar nos resultados positivos. O mais importante é que, antes mesmo de usar o SEMRUsh, você tenha objetivos claros e KPIs inteiramente definidos. Assim, o trabalho ficará mais fácil, harmonioso e será bem mais difícil se perder no caminho. Quer conhecer mais sobre o SemRush, clique aqui e faça uma experiência gratuita.

O post Como o SEMRush pode ajudar a turbinar o SEO da sua empresa? apareceu primeiro em Rotamáxima - Especialistas em resultados.

Formatos de imagem para rede social: o guia completo

Tue, 03 Nov 2020 19:34:18 +0000

Cada uma das redes sociais possui suas particularidades e é claro que isso também iria acabar se estendendo para os formatos de imagem. Por isso, para quem precisa trabalhar com essas mídias, é importante que se tenha uma noção de quais são as dimensões de imagem permitidos para cada uma. Afinal, se você quer postar uma imagem na sua página corporativa, saber o tamanho ideal para aquela rede, em específico, vai ajudar no alcance da publicação e a não perder a qualidade do conteúdo contido nela. Confira, abaixo, um guia completo para nunca mais errar na hora de publicar nas redes sociais. Formatos de imagem para o Facebook Muito embora exista muitas redes sociais espalhadas pela internet, o Facebook continua liderando o ranking das mais populares. Por meio dele, é possível fazer posts com imagens, compartilhar links, vídeos, além de criar novas amizades e grupos para se comunicar com um número de pessoas elevado. Entre os formatos de imagem mais utilizados, estão: imagem de capa: 851 x 315 pixels imagem de capa para grupos: 640 x 334 pixels imagem de capa para eventos: 1920 x 1080 pixels imagem de perfil: 180 x 180 pixels post com imagem: 1200 x 1200 pixels post com link e imagem: 1200 x 628 pixels Facebook Stories: 1080 x 1920 pixels anúncio com imagem única: 400 x 500 pixels (mínimo) anúncio com link e imagem: 1080 x 1080 pixels (recomendado) anúncio com carrossel: 1080 x 1080 pixels (recomendado) Tamanhos de imagem para o Instagram O Instagram também é uma plataforma muito popular. Ele surgiu como um lugar para publicar fotos e vídeos, sendo que qualquer usuário poderia reagir com elas, com comentários e curtidas. Ao longo dos anos, a rede inovou com vários formatos e filtros de “stories”, mas o apelo visual do conteúdo ainda é o ponto forte dessa mídia. Entre os formatos de imagem utilizados, estão: imagem de perfil: 720 x 720 pixels imagem quadrada para feed: 1080 x 1080 pixels imagem vertical do feed: 1080 x 1350 pixels (altura máxima) imagem horizontal do feed: 1080 x 566 pixels (altura mínima) Instagram Stories: 1080 x 1920 pixels (mínimo de 600 x 1067 pixels) Imagens para o Twitter Com um público bastante fiel, o Twitter ainda continua a receber novos usuários. Afinal, eles usam essa rede para acompanhar notícias em tempo real, além de seguir celebridades para descobrir o que cada uma delas tem a dizer. Entretanto, mesmo diante de uma natureza que prima por textos mais curtos, as imagens acabaram por invadir essa rede social, visto que também são ótimas maneiras de se expressar. Então, visando permitir que as imagens escolhidas sejam exibidas da melhor maneira possível no feed, atente-se aos tamanhos: imagem de capa: 1500 x 500 pixels imagem de perfil: 400 x 400 pixels post com imagem: 600 x 335 ou 1200 x 1200 pixels post com link e imagem: 800 x 418 ou 800 x 800 pixels. Formatos de imagem para o Pinterest O Pinterest é uma rede social voltada totalmente para conteúdos gráficos, mas que se mostra bastante versátil, visto que você consegue encontrar perfis pessoais e empresariais de vários nichos. Quer saber como fazer uma maquiagem? Busca trocar a decoração da sua casa? Então é bem provável que encontre inspirações por lá. Todos os dias, milhares de perfis compartilham várias ideias dentro da plataforma. Além disso, a plataforma é bastante conhecida pelas artes caprichadas que, diariamente, são compartilhadas por seus usuários. Confira, abaixo, os principais formatos de imagem para a plataforma: imagem de perfil: 720 x 720 pixels pin: 1000 x 1500 pixels (recomendado) capa das pastas: 200 x 200 pixels Formatos de imagem para o LinkedIn Muitas pessoas que estão buscando fechar negócios ou manter um contato profissional acabam passando pelo LinkedIn. Por lá, é possível contratar ou ser contratado, não à toa, muitos talentos são descobertos com frequência através dessa rede. Dessa forma, para quem possui uma empresa, o ideal é que o fortalecimento da imagem dentro dessa rede esteja em foco. Para tanto, todas as artes que forem adicionadas nesse canal devem estar em conformidade com a identidade da empresa e as dimensões sugeridas pelo Linkedin, assim o público reconhecerá sua marca como referência. Veja abaixo quais são os tamanhos de imagem recomendados: imagem de capa: 1536 x 768 pixels imagem de perfil: 300 x 300 pixels post com imagem: 1200 x 1200 pixels post com link e imagem: 1200 x 627 pixels Formatos de imagem para o Youtube O Youtube é sempre a melhor opção para quem está buscando vídeos, independente de quais sejam os conteúdos disponibilizados. Dessa maneira, se você quer um pouco de entretenimento ou se deseja aprender algo novo, é possível encontrar boas dicas por lá. Inclusive, muitos influenciadores digitais acabaram por crescer na plataforma. No Youtube é preciso ter atenção aos formatos de vídeo, já que eles podem ser vistos tanto na televisão, quanto no computador, tablet ou celular. Além disso, vale ressaltar que, mesmo sendo uma rede mais voltada para o audiovisual, é necessário o uso de imagens de capa, perfil e miniaturas para os seus vídeos. Veja, abaixo, os principais formatos da plataforma: imagem de capa do canal: 1546 x 423 pixels TV: 2560 x 1440 pixels desktop: 2560 x 423 pixels tablet: 1855 x 423 pixels celular: 1546 x 423 pixels imagem de perfil do canal: 800 x 800 pixels thumbnail de vídeos: 1280 x 720 pixels Formato de imagem para WhatsApp O WhatsApp é uma rede conhecida por todos. Não à toa, essa rede tem sido muito utilizado no ambiente corporativo para a criação de grupos ou uma lista de transmissão, a fim de acelerar o compartilhamento de conteúdos. Por isso, veja quais são os principais formatos de imagem da rede: imagem de perfil: 192 x 192 pixels thumbnail da imagem na conversa: 600 x 600 pixels WhatsApp Status: 1080 x 1920 pixels

O post Formatos de imagem para rede social: o guia completo apareceu primeiro em Rotamáxima - Especialistas em resultados.

Bootstrap 4, guia de referência com os elementos mais utilizados

Wed, 06 May 2020 15:59:04 +0000

Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo. O projeto foi originalmente desenvolvido pelo Twitter, pelos programadores Mark Otto e Jacó Thornton. A utilização do Bootstrap torna mais simples a tarefa de construir sites responsivos e com código mais facilmente legível, tornando a manutenção evolutiva e corretiva mais rápida. Para começar a usar o Bootstrap, tudo o que é necessário fazer é importar os arquivos CSSs e JSs para o seu projeto. Adicione a referência abaixo no cabeçalho do seu documento HTML: Insira também os arquivos JSs (Javascript), ao final do código, antes do fechamento do <body> Feito isso, sua página já está pronta para receber os primeiros códigos Bootstrap. Mas antes de partir para os exemplos e referências, é importante salientar que o Bootstrap possui um sistema de resoluções de tela. São eles: sm = 576 pxmd = 768 pxlg = 992 pxxl = 1200 px Confira a lista de recursos mais utilizados: 1 Margin & Padding2 Text Alignment3 Text Transforms4 Font Weight & Italics5 Fancy Heading Text6 Fancy Paragraph Text7 Text Colors8 Background Colors9 Display Properties10 Border-Radius11 Box Shadow12 Width & Height13 Buttons14 Cards & Cards Groups15 Carousel16 Collapse Content17 DropDown Content18 Forms19 Jumbotron20 Nav21 NavBar22 Grid System Margin & Padding Margin on all sides – .m .m-1 (margin: 4px;) .m-2 (margin: 8px;) .m-3 (margin: 16px;) .m-4 (margin: 24px;) .m-5 (margin: 48px;) Margin left – .ml .ml-1 (margin-left: 4px;) .ml-2 (margin-left: 8px;) .ml-3 (margin-left: 16px;) .ml-4 (margin-left: 24px;) .ml-5 (margin-left: 48px;) Margin right – .mr .mr-1 (margin-right: 4px;) .mr-2 (margin-right: 8px;) .mr-3 (margin-right: 16px;) .mr-4 (margin-right: 24px;) .mr-5 (margin-right: 48px;) Margin top – .mt .mt-1 (margin-top: 4px;) .mt-2 (margin-top: 8px;) .mt-3 (margin-top: 16px;) .mt-4 (margin-top: 24px;) .mt-5 (margin-top: 48px;) Margin bottom – .mb .mb-1 (margin-bottom: 4px;) .mb-2 (margin-bottom: 8px;) .mb-3 (margin-bottom: 16px;) .mb-4 (margin-bottom: 24px;) .mb-5 (margin-bottom: 48px;) Margin auto – .m-auto .m-auto (margin: auto;) Responsive Margin Example Screen sizes: extra small .ml-5 | small .ml-0 | medium .ml-5 | large .ml-0 | extra large .m-5 padding on all sides – .p .p-1 (padding: 4px;) .p-2 (padding: 8px;) .p-3 (padding: 16px;) .p-4 (padding: 24px;) .p-5 (padding: 48px;) padding left – .pl .pl-1 (padding-left: 4px;) .pl-2 (padding-left: 8px;) .pl-3 (padding-left: 16px;) .pl-4 (padding-left: 24px;) .pl-5 (padding-left: 48px;) padding right – .pr .pr-1 (padding-right: 4px;) .pr-2 (padding-right: 8px;) .pr-3 (padding-right: 16px;) .pr-4 (padding-right: 24px;) .pr-5 (padding-right: 48px;) padding top – .pt .pt-1 (padding-top: 4px;) .pt-2 (padding-top: 8px;) .pt-3 (padding-top: 16px;) .pt-4 (padding-top: 24px;) .pt-5 (padding-top: 48px;) padding bottom – .pb .pb-1 (padding-bottom: 4px;) .pb-2 (padding-bottom: 8px;) .pb-3 (padding-bottom: 16px;) .pb-4 (padding-bottom: 24px;) .pb-5 (padding-bottom: 48px;) Responsive padding Example Screen sizes: Extra small pl-5 | small pl-0 | medium pr-5 | large ml-0 | extra large p-5 Código de MARGIN & PADDING: Text Alignment .text-left (Left aligned text on all viewport sizes.) .text-center (Center aligned text on all viewport sizes.) .text-right (Right aligned text on all viewport sizes.) Responisve text alignment example .text-sm-left (Left aligned text on screens sized SM (small) or wider.) .text-md-right (Right aligned text on screens sized MD (medium) or wider.) .text-lg-right (Right aligned text on screens sized LG (large) or wider.) .text-xl-right (Right aligned text on screens sized XL (extra-large) or wider.) Código para Text Alignment Text transforms .text-lowercase (Lowercased text.) .text-uppercase (Uppercased text.) .text-capitalized (First letter of each word capitalized.) Código para TEXT TRANSFORMS Font weight & italics .font-weight-bold (Bold text.) .font-weight-normal (Normal weight text.) .font-weight-light (Light weight text.) .font-italic (Italic text.) Código para Font weight and italics Fancy heading text .display-1 .display-2 .display-3 .display-4 Código para Fancy Heading Text Fancy paragraph text normal paragraph – Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. .lead (Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor). Código para Fancy paragraph Text Text colors .text-primary .text-secondary .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-body .text-muted .text-white .text-black-50 .text-white-50 Código para TEXT COLORS Background colors .bg-primary .bg-secondary .bg-success .bg-danger .bg-warning .bg-info .bg-light .bg-dark .bg-white .bg-transparent Código para BACKGROUND COLORS Display properties .d-inline .d-block .d-inline-block Responsive example – show extra small (default) – hide on small – show large – hide extra large .d-flex Flexbox – Direction .flex-row .flex-row .flex-row .flex-column .flex-column .flex-column Flexbox – Justify Content .justify-content-start .justify-content-end .justify-content-center .justify-content-between .justify-content-between .justify-content-around .justify-content-start Flexbox – Align Items .justify-content-start .justify-content-end .justify-content-center Learn more about other Flexbox Properties Código para Display property Border-radius .rounded-top (Border radius on top) .rounded-bottom (border radius on bottom) .rounded-left (radius left side) .rounded-right (border radius right side) .rounded (border radius all around) .rounded-cirlce Código para Border-radius Box Shadow .shadow-sm (Small shadow) .shadow (Regular shadow) .shadow-lg (Larger shadow) Código para Box Shadow Width & Height .w-25 (Width 25%) .w-50 (Width 50%) .w-75 (Width 75%) .w-100 (Width 100%) .w-auto (Width auto) .h-25 (Height 25%) .h-50 (Height 50%) .75 (Height 75%) .h-100 (Height 100%) .h-auto (Height auto) Código para width e Height Buttons .btn (default button styles) .btn .btn-link .btn .btn-outline-danger .btn .btn-sm (Large button) .btn .btn-lg (Large button) Button Groups .btn-group Left Middle Right Código para Buttons Cards & Card groups Card title This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Last updated 3 mins ago Card title This card has supporting text below as a natural lead-in to additional content. Last updated 3 mins ago Card title This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action. Last updated 3 mins ago Código para Cards Carousel Código para Carousel Collapse content Link with href Button with data-target Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Código para Collapse Dropdown content Dropdown link Action Another action Something else here Código para

O post Bootstrap 4, guia de referência com os elementos mais utilizados apareceu primeiro em Rotamáxima - Especialistas em resultados.

O que é e como funciona um sistema de split de pagamentos ?

Thu, 09 Apr 2020 15:28:34 +0000

Split de pagamento é o termo utilizado no mercado, especialmente em marketplaces, para a divisão de um único valor entre diferentes partes. Por exemplo, em um marketplace o cliente compra uma televisão da loja A, e um videogame da loja B. O marketplace deve então separar o valor a ser pago para cada uma das lojas, além de separar sua própria comissão. Tudo isso é feito de forma automática com base nas regras de negócios pré-definidas, dentro de uma única ordem de compra. Diversos estudos indicam que quanto mais opções de pagamento um comerciante oferecer, maior a probabilidade de ampliar as conversões em vendas, especialmente em ambiente online. Os sistemas de TI que lidam com transações financeiras processam essas transações como unidade atômica. Os sistemas financeiros concluem uma transação do começo ao fim; portanto, uma transação a seguir é um caso totalmente novo. A combinação das duas transações têm impacto nos custos, antifraude, obrigações de relatório e pode acabar com informações parciais armazenadas no sistema do comerciante. Veja abaixo algumas das principais empresas que oferecem soluções de Split de pagamentos: Pagar.mehttps://pagar.me Baseado na premissa de ser uma infraestrutura de pagamento, possuí um produto de Marketplace que é invisível para os sellers, sendo todo o gerenciamento feito pelo próprio Marketplace. O split do Pagar.me é feito na hora em que a transação é criada. Isso significa que são geradas n contas a pagar e n contas a receber na hora da criação da transação, onde parte do valor fica para o Marketplace e parte para o lojista. É possível determinar o percentual ou montante que é direcionado para cada um. Os pagamentos são feitos diretamente na conta do lojista, sem que o mesmo precise ter uma conta Pagar.me. Cada lojista será um recebedor distinto na sua conta, e receberá os pagamentos por este recebedor específico. PagSegurohttps://www.pagseguro.com.br O Split de pagamento está condicionado ao modelo de aplicações, ou seja, é necessário primeiro que seja criado uma aplicação na conta PagSeguro do primário, e que o seller autorize esta aplicação, todo o processo é detalhado na documentação do modelo de aplicações, a mesma pode ser acessada no link https://dev.pagseguro.uol.com.br/docs/modelo-de-aplicacoes. O split de pagamento também é condicionado a API de checkout transparente. PayPal https://www.paypal.com.br Para integrar o Marketplace com o PayPal é necessário utilizar duas APIs em sua integração: a API de Pagamento Direto (Direct Payment) e a API de Pagamento em Massa (Mass Payment). A primeira parte da integração é a API de pagamento direto, que é a forma padrão utilizada em sites que vendem pelo PayPal, que é o que faz com que o seu cliente selecione o PayPal como forma de pagamento e seja direcionado à nossa página de Ckeckout para finalizar o pedido. Para este tipo de integração é necessário utilizar o Express Checkout seguindo o guia através do link abaixo:https://www.paypal-brasil.com.br/desenvolvedores/tutorial/guia-de-integracao-rapida-usando-express-checko…

O post O que é e como funciona um sistema de split de pagamentos ? apareceu primeiro em Rotamáxima - Especialistas em resultados.

Top 5 razões para usar o framework LARAVEL PHP

Wed, 08 Apr 2020 18:19:07 +0000

A estrutura LARAVEL PHP vem ganhando muita popularidade entre os desenvolvedores, sendo destaque por diversas razões, aqui neste artigo vamos indicar top 5 razões para utilizar esse Framework. 1. Cuidado com o desenvolvedor Criadores do Laravel possuem uma filosofia muito forte na intenção de agradar e ajudar os desenvolvedores, tendo como premissa “Desenvolvedores Felizes fazem o melhor código”. A estrutura foi criada com a intenção de ser acessível e de fácil aprendizagem, mantendo-se flexível e capaz de executar as funções necessárias. 2. Segurança Entre os principais frameworks php o Laravel tem uma forte reputação de segurança. A estrutura já vem com muitas soluções de autenticação pré-configuradas com várias opções de configuração. As solicitações são protegidas por Tokens fáceis de implementar. 3. Motor de Template Blade Template é uma das partes mais apreciadas da estrutura Laravel. O motor leve permite que projetos e temas baseados em HTML sejam criados de forma eficiente e renderizados muito rápido. Ele comprime em código PHP simples que é armazenado em cache. Isso significa que ele basicamente não adiciona nenhuma sobrecarga ao sistema. 4. Popularidade Desde o lançamento Laravel vem crescendo em popularidade, sendo no repositório do Github o primeiro colocado, estando mais que o dobro de estrelas que o segundo colocado Symfony, no segmento de PHP. O alto nível de popularidade é um forte indício de qualidade da estrutura, mas também significa que há uma enorme quantidade de recursos de treinamento e apoio à comunidade. 5. Agilidade Poupar tempo e esforço é sempre uma proposta atraente aos desenvolvedores. A estrutura Laravel simplifica muitas tarefas comuns de projetos web, incluindo cache, roteamento, sessões e autenticação. A economia de tempo feita pode permitir que os desenvolvedores se concentrem nas partes mais intrigantes de um projeto e ajudem a alcançar o objetivo de tornar o processo de desenvolvimento mais eficiente.

O post Top 5 razões para usar o framework LARAVEL PHP apareceu primeiro em Rotamáxima - Especialistas em resultados.

Estrutura de controle no PHP: IF, Else, While, For, Foreach, Break, Continue, Switch, Require…

Wed, 08 Apr 2020 16:12:25 +0000

A linguagem PHP permite a implementação de diversas formas de controle de execução. É possível utilizar condicionais simples, como por exemplo. Se o valor de uma variavel for igual a verde, então execute um determinado bloco de código. <?php if ($cor == ‘verde’){ // execute parte do código; } ?> Veja abaixo as principais formas de controle do PHP. IF O que é: É um construtor responsável pela execução condicional de partes do código. Apenas se (if em inglês), determinada condição “for verdadeira” dentro de um contexto, o código será executado. exemplo: <?php // atribuindo o valor verde à variável cor$cor = ‘verde’; if ($cor == ‘verde’){echo ‘Condição verdadeira. A cor é verde’;}?> Else O que é: Utilizado em conjunto com o IF, indica a condição oposta da instrução. exemplo: <?php// atribuindo o valor verde à variável cor$cor = ‘verde‘; if ($cor == ‘verde‘){echo ‘Condição verdadeira. A cor é verde‘;}else{echo ‘Condição oposta ao if. A cor não é verde‘;}?> While O que é: Executa uma determinadas instruções “faz um laço”, enquanto a expressão for verdadeira. exemplo: <?php// atribuindo o valor à variável$i = 1; // enquanto a variável $i for menor do que 10, continue executando a instrução dentro do “laço”.while ($i < 10) { echo $i; // mostre o valor de $i; } O exemplo acima provavelmente travaria a aplicação, você sabe o motivo ? Observe que o laço é executando enquanto a variável $i for menor do que 10. Nesse exemplo, o laço sempre seria menor do que 10. Para resolver isso é necessário incrementar o valor de $i a cada vez que o código passa pelo laço. // enquanto a variável $i for menor do que 10, continue executando a instrução dentro do “laço”.while ($i < 10) { echo $i; // mostre o valor de $i; $i++; // ++ adiciona +1 ao valor da variável, dessa forma a cada passagem pelo laço o valor será incrementado.} ?> For O que é: São laços que utilizam 3 expressões, for (expr1; expr2; expr3). A primeira expressão é executada uma vez no início do laço. A expressão, de forma semelhando ao while, continua executando o bloco enquanto a condição for verdadeira. A expressão 3 é executada com parte final do laço, em geral representa um incremento. <?phpfor ($i = 1; $i <= 10; $i++) { echo $i;} ?> Foreach O que é: Funciona apenas para arrays e objetos. Exemplo: <?php foreach (array_expression as $value) statement foreach (array_expression as $key => $value) statement ?> Break O que é: Encerra a execução dos códigos for, foreach, while, do-while ou switch. Exemplo: <?phpfor ($i = 1; $i <= 10; $i++) { echo $i; if ($i == 2){ break; /// Neste exemplo o código será interrompido quando a valor de $i for igual a 2. }} ?> Continue O que é: Pula o restante da iteração atual a partir da linha em que estiver inserido, retorna ao inicio do laço. exemplo: <?phpfor ($i = 0; $i < 5; ++$i) { if ($i == 2) continue print “$i\n”;}?> Resultado experado: 0134 Switch O que é: Executa apenas o bloco que contiver equivalência à variável informada na condição. exemplo: <?php $i = 1 // Atribui o valor 1 à variável $i switch ($i) { case 0: echo “i é igual 0”; break; case 1: // executa esse trecho de código. echo “i é igual a 1”; break; case 2: echo “i é igual a 2”; break;} ?> Require O que é: Permite a inclusão de um bloco de código presente em outro arquivo. Funciona de forma semelhante ao Include, porém, exibe um erro fatal em tempo de execução. exemplo:<?phprequire(‘arquivoexterno.php’); ?>

O post Estrutura de controle no PHP: IF, Else, While, For, Foreach, Break, Continue, Switch, Require… apareceu primeiro em Rotamáxima - Especialistas em resultados.

Como criar sua conta na Play Store para publicar seu aplicativo

Tue, 07 Apr 2020 16:18:23 +0000

Agora você já tem um aplicativo e quer colocá-lo no ar? Bom, primeiro passo para publicar seu aplicativo na Google Play store é realizar um cadastro no Google Play Console, essa é a plataforma onde serão publicados seus aplicativos para a Play store. O cadastro da empresa pode ser realizado pelo desenvolvedor do aplicativo ou pelo responsável da empresa. Criar uma conta no Google Play Console. Para criar a conta no google play console você vai entrar em Google Play Console e realizar o login com a conta google | gmail que estará atrelada a essa conta do console. Ao confirmar o login da sua conta Google será necessário ler os termos e aceitar o contrato do desenvolvedor e realizar o cadastro do cartão de crédito, esse pagamento será atrelado a essa conta do Google Play Console (como indicada na imagem acima). Serão cobrados $25 Dólares para a realização do cadastro da conta. Essa valor é cobrado apenas uma vez na criação da conta, assim não haverá nova cobrança por cada publicação realizada por essa conta. Após o pagamento será necessário preencher as informações como e-mail do desenvolvedor, nome da conta do desenvolvedor e telefone para contato. E assim como um passe de mágica a sua conta no Google Play Console foi criada, parabéns ! Agora é só publicar o seu aplicativo. ;D

O post Como criar sua conta na Play Store para publicar seu aplicativo apareceu primeiro em Rotamáxima - Especialistas em resultados.

Como criar minha conta empresarial na Apple e publicar meu aplicativo ?

Tue, 07 Apr 2020 15:44:41 +0000

Passo a passo. Passo 1 – Obtenha o Data Universal Numbering System. Trata-se do número universal comumente utilizado no comércio internacional. É composto por código de nove dígitos. Em analogia funciona como uma espécie de CNPJ internacional. Para obter no DUNS number é necessário realizar a contratação no site: https://www.cialdnb.com/pt-br/. A D&B irá validar os dados cadastrais e o tempo médio para concluir o processo é de 30 dias. Passo 2 – Crie seu Apple ID Um único ID Apple e senha permitem que você acesse todos os serviços da Apple. https://appleid.apple.com/account#!&page=create Passo 3 – Cadastre-se como desenvolvedor. Acesse o link https://developer.apple.com/programs/ e no menu superior, canto direito, clique em account. Informe seu login e senha, criados no passo anterior (2). A – Selecione a opção “I develop app as: Company/Organization“. B – Preencha os dados de sua empresa, incluindo os dados DUNS, criados previamente. C – Informe os dados de faturamento. O valor anual do Apple Developer Program é de US$ 99, e o valor anual do Apple Developer Enterprise Program é de US$ 299, em moeda local, onde disponível. Os preços variam de acordo com a região e são indicados em moeda local durante o processo de inscrição. Valores atualizados em:https://developer.apple.com/pt/support/purchase-activation/

O post Como criar minha conta empresarial na Apple e publicar meu aplicativo ? apareceu primeiro em Rotamáxima - Especialistas em resultados.

LeadLovers ou E-goi, qual a melhor ferramenta de automação ?

Tue, 07 Jan 2020 13:47:42 +0000

O marketing digital é essencial em muitas empresas e consiste em uma série de atividades, que pode demandar bastante tempo e uma equipe especializada, o que também exige investimento financeiro. Por isso, as ferramentas de automação fazem tanto sucesso. Com elas, é possível automatizar os processos, de forma que sejam realizados com mais praticidade e rapidez. Essa eficiência reduz custos e contribui com o sucesso das campanhas de marketing do seu negócio. Entre suas funções mais utilizadas, está o envio de e-mail marketing, que é uma das atividades mais desgastantes se realizada manualmente. Além disso, o envio de e-mail marketing deve ser realizado através de uma plataforma específica. Caso contrário, são grandes as chances de os e-mails enviados não promoverem a sua empresa como esperado. Atualmente, são várias as opções de softwares que realizam essa atividade. Mas, qual escolher? Existem duas que se destacam e, para você saber em qual apostar, continue lendo este artigo. Aqui, você encontra a resposta para a pergunta: LeadLovers ou E-goi, qual a melhor ferramenta de automação? Como funciona a Leadlovers Como funciona a E-goi Qual a melhor ferramenta de automação? Como funciona a Leadlovers A Leadlovers é bastante conhecida, sendo considerada uma solução completa para empresas que desejam investir no marketing digital, inclusive, no envio de e-mails. Veja algumas funcionalidades que se destacam: Disparo de e-mail O envio de e-mail é muito fácil de usar, não sendo preciso ter nenhum conhecimento de programação. A plataforma conta até mesmo com modelos predefinidos de templates, que combinam design e conteúdo. Além disso, é possível fazer disparos ilimitados, programar sequências e funis de e-mail, sempre com a possibilidade de fazer pelo menos cinco testes de entregabilidade. Dessa forma, o risco das suas mensagens caírem na caixa de spam é reduzido. Criação de landing pages Outra funcionalidade é a criação de landing pages, sendo que, em geral, são para elas que o público alvo é direcionado quando recebe um e-mail marketing e clica no mesmo. O recurso que permite a sua criação é intuitivo e simples de usar. Gatilho de Escassez O gatilho de escassez é mais uma vantagem dessa ferramenta de automação. Para tanto, é disponibilizado um plugin de contagem regressiva, para ser enviado nos e-mails, informando sobre alguma promoção ou lançamento. Assim, os seus leads podem se preparar. Gestão de leads Com a gestão de leads, é possível levar ao público a mensagem correta no tempo certo. Então, há funcionalidades que ajudam a identificar em que estágio do funil está o lead, como o gatilho condicional, realizada por meio de uma comunicação profissional. Isso diminui o risco de o e-mail ser rejeitado pelo público. As tags e o lead scoring (pontuação de leads) são outras funções e trabalham em conjunto para identificar o nível de engajamentos destinatários. Como funciona a E-goi Entre as melhores ferramentas de automação, está a E-goi, que vem se destacado por uma série de razões. Confira as suas principais características a seguir: Tipos de envios, versatilidade e acessibilidade Por ser uma plataforma multicanal, permite ainda o envio de SMS e mensagens de voz, para campanhas de marketing. E para garantir o sucesso das mesmas, os e-mails enviados pela E-goi são responsivos, podendo ser visualizados da maneira certa em telas de qualquer tamanho. Outro diferencial é que o seu suporte é todo em português. Muitos softwares disponibilizam ajuda apenas em inglês, mas com essa plataforma é possível tirar dúvidas sempre que necessário. Ela possui ainda tutoriais que ensinam a usar todas as suas funcionalidades. Envio de e-mail eficiente Outra funcionalidade para envio de e-mails mais eficientes é a criação de funis de e-mails avançados, com um sistema drag-and-drop. Há também a segmentação avançada e a emissão de relatórios sobre os envios. Com isso, consegue-se analisar a taxa de entrega na caixa de entrada dos destinatários. Outra vantagem é o Teste A/B, em que se pode prever qual, entre mais de um e-mail ou mensagem é a melhor a fim de obter os melhores resultados junto a seu público. Envio RSS A E-goi implementou recentemente (2019) um recurso que lê urls com conteúdo RSS e pode preparar e enviar dinamicamente campanhas com base nas atualizações do feed. Esse recurso poupa bastante tempo na gestão das listas e composição visual dos e-mails. Qual a melhor ferramenta de automação? Agora, você pode estar se perguntando, afinal, entre as duas opções apresentadas, qual a melhor ferramenta de automação? Embora tenham características semelhantes, algumas se destacam ou são exclusivas. No caso da E-goi, é uma plataforma multicanal que conta com plano sem contrato de fidelidade (você pode pagar pelo número de leads ou pelo volume de envio), diferente da Leadlovers. Também possui uma ampla variedade de pagamentos, como cartão, depósito, boleto, Pagseguro e Paypal, com valor bem competitivo. Outra diferença é que possui a funcionalidade Web Push, que permite enviar mensagens para o público, diretamente no seu navegador. Além disso, a função autoresponder do E-goi é muito eficiente, uma vez que é realizada por autobots. O Leadlovers também oferece a mesma função, mas que é de responsabilidade das máquinas de automação. Por conta disso, o autoresponder do E-goi consegue obter mais sucesso na tarefa de enviar respostas automáticas para o seu público. E mais, o E-goi conta com tutoriais e hangouts, o que não é oferecido pelo Leadlovers. Lembrando que é um importante diferencial para usar todas as possibilidades que a ferramenta oferece. Por isso, para microempresas, negócios de pequeno porte e profissionais autônomos, a melhor ferramenta de automação é a E-goi. Para conhecer mais sobre a ferramenta, clique aqui.

O post LeadLovers ou E-goi, qual a melhor ferramenta de automação ? apareceu primeiro em Rotamáxima - Especialistas em resultados.