{"id":115084,"date":"2022-12-13T14:50:42","date_gmt":"2022-12-13T14:50:42","guid":{"rendered":"https:\/\/elementor.com\/blog\/apresentando-o-elementor-3-9-nova-opcao-salvar-como-padrao-para-elementos-para-melhorar-seu-fluxo-de-trabalho-de-design\/"},"modified":"2025-12-01T16:32:28","modified_gmt":"2025-12-01T14:32:28","slug":"apresentando-o-elementor-3-9-nova-opcao-salvar-como-padrao-para-elementos-para-melhorar-seu-fluxo-de-trabalho-de-design","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/pt-br\/apresentando-o-elementor-3-9-nova-opcao-salvar-como-padrao-para-elementos-para-melhorar-seu-fluxo-de-trabalho-de-design\/","title":{"rendered":"Apresentando o Elementor 3.9: Nova Op\u00e7\u00e3o Salvar como Padr\u00e3o para Elementos para Melhorar seu Fluxo de Trabalho de Design"},"content":{"rendered":"\n

Elementor<\/a> 3.9 inclui a nova op\u00e7\u00e3o Salvar como Padr\u00e3o, amplia as capacidades do Loop Builder para support WooCommerce e o layout baseado em se\u00e7\u00f5es, e v\u00e1rias outras funcionalidades que melhoram o design do seu site e a experi\u00eancia do usu\u00e1rio. <\/strong><\/p>\n\n

\"\"<\/figure>\n\n

Novo: Salvar como Padr\u00e3o<\/h2>\n\n

Com o Elementor 3.9, voc\u00ea pode aproveitar a nova funcionalidade Salvar como Padr\u00e3o para melhorar seu fluxo de trabalho de design e personalizar completamente a forma como os elementos aparecem no seu site ao serem arrastados para o Editor. <\/p>\n\n

Com esta atualiza\u00e7\u00e3o, voc\u00ea poder\u00e1 ajustar todas as configura\u00e7\u00f5es padr\u00e3o de cada elemento e personaliz\u00e1-las ao seu gosto.\nVoc\u00ea pode substituir a imagem de espa\u00e7o reservado por qualquer imagem que preferir – como seu logotipo, ajustar o texto de espa\u00e7o reservado e substituir as cores e fontes pelas de sua prefer\u00eancia.\nDepois, salve como padr\u00e3o clicando com o bot\u00e3o esquerdo no elemento e salvando-o.\nAp\u00f3s essa a\u00e7\u00e3o, sempre que voc\u00ea arrastar um novo widget que ajustou, ele exibir\u00e1 as novas configura\u00e7\u00f5es padr\u00e3o que voc\u00ea configurou.\nPara melhorar seu fluxo de trabalho e acelerar o processo de cria\u00e7\u00e3o do seu site, todas as novas configura\u00e7\u00f5es padr\u00e3o tamb\u00e9m podem ser transferidas para qualquer kit ou template<\/a> que voc\u00ea importar\/exportar. <\/p>\n\n

Cada elemento do Elementor inclui estilos padr\u00e3o preconfigurados e configura\u00e7\u00f5es avan\u00e7adas.\nIsso inclui imagens de espa\u00e7o reservado, \u00edcones ou textos, cores e fontes padr\u00e3o ou associa\u00e7\u00e3o com cores e fontes globais espec\u00edficas.\nOu seja, se pegarmos o widget de Bot\u00e3o como exemplo, toda vez que voc\u00ea arrast\u00e1-lo para o Editor a partir do painel de widgets, o fundo adotar\u00e1 a cor de Destaque configurada em suas Cores Globais, a cor do texto ser\u00e1 branca, etc. <\/p>\n\n

Como a nova funcionalidade Salvar como Padr\u00e3o salvar\u00e1 quaisquer altera\u00e7\u00f5es que voc\u00ea fizer nos elementos antes de salv\u00e1-los, \u00e9 importante prestar aten\u00e7\u00e3o especial para n\u00e3o incluir informa\u00e7\u00f5es sens\u00edveis antes de salvar como um novo padr\u00e3o.\nPor exemplo, n\u00e3o \u00e9 recomendado incluir o endere\u00e7o de email da sua conta PayPal antes de salvar o bot\u00e3o PayPal como um novo widget.\nO mesmo se aplica a qualquer informa\u00e7\u00e3o sens\u00edvel, incluindo CSS<\/a> ID, Chaves de API e assim por diante. <\/p>\n\n

Abaixo est\u00e3o tr\u00eas (de muitos) exemplos de como voc\u00ea pode usar a nova funcionalidade Salvar como Padr\u00e3o: <\/p>\n\n

  1. Atualize as cores ou fontes de um elemento, para serem associadas a diferentes cores ou fontes globais (como prim\u00e1ria em vez de secund\u00e1ria)<\/li>
  2. Defina um novo padding padr\u00e3o e margens de um widget, como um bot\u00e3o. <\/li>
  3. Inclua um logotipo, imagem ou instru\u00e7\u00f5es espec\u00edficas como um espa\u00e7o reservado de imagem para widgets<\/a> de imagem, ou espa\u00e7os reservados de texto para widgets textuais.\nDessa forma, voc\u00ea pode promover continuamente seu neg\u00f3cio como criador de sites para seus clientes e auxili\u00e1-los enquanto fazem atualiza\u00e7\u00f5es no site. <\/li><\/ol>\n\n
    \"\"<\/figure>\n\n

    [Pro] Loop Builder Ampliado para Suportar WooCommerce e Se\u00e7\u00f5es<\/h2>\n\n

    Ap\u00f3s o lan\u00e7amento do Loop Builder no Elementor 3.8<\/a>, esta vers\u00e3o amplia as capacidades do Loop Builder para support WooCommerce.\nCom esta atualiza\u00e7\u00e3o, voc\u00ea poder\u00e1 criar seu pr\u00f3prio template personalizado para Listagens de Produtos, permitindo que voc\u00ea libere sua criatividade ao projetar seus sites de Ecommerce<\/a>. <\/p>\n\n

    Agora, ao usar o Loop Builder, voc\u00ea come\u00e7ar\u00e1 escolhendo o tipo de template que deseja criar, para WooCommerce<\/a>, voc\u00ea escolher\u00e1 Produtos.\nEnt\u00e3o, o painel de widgets recomendar\u00e1 widgets do WooCommerce no topo, mas voc\u00ea pode usar qualquer widget, bem como qualquer tag de Conte\u00fado Din\u00e2mico<\/a> para exibir conte\u00fado adicional do WooCommerce em seu template de Item Principal. <\/p>\n\n

    Uma vez finalizado o design do seu template, voc\u00ea poder\u00e1 us\u00e1-lo em qualquer p\u00e1gina, ajustar seu layout, pagina\u00e7\u00e3o e estilo, e exibir seus produtos da maneira que melhor se adequar ao seu design e marca. <\/p>\n\n

    O Elementor 3.9 tamb\u00e9m introduz support para o layout de se\u00e7\u00e3o-coluna, ent\u00e3o se voc\u00ea ainda n\u00e3o est\u00e1 pronto para come\u00e7ar a usar Cont\u00eaineres Flexbox, ainda pode usar o Loop Builder para criar listagens personalizadas usando o layout de se\u00e7\u00e3o-coluna. <\/p>\n\n

    \"\"<\/figure>\n\n

    [Pro] Regra Avan\u00e7ada de Popup Aprimorada – Mostrar at\u00e9 X Vezes Persistente, ou Por Sess\u00e3o \/ Dia \/ Semana \/ M\u00eas<\/h2>\n\n

    Um dos pedidos mais populares para Popups do Elementor foi aprimorar a regra avan\u00e7ada que determina quantas vezes um popup aparece.\nAt\u00e9 agora, voc\u00ea poderia fazer o popup aparecer X vezes, mas o per\u00edodo de tempo em que eles apareceriam n\u00e3o seria especificado.\nEnt\u00e3o, se voc\u00ea configurasse um popup para aparecer 3 vezes, ele apareceria nas pr\u00f3ximas 3 vezes que o visitante visitasse seu site, independentemente da frequ\u00eancia de visita. <\/p>\n\n

    Com esta regra avan\u00e7ada atualizada, voc\u00ea poder\u00e1 definir o n\u00famero de vezes que deseja que o popup apare\u00e7a – persistentemente, ou dentro de um per\u00edodo espec\u00edfico de – uma sess\u00e3o, um dia, uma semana ou um m\u00eas.\nDessa forma, voc\u00ea pode entregar seus popups na frequ\u00eancia desejada, melhorar a experi\u00eancia do usu\u00e1rio e alcan\u00e7ar o resultado desejado do popup. <\/p>\n\n

    \"\"<\/figure>\n\n

    Melhorias de Desempenho<\/h2>\n\n

    Estamos continuamente procurando maneiras de melhorar o desempenho do seu site e recentemente fizemos uma parceria com o Chrome para identificar \u00e1reas de oportunidade juntos.\nO Elementor utilizou ferramentas do Google, incluindo o Relat\u00f3rio de Experi\u00eancia do Usu\u00e1rio do Chrome<\/a> e o Relat\u00f3rio de Tecnologia Core Web Vitals<\/a>, enquanto recebia consultoria t\u00e9cnica de um especialista do Chrome.\nO Elementor 3.9 introduz uma s\u00e9rie de melhorias de desempenho que podem ter um impacto significativo no desempenho do seu site, incluindo: <\/p>\n\n

    Experimento Alpha de Carregamento Pregui\u00e7oso de Imagens de Fundo<\/h3>\n\n

    Imagens de fundo s\u00e3o uma parte integral do design de um site, mas podem ter um impacto negativo no desempenho e na pontua\u00e7\u00e3o de Maior Pintura com Conte\u00fado (LCP).\nOtimizar o desempenho do seu site e a pontua\u00e7\u00e3o de LCP \u00e9 importante para otimizar a experi\u00eancia dos seus visitantes ao visitar seu site, bem como melhorar sua visibilidade nos resultados dos motores de busca. <\/p>\n\n

    Ao adicionar Carregamento Pregui\u00e7oso \u00e0s imagens de fundo, voc\u00ea pode melhorar o desempenho do seu site e a pontua\u00e7\u00e3o de LCP, sem comprometer a apar\u00eancia do seu site. <\/p>\n\n

    Ativar este experimento aplicar\u00e1 carregamento pregui\u00e7oso a todas as imagens de fundo abaixo da dobra, nas seguintes \u00e1reas:<\/p>\n\n