[{"data":1,"prerenderedAt":267},["ShallowReactive",2],{"footer-guides.pt-br":3,"posts.pt-br.fontes-personalizadas-ativos-e-varias-imagens-em-templates":13,"posts.pt-br.fontes-personalizadas-ativos-e-varias-imagens-em-templates.related":248,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002Fhero-904b9222-1400.webp":255,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108863-asset-button-placement.webp":258,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108918-my-assets.webp":260,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108962-christmas-assets.webp":261,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109031-composite-dress.webp":262,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670168970-green-tshirt-template.webp":264,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109190-default-fonts.webp":265,"image-size:\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109218-custom-fonts.webp":266},[4,7,10],{"title":5,"path":6},"Anúncios de catálogo da Meta: guia prático para lojas virtuais","\u002Fpt-br\u002Fblog\u002Fanuncios-de-catalogo-da-meta-guia-pratico",{"title":8,"path":9},"O que é um feed de produtos?","\u002Fpt-br\u002Fblog\u002Fo-que-e-um-feed-de-produtos",{"title":11,"path":12},"Como otimizar os títulos dos seus produtos no Google Shopping","\u002Fpt-br\u002Fblog\u002Fcomo-otimizar-titulos-de-produtos-google-shopping",{"id":14,"title":15,"author":16,"body":17,"date":224,"description":225,"draft":226,"extension":227,"hero":228,"heroAlt":229,"image":230,"intro":231,"meta":232,"navigation":234,"path":235,"related":236,"seo":239,"stem":240,"tags":241,"updated":244,"__hash__":245,"slug":246,"sourcePath":247},"blog_pt_br\u002Fblog\u002Fpt-br\u002F2022-12-03-custom-fonts-reusable-assets-and-multiple-images-in-templates.md","Fontes personalizadas, ativos reutilizáveis e várias imagens nos templates","jacob-moelby",{"type":18,"value":19,"toc":218},"minimark",[20,24,29,39,47,50,57,72,75,81,85,94,101,117,129,139,145,151,154,161,166,170,178,181,184,190,197,203,215],[21,22,23],"p",{},"Nas últimas semanas, fomos adicionando recursos à plataforma aos poucos, e agora é uma boa hora para contar sobre eles. Criamos três recursos importantes, que vou apresentar um por um: os ativos, várias imagens no mesmo template e a possibilidade de enviar e usar as suas próprias fontes personalizadas. Vamos começar pelos ativos.",[25,26,28],"h2",{"id":27},"ativos","Ativos",[21,30,31,32,38],{},"Normalmente você quer reaproveitar certos elementos em vários designs diferentes. Pode ser o logotipo da sua empresa, um gráfico com um dos seus diferenciais ou uma imagem com as suas estrelas do Trustpilot. Enviar esses arquivos de novo toda vez é cansativo, então agora toda imagem que você envia fica salva. Você encontra todos os seus ativos no novo botão ",[33,34,35],"em",{},[36,37,28],"strong",{},", na barra lateral esquerda.",[21,40,41],{},[42,43],"img",{"alt":44,"src":45,"title":46},"Onde ficam os ativos no editor","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108863-asset-button-placement.webp","Novo botão de ativos",[21,48,49],{},"Quisemos levar essa ideia mais longe. Além de imagens simples, você também deveria poder salvar nos seus ativos os componentes de design que usa com frequência. Em outras palavras: você pode salvar um grupo inteiro nos seus ativos e reutilizá-lo depois em outros designs.",[21,51,52],{},[42,53],{"alt":54,"src":55,"title":56},"Meus ativos no editor","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108918-my-assets.webp","Meus ativos",[21,58,59,60,65,66,71],{},"Além dos ativos que você mesmo cria, nós também criamos alguns para você! Na barra lateral da janela, você vê as categorias disponíveis. Decidimos dividi-las em ",[33,61,62],{},[36,63,64],{},"Tipos"," e ",[33,67,68],{},[36,69,70],{},"Casos de Uso",". Os tipos são elementos básicos que você pode usar nos seus templates, de faixas a fundos. E não se preocupe com o fato de todas as ondas, faixas e etiquetas serem pretas: você pode escolher a cor que quiser depois de adicioná-las ao template.",[21,73,74],{},"Os casos de uso são mais específicos. Como o nome indica, eles foram pensados para um uso em particular, como a Black Friday ou o Natal. Em Natal, por exemplo, você encontra enfeites e outros gráficos que combinam com a sua campanha de fim de ano.",[21,76,77],{},[42,78],{"alt":79,"src":80,"title":79},"Ativos de Natal","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670108962-christmas-assets.webp",[25,82,84],{"id":83},"várias-imagens-no-mesmo-template","Várias imagens no mesmo template",[21,86,87,88,93],{},"Os anúncios dinâmicos de produtos, como os ",[89,90,92],"a",{"href":91},"\u002Fchannels\u002Fmeta","anúncios de catálogo da Meta",", existem para apresentar os seus produtos da melhor forma possível. Às vezes, a melhor forma é mostrar fotos diferentes do mesmo produto. Para roupas, podem ser ângulos diferentes ou a peça vestida em um modelo em vez de sozinha. Se você vende móveis, talvez queira mostrar um close do tecido ou dos veios da madeira. Agora tudo isso é possível no editor.",[21,95,96,97,100],{},"Quando você seleciona uma imagem no editor, pode escolher qual imagem do produto vai aparecer nela. Você também vai ver que precisa definir uma ",[33,98,99],{},"Estratégia ausente",". Ela é usada quando você escolhe uma imagem que não existe para o produto exibido, por exemplo se escolher a terceira imagem e o produto tiver só duas. Para esse caso, há duas opções:",[102,103,104,111],"ul",{},[105,106,107,110],"li",{},[36,108,109],{},"Ocultar",": se a imagem escolhida não estiver disponível, ela simplesmente fica oculta. Nada aparece no lugar dela.",[105,112,113,116],{},[36,114,115],{},"Mostrar primeira imagem",": usa a primeira imagem do produto (que sempre existe) no lugar da imagem que está faltando.",[21,118,119,120,124,125,128],{},"Normalmente, um template é aplicado a todas as imagens do produto. Dependendo do canal de vendas, a primeira imagem costuma ir na tag ",[121,122,123],"code",{},"\u003Cimage_link\u002F>",", e as imagens adicionais vão em várias tags ",[121,126,127],{},"\u003Cadditional_image_link\u002F>",". Todas as imagens do produto recebem o template.",[130,131,137],"pre",{"className":132,"code":134,"language":135,"meta":136},[133],"language-xml","\u003Cimage_link>\n  https:\u002F\u002Fimages.feedr.com\u002F1\u002F1\u002F1\u002Fa\u002Fabc\n\u003C\u002Fimage_link>\n\u003Cadditional_image_link>\n  https:\u002F\u002Fimages.feedr.com\u002F1\u002F1\u002F1\u002Fb\u002Fabc\n\u003C\u002Fadditional_image_link>\n\u003Cadditional_image_link>\n  https:\u002F\u002Fimages.feedr.com\u002F1\u002F1\u002F1\u002Fc\u002Fabc\n\u003C\u002Fadditional_image_link>\n","xml","",[121,138,134],{"__ignoreMap":136},[21,140,141,142,144],{},"Quando você usa várias imagens, isso muda. Só a imagem principal recebe o template (que, por sua vez, inclui duas ou mais das outras imagens). As tags ",[121,143,127],{}," trazem todas as imagens originais (incluindo a principal), para que possam ser vistas se o canal de vendas tiver suporte a isso.",[130,146,149],{"className":147,"code":148,"language":135,"meta":136},[133],"\u003Cimage_link>\n  https:\u002F\u002Fimages.feedr.com\u002F1\u002F1\u002F1\u002Fa\u002Fabc\n\u003C\u002Fimage_link>\n\u003Cadditional_image_link>\n  https:\u002F\u002Fwebshop.com\u002Fimage1.jpeg\n\u003C\u002Fadditional_image_link>\n\u003Cadditional_image_link>\n  https:\u002F\u002Fwebshop.com\u002Fimage2.jpeg\n\u003C\u002Fadditional_image_link>\n\u003Cadditional_image_link>\n  https:\u002F\u002Fwebshop.com\u002Fimage3.jpeg\n\u003C\u002Fadditional_image_link>\n",[121,150,148],{"__ignoreMap":136},[21,152,153],{},"Com esse novo recurso, você pode criar templates como estes:",[21,155,156],{},[42,157],{"alt":158,"src":159,"title":160},"Anúncio dinâmico de moda com várias imagens do produto","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109031-composite-dress.webp","Exemplo de anúncio dinâmico de moda",[21,162,163],{},[42,164],{"alt":158,"src":165,"title":158},"\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670168970-green-tshirt-template.webp",[25,167,169],{"id":168},"fontes-personalizadas","Fontes personalizadas",[21,171,172,173,177],{},"Esse era um dos recursos mais pedidos. Por padrão, o editor inclui a maioria das Google Fonts para você escolher. Mas às vezes você quer usar uma fonte própria, como a do seu site ou a que aparece no resto da sua identidade visual. Naturalmente, você também quer essa fonte nos seus ",[89,174,176],{"href":175},"\u002Ffeatures\u002Fimproved-catalog-ads","anúncios dinâmicos de produtos",".",[21,179,180],{},"Aproveitando esse recurso, também reformulamos a seleção de fontes. Antes, mostrávamos todas as variações de cada fonte. Na prática, isso dificultava escolher entre fontes diferentes, porque a tela ficava cheia da mesma fonte em pesos e estilos diferentes.",[21,182,183],{},"Agora mostramos cada fonte uma única vez. Você escolhe o peso e o estilo que quer, e só aparecem as fontes que têm essas opções.",[21,185,186],{},[42,187],{"alt":188,"src":189,"title":188},"Nova tela de fontes","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109190-default-fonts.webp",[21,191,192,193,196],{},"Ao lado das fontes padrão, há uma aba ",[36,194,195],{},"Fontes Personalizadas",". Ali você vê todas as fontes que foram enviadas no seu Team, para poder reutilizá-las em templates diferentes. Para enviar uma fonte, basta arrastá-la para o quadro ou clicar nele. Depois do envio, ela aparece na lista e pode ser escolhida para o seu template.",[21,198,199],{},[42,200],{"alt":201,"src":202,"title":169},"Fontes personalizadas no editor","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002F1670109218-custom-fonts.webp",[21,204,205,206,210,211,177],{},"Quer tirar mais proveito do editor? Adicione ",[89,207,209],{"href":208},"\u002Fblog\u002Fuse-icons-in-your-dynamic-product-ads","ícones aos seus templates"," ou organize o seu design com ",[89,212,214],{"href":213},"\u002Fblog\u002Fusing-groups-in-product-image-transformations","grupos",[21,216,217],{},"Por enquanto é isso. Esperamos que você goste, e estamos ansiosos para ver o que você vai criar com esses recursos! 😀",{"title":136,"searchDepth":219,"depth":219,"links":220},2,[221,222,223],{"id":27,"depth":219,"text":28},{"id":83,"depth":219,"text":84},{"id":168,"depth":219,"text":169},"2022-12-03T21:15:37+01:00","O melhor editor de anúncios dinâmicos de produtos ficou ainda melhor. Estes novos recursos ajudam você a criar anúncios com um visual ainda mais caprichado.",false,"md","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002Fhero-904b9222-1400.webp","Ilustração de um card de fonte com as letras Aa, um botão para enviar uma fonte e ativos de imagem de produto reutilizáveis","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates\u002Fhero-904b9222-1200.png","O melhor editor de anúncios dinâmicos de produtos ficou ainda melhor. Estes novos recursos melhoram a sua experiência e ajudam você a criar anúncios ainda mais bonitos.",{"source_hash":233},"b0a45b640103",true,"\u002Fpt-br\u002Fblog\u002Ffontes-personalizadas-ativos-e-varias-imagens-em-templates",[237,238],"use-icons-in-your-dynamic-product-ads","using-groups-in-product-image-transformations",{"title":15,"description":225},"blog\u002Fpt-br\u002F2022-12-03-custom-fonts-reusable-assets-and-multiple-images-in-templates",[242,243],"templates","product-updates",null,"j7mc3OiVDPDfx3O7GLkzSE8hbWbstIPIAcsTD6pQw7o","fontes-personalizadas-ativos-e-varias-imagens-em-templates","\u002Fblog\u002Fcustom-fonts-reusable-assets-and-multiple-images-in-templates",[249,252],{"title":250,"path":251},"Use ícones nos seus anúncios dinâmicos de produtos","\u002Fpt-br\u002Fblog\u002Ficones-nos-seus-anuncios-dinamicos-de-produtos",{"title":253,"path":254},"Como usar grupos nas transformações de imagens de produto","\u002Fpt-br\u002Fblog\u002Fcomo-usar-grupos-nas-transformacoes-de-imagens-de-produto",{"width":256,"height":257},1400,788,{"width":256,"height":259},702,{"width":256,"height":259},{"width":256,"height":259},{"width":263,"height":263},1080,{"width":263,"height":263},{"width":256,"height":259},{"width":256,"height":259},1794325392238]