✅ Como Criar um Catálogo de Produtos Digital e Interativo | Grátis e pelo Canva!
185.4k views4470 WordsCopy TextShare
Darlan Evandro
Aprenda a criar um Catálogo de Produtos Digital e Interativo para divulgar seus produtos e serviços ...
Video Transcript:
é a forma como você apresenta o seu produto para o seu cliente pode fazer Total diferença nos seus resultados se você manda uma foto lá do seu produto pelo WhatsApp sem nenhuma informação detalhada sem produzir um material bacana para apresentar seu produto isso pode não ser muito legal e pode estar prejudicando as suas vendas agora se você apresenta seu produto de uma forma bonita mais interativa você pode além de encantar o seu cliente conseguir vender mais nesse vídeo vou mostrar como você pode criar um catálogo digital de produtos e o melhor de tudo sem por cento online gratuito e você não precisa ser nenhum ninja de informática o designer para criar esse material interativo que aprender como fazer vem comigo nesse vídeo Fala galera beleza eu sou o Darlan Evandro seja muito bem-vindo para mais um vídeo se você gostar nesse vídeo eu peço que você se inscreva no canal aqui tem muito conteúdo em marketing digital e redes sociais muito conteúdo para te ajudar a vender mais beleza então vamos logo para o que interessa Vamos criar o nosso catálogo de produtos digital Então vamos lá pessoal um catálogo interativo pode trazer diversas vantagens para sua empresa por exemplo primeira delas agilidade você pega o link envia para o seu cliente e ele já está ali olhando os seus produtos navegando de uma forma muito rápida muito prática segunda coisa confiança quando você apresenta o seu produto de uma forma mais bonita mais interativa isso passa confiança para ele ele se sente um pouco mais seguro falou opa eu tô lidando com um profissional mesmo só tenho apresentação bacana né então é muito importante que você cria um catálogo e produtos para sua empresa o catálogo digital também é muito mais barato você não precisa imprimir gastar com impressão essas coisas claro que é muito imponente um catálogo impresso Mas você também tem essa opção de criar o catálogo digital esse que tá aparecendo e ela é um modelo de catálogo que eu vou te mostrar como você vai criar aqui nesse vídeo tá então temos aqui uma capa por exemplo aí temos um botão aqui O Clique para abrir clicou aqui em Abrir nós temos os produtos né as categorias que produtos eu exemplifiquei aqui com canecas camisetas mochilas então a pessoa pode escolher qual ela deseja visualizar ou clicar aqui em camisetas por exemplo e daí já vai ser redirecionado aqui para página de camisetas que poderia ser qualquer outra categoria que você criar as Dá para colocar aqui a imagem do produto código informações detalhadas até mesmo um botão de orçamento para cada elemento aqui que você insira né também tem um botão aqui a voltar para o início eu quero voltar para categoria clicou aqui ele volta na página Vamos ver as mochilas agora que tem mochilas vai para a página de mochila luz da legal gostei tem o botão solicitar orçamento que a pessoa pode explicar em ser redirecionado para o seu número de WhatsApp para o seu website as possibilidades são muitas por meio desse material aqui esse catálogo aqui foi criado por meio da ferramenta cama dá uma ferramenta de design online gratuita para você se cadastrar na casamento e criar sua conta gratuitamente é só clicar no primeiro link da descrição você vai ser redirecionado para essa tela Você vai descer um pouquinho aqui vai ver na opção grátis para sempre você vai clicar nesse botão vai abrir uma telinha onde você vai se registrar gratuitamente seja usando sua conta do Google sua conta do Facebook ou seu e-mail pessoal é só vir aqui preencher suas informações você vai querer a rapidamente a sua conta gratuita no campo Lembrando que você não precisa ser nenhum especialista em informática em design para conseguir Criar o seu Catálogo está inclusive esse catálogo eu vou disponibilizar esse modelo para que você consiga editar totalmente aqui no final do vídeo eu vou disponibilizar esse modelo para você mas é importante que você Assista o vídeo para aprender como você vai editar e você vai utilizar os recursos da ferramenta para deixar o Seu catálogo mais bonito mais interativo e conseguir mais resultados consequentemente Tá bom então beleza essa aqui a tela inicial da ferramenta canva aqui a gente pode criar diversas coisas não somente catálogo interativo a gente pode criar publicações para as redes sociais logo documento A4 apresentações enfim tem uma série de coisas que a gente pode criar aqui para criar o catálogo a gente precisa pensar no formato dele né o catálogo catálogo tradicional normalmente ele tem o formato ali de revista ou então a revista no formato horizontal né que a pessoa fica folheando o catálogo Então você precisa dar uma pensada no formato que você deseja criar esse catálogo que eu criei eu fiz mais ou menos ali no formato mais tradicional que aquele catálogo na horizontal como se fosse uma catálogo de produtos mesmo né eu trabalhei bastante tempo no setor moveleiro e a gente quê os jogos no formato horizontal que a gente folheava assim material bem bacana mas você pode escolher o formato que você desejar tá para criar um arquivo do zero aqui no formato que você queira é só vir aqui no menu criar um design e daí você pode clicar aqui na opção tamanho personalizado que você pode colocar aqui a largura e altura esse catálogo que eu criei eu criei no formato 1920 de largura por 1080 de altura como se fosse o formato widescreen para ele ficar bem apresentável na tela do computador por exemplo e também no celular caso a pessoa óleo na horizontal porque na horizontal As fotos ficam mais bacanas assim normalmente Tá mas tudo vai depender do formato que você queira criar como é um catálogo digital eu mantive a opção pixels tá se fosse impresso aí eu colocaria o centímetros Eu precisaria mudar as dimensões também mas como é o material online 1920x 1080 pixels e aqui em Criar novo design a ferramenta vai criar uma nova tela em branco onde a gente vai começar inserir nossas informações do nosso catálogo e uma forma bem rápida tá aqui nós temos a área de trabalho em branco onde nós vamos colocar os elementos e do lado esquerdo nós temos os menos que a gente vai colocar os conteúdos aqui do campo para dentro aqui da nossa do nosso catálogo Então temos alguns template que você pode ir Navegar aqui para escolher um template que você goste se você quiser que eles ao tem leite do Campo Grande Lembrando que no final do vídeo eu vou disponibilizar o template deste catálogo para você baixar e editar da forma que você quiser temos aqui o menu elemento que você vai poder inserir linhas formas fotos vídeos vídeos Dá para colocar também né porque é um catálogo digital mas é legal que você coloque seus próprios vídeos que daí você vai utilizar o menor uploads caso você tem algum vídeo aí é só vir aqui em fazer o pela oito você vai enviar o seu vídeo para ferramenta e colocar aqui no Seu catálogo em nós temos o menos fotos que você pode também utilizar as fotos aqui para ilustrar o Seu catálogo né se você quiser enviar suas próprias fotos você também vai utilizar o menu uploads fazer o upload você vai buscar dentro do seu computador temos o menu texto que você consegue vários textos pré diagramadas É só você clicar ele vai ser redirecionado aqui para área de trabalho deve você vai trabalhando deu dois cliques você vai editar seu texto de uma forma bem tranquila temos ou menos a áudio também várias coisas interessantes aqui mas eu vou focar só no principal para que você consiga Criar e editar o catálogo primeira coisa antes de começar a criar Seu catálogo você precisa pensar numa estrutura do Seu catálogo essa estrutura é eu fiz esse catálogo de exemplo seguindo a seguinte estrutura primeira coisa Macapá precisa ter uma capa bonita uma capa Atrativa é para o seu catálogo isso é muito importante né segunda coisa o índice você precisa ter um índice e daí esse índice vai ser começou-se a categoria de produtos é a pessoa quer Caneca escola vai clicar aqui na canecas para ser direcionada para todas as canecas vai querer a camiseta vai clicar camiseta tá muito importante que você tem o índice depois disso a categoria de produto que daí você pode ter uma página e reunir todas as suas canecas uma página para reunir todas as suas camisas enfim você pode também ter a detalhe de produto a pessoa ela não quer ver todas as canecas ela quer ver uma específico então você pode ter a página de detalhe de produtos da caneca x dourada com a borda cromada enfim você pode ter essa página com mais detalhes de um produto a questão de ter ou não uma página de detalhe você vai escolher se você achar necessário você vai acrescentar essa página de detalhe é legal que você também tem uma página de contato e uma página de orçamento a página de contato você vai colocar todas as suas informações links interativos para pessoas acessar seu site é que enviar uma o WhatsApp vim aqui a página de orçamento a mesma coisa você vai colocar um link para o seu WhatsApp até mesmo link de pagamento você pode colocar caso seja necessário o link para o seu e-mail enfim informações para pessoa realizar o orçamento com você com essa estrutura em mente aí você vai começar a criar o Seu catálogo aqui dentro da cá menta né É aqui na parte inferior nós temos o adicionar página que você vai criando aqui as páginas várias páginas você pode criar Quantas você quiser na verdade e daí você vai utilizar os elementos da ferramenta para começar a ilustrar o seu cavalo na minha capa por exemplo eu coloquei uma foto do lado direito e um texto do lado esquerdo né EA cor de fundo colocar uma cor de fundo aqui só para exemplificar Vamos colocar esse laranja aqui bem chamativo agora vou colocar uma foto do lado direito para você inserir uma foto é só vir aqui em elementos você vai procurar aqui é grades né vai vir aqui em grátis e vai selecionar pode crescer o quadrado aqui mesmo porque daí a gente vai editar vai colocar aqui no canto Vamos colocar mais ou menos aqui e daí você pode colocar sua imagem dentro desse quadro desse frame eu vou vir aqui o piloto diz se eu tivesse uma foto no meu computador eu viria aqui em fazer o download não é só procurar essa imagem dentro do computador como eu já tem algumas fotos aqui eu vou clicar e vou arrastar aqui ó por exemplo arrastei essa imagem então eu já tenho aqui a minha imagem segurando o produto né claro que você vai escolher uma imagem mais trabalhada né uma imagem mais caprichado isso aqui é só um exemplo tá bom daí você pode vir aqui no menu texto inserir os textos aqui para colocar o título a chamada principal do Seu catálogo pode vir aqui em inserir um título que ele vai transferir aqui esse texto para área de trabalho que daí você vai editar como se fosse a ferramenta do Word tá é só digitar aqui e você também pode utilizar aqui os textos prontos tem uma série de conteúdos prontos aqui relacionado ali a é de texto que você poderia estar utilizando esse aqui por exemplo é bem bacana você pode dar dois cliques e personalizado da forma que você quiser caso você queira modificar alguma coisa no texto é só clicar aqui em cima do texto e já vai aparecer essa barra de propriedades onde você pode editar o tamanho do texto e editar as cores do texto Itálico alinhamento desse texto Então é uma barra de propriedades para você digitar várias coisas aqui no conteúdo textual como eu vou disponibilizar para você e esse catálogo aqui eu vou te mostrar como você pode editar esse catálogo tá bom Aqui eu coloquei uma um detalhezinho né coloquei esse quadrado aqui ó catálogo de produtos do Darlan você pode dar dois cliques editar da forma que você quiser se você quiser modificar a cor do fundo é só clicar na cor de fundo você vai escolher a cor que você deseja é bem facinho de mexer a cor aqui desse quadrado também você pode modificar da forma que E olha que interessante né Você pode modificar totalmente esse catálogo já já vou te mostrar como você vai baixar grato e também que esse modelo aqui aguenta aí tá bom para inserir a imagem aqui mesma coisa só que eu tenho a imagem separada né da caneca e esse Splash aqui de café Então foi uma montagem simples que eu fiz aqui mas se você tivesse uma outra imagem era só arrastar aqui para cima assim como eu fiz no exemplo anterior para colocar o botão botar um pouquinho mais complexo mas é bem fácil também tá você vai montar o seu botão normalmente esse aqui por exemplo eu fiz a seguinte forma em elementos linhas e formas eu vou vir aqui em ver tudo e eu utilizei aqui um retângulo com bordas arredondadas enquadrado com bordas arredondadas então clique ele é transferido aqui para área de trabalho eu vou redimensionar utilizando as alças laterais aqui então basicamente é isso daqui a forma principal do botão vou ter aqui a cor para branco ou um acordo ouvir número texto e vou inserir aqui um título né só para sempre ficar tão ele tá aqui ó clique para abrir selecionei todo o texto aqui e vou colocar na cor branca utilizando aqui a cor do texto beleza cor branca cor azul na verdade que o botão é branco né ou selecionar novamente ouvir aqui cor azul E aí vou arrastar para cima do botão vou diminuir um pouquinho uma aproximar aqui mais no teclado se você pressionar o control mais eu conto ou menos ele é pro cima ou retrai os um né então vamos posicionar aqui você pode usar essas linhas guias para conseguir posicionar de uma forma bem alinhada no seu material um clique para abrir e daí o botão tá pronto para que a mente essa mãozinha eu encontrei por meio que de elementos eu digitei se eu não me engano Mouse e vamos ver aqui ó Mouse e daí eu tenho a mãozinha que elemento gratuito tá bom Lembrando que aqui dentro do campo a existem elementos gratuitos como essa mãozinha e também alguns elementos problema dos profissionais que ele vai ter essa coroazinha se você estiver utilizando a versão grátis do campo você precisa utilizar somente os elementos gratuitos aí você vai conseguir baixar vai conseguir fazer o que você quiser se você tiver na versão grátis e os alimentos pro quando você for baixar ele vai pedir para você pagar aqueles elementos Então você até Isso é se você quiser pagar por aquele alimento pode pagar se você não quiser colocou por engano você vai lá encontra o elemento e substitui ele é só você clicar deletar no teclado né ou então tem a opção Zinho aqui da lixeirinha que não canto superior direito excluir o elemento tá bom achei aqui o elemento gratuito vou clicar e depois transferido aqui para área de trabalho é só rotacionar um pouquinho daí eu já tenho aqui o botão tá bom só que tem um detalhe muito importante que você precisa ficar antenado própria que o botão funcione para que você consiga inserir um link no seu botão você precisa transformá-lo em um botão agrupá-lo esse esse botão né você vai selecionar aqui o fundo né a parte do fundo do botão vai pressionar o shift no teclado e vai selecionar o texto ou seja nós temos os dois elementos selecionados de uma única vez tá bom feito isso você vai vir aqui em agrupar você vai transformar esses dois elementos em um só clique em agrupar perfeito agora você consegue inserir o link só clicar no botão vai vir aqui nesses. . .
Aqui no mais e temos opção adicionar link clique em adicionar link você pode inserir uma url no endereço externo por exemplo o seu é né Darlei vandeir. com. br Você poderia colocar um site externo ou então você pode colocar um link interno dentro do próprio Campo como é um botão clique para abrir eu poderia direcionar por uma outra página que no caso é a página de início né ou então a é a página de produtos Então você vai vir aqui vai lá em canecas camisetas contato Conforme você tiver as páginas criadas você vai colocar o link do botão por uma determinada página beleza bem tranquilo que fazer né eu vou deixar esse botão vou apagar esse daqui e daí nós temos as outras páginas conheça nosso produtos um texto simples aí Aqui também são elementos de texto simples para fazer esse efeito aqui da imagem dentro de uma de uma borda por exemplo é aqui em elementos né sempre aqui em elementos você vai ver aqui em quadros sem nós temos esse círculo clicou aqui no círculo você vai posicionar Onde você deseja e daí a Olá seja foto que você enviou do próprio banco de imagens Você vai clicar e vai arrastar para cima desse círculo Olha lá deu dois cliques você consegue editar essa foto aumentar reposicionar né fica aqui em pronto ali confirma a notificação e daí tá pronto aqui a sua imagem você também pode utilizar que o formato de com essas borguinhas diferenciadas são quadrado com borda arredondada tem vários formatos de quadros que você poderia colocar a sua imagem dentro dele o link vai funcionar da mesma forma tá você vai selecionado aí no caso a sua imagem aqui ele já está ali em casa tá que adicionar link e está direcionando para página de canecas que a página dos produtos canecas lá então perfeito o link tá certinho camisetas mesma coisa o link lá para camisetas link para mochilas Então vai funcionar eu forma bem bacana aqui na página de canecas específicas da categoria de produtos eu coloquei aqui um título e para voltar para o início para ir direto lá para o solicitar orçamento coloquei as imagens tá as imagens é só imagens fictícias que eu utilizei do próprio banco de fotos aqui do Campo né Tem várias imagens aqui mas você pode usar suas próprias imagens para fazer isso é só vir aqui no piloto desfazer o piloto e enviar imagem no seu computador é importante que você utilize as imagens autorais nas imagens do produto que a pessoa vai comprar de fato tá e um recurso muito interessante aqui dentro da ferramenta canva só está disponível na versão Pro mas é algo que facilita muito a vida é um recurso de recorte de imagem vamos imaginar que eu queira fazer um recorte de uma caneca um produto que eu tenho enviado aqui eu não vou ter uma imagem mais específica aqui para enviar aí por exemplo a essa cadeira aqui ó eu clico nessa cadeira e vou inserir aqui na minha apresentação meu catálogo vai ficar feio esse Fun e não fica legal né que que eu faço eu tenho a opção editar imagem removedor de fundo cliquei aqui em removedor de fundo você não vai precisar fazer nada porque a ferramenta vai utilizar entender a inteligência artificial da ferramenta para fazer o recorte ele vai tirar esse fundo branco olha só que interessante tá aqui a imagem recortada só clicar aqui aplicar Pronto já dá para gente exemplificada nosso catálogo de uma forma muito mais bonita né recurso bem interessante infelizmente só está disponível na versão Pro mais vale muito a pena Tá bom se você quiser se colocar aqui um botão e orçamento por WhatsApp por exemplo que você poderia fazer você vai criar um botão normal vou copiar esse aqui para ficar mais rápido tá copiar esse botão vou colar aqui vamos imaginar que isso aqui seria fosse o solicitar orçamento via WhatsApp eu vou digitar aqui ó orçamento o WP que WhatsApp né Vamos imaginar para que seria o link direto para o seu WhatsApp aqui você vai clicar no botão vai vir aqui na opção de o link e daí você vai apagar esse link né no caso aqui ele estava o link da página dois que eu copiei o botão para criar o link via WhatsApp você vai acessar a ferramenta que tá aqui na descrição do vídeo que é se gerador de link do WhatsApp que você precisa só fazer o que vem aqui no número do celular você vai colocar um número né o número de quem vai receber o orçamento Então vou colocar um número fictício nem sei se existe esse número aqui tá de você vai escrever um texto pré-determinado Olá gostaria de receber o orçamento vai pegar aqui em gerar link e daí é esse link que você vai colocar naquele botão é só clicar aqui em Copiar link você volta lá no Seu catálogo que vai colar esse link no seu botão e tá pronto Beleza se a pessoa clicar nesse link que vai acontecer ela vai abrir uma janelinha como se fosse a tela que vem no celular vai abrir diretamente o WhatsApp com essa mensagem pré-determinada converse com Fulano no WhatsApp olá gostaria de receber orçamento do produto x um recurso muito bacana muito útil para facilitar e a conversa com seu cliente você também poderia colocar aqui um link para sua página do site enfim aí você vai personalizando da forma que você quiser tá bom mostrei que rapidamente como você vai fazer as edições alterar Seu catálogo Tá mas o mais importante é como você vai salvar como você vai enviar isso aqui para o seu cliente Nós temos duas formas de fazer isso a primeira em formato PDF para você enviar uma apresentação PDF um catálogo em PDF É segunda opção a em formato online Primeira opção PDF só ia vir aqui em baixar vai escolher o formato de arquivo aqui está em imagens se você só vai imagem os links não vão funcionar você vai colocar a opção PDF padrão vai clicar aqui em baixar e a ferramenta vai exportar esse arquivo em PDF vai e faça download do seu computador já baixou vou abrir aqui o catálogo para você ver como ficou tá aqui o catálogo tá a Darlan mais os links vão funcionar esses links que você colocou aí no pdf vai funcionar sim os links vão funcionar quer ver só temos aqui O Clique para abrir clicou aqui ele já vai para a página de produtos eu clico aqui em canecas vai para a página de canecas eu clico voltar para o início vai voltar ou vai funcionar os links em PDF bem bonitinho tá bom segunda opção de salvamento formato online para você enviar só um link para o seu cliente para fazer isso você vai vir aqui ao invés de baixar nos.
. . Vai vir na opção Website se não estiver aparecendo por aqui você vem aqui em ver tudo e procura aqui Website Tá bom ficou em web site você vai selecionar a opção apresentação existem outros formatos que rolar em navegação clássica padrão você pode testar lá também para ver qual você acha mais bacana o apresentação Que legal fico aqui em Abrir site o campo a automaticamente vai gerar um link para você desse catálogo e esse é o link que você vai enviar para o seu cliente tá botões vão estar funcionando como você pode ver fiquei aqui em mochilas vai lá para as mochilas ou clicar aqui voltar para o início vai voltar então é bem bacana esse formato bem interessante Tá bom você também poderia estar salvando aqui no formato de protótipo é uma nova funcionalidade do campo ficou aqui em protótipo e vou selecionar a opção Abrir protótipo ele funciona aqui para uma apresentação interativa é bem legal também tá é clicou aqui ó clique para abrir vai ir para página abrir normalmente temos um mochilas é voltar pro início vai funcionar também então você pode salvar o protótipo o Website Lembrando que sempre que você editar o Seu catálogo colocou aqui alguma informação nova no Seu catálogo alterou o preço alterou o código você vem as pontinhas e gera novamente o formato que vocês portou-se foram Website clica Website Abrir site o link vai continuar o mesmo o link não vai mudar só que quando você faz essa opção Abrir site ele vai exportar essas novas alterações para esse para esse mesmo link tá então sempre que você fizer uma alteração vem aqui nos.