duda
O guia definitivo dos widgets nos sites

July 15, 2022
0 minute read

Vamos conversar sobre a criação e o uso de widgets em sites?

Esses elementos independentes permitem a inclusão de diversas funções nos sites dos clientes da sua agência.

São um recurso imprescindível para construir sites dinâmicos, completos e atraentes. 

Os widgets podem ser usados ​​para adicionar elementos de design a uma página, melhorar a usabilidade e a funcionalidade e integrar ferramentas e aplicativos de terceiros.

Podem, por exemplo, ajudar na captura de leads, na exibição de imagens ou no direcionamento de usuários para outro ambiente na web, como redes sociais, por exemplo. 

Uma das grandes vantagens do uso de widgets em sites é incrementar a experiência do usuário. Muitos widgets são interativos e demandam ações do usuário, fazendo-o permanecer na página por mais tempo.

O site de uma banda de música, por exemplo, pode aplicar um widget de playlist em seu site, a fim de promover suas músicas. O widget integra a plataforma de streaming ao site e o usuário pode executar a playlist sem sair da página.

Nesse artigo, vamos abordar a criação de widgets com foco em um modelo escalável, ou seja, aqueles widgets que podem ser utilizados inúmeras vezes. 

Também traremos algumas listas de melhores widgets para sites

Por fim, falaremos sobre como é simples construir e personalizar widgets na plataforma de criação de sites em escala da Duda. E como os widgets personalizados são uma oportunidade para expandir os serviços oferecidos pela sua agência. 

Vem com a gente! 

Como criar widgets para sites

Desenvolver um widget específico para uma finalidade não é uma atividade tão simples quanto parece. O processo de escrever o código, revisar, testar, corrigir, criar o design ideal, requer prática e tempo. 

E nós sabemos: o desenvolvimento de um widget pode levar dias a depender da plataforma utilizada.

Por isso, separamos 7 dicas que vão ajudá-lo a criar widgets para sites. O pulo do gato aqui é fazer isso de forma inteligente e que permita um ganho de escala. 

1. Trabalhe com construtor de widgets

Opte por uma plataforma especializada na criação automatizada de widgets como o Construtor de Widgets da Duda

Ela vai permitir que as interfaces utilizem os mesmos componentes subjacentes em vez de demandar que o mesmo código seja escrito várias vezes. Vai possibilitar ainda a criação de códigos de componentes reutilizáveis e testáveis para outros widgets.

Com um construtor dedicado de widgets, o desenvolvedor ganha mais tempo usando apenas os componentes do editor em vez de depender de um design impecável de interface para desenvolver um novo widget.

2. Utilize plataformas de alta performance

Ainda sobre plataformas, é preciso se atentar para o mundo de opções que existem hoje no mercado. Algumas bem populares que, no entanto, já não respondem com agilidade, precisão e economia de tempo.

Busque, portanto, uma plataforma que tenha uma interface rápida, com banco de código disponível para construção de widgets em algumas horas. 

3. Crie widgets escaláveis 

Widgets escaláveis são aqueles pensados para serem utilizados inúmeras vezes em diferentes sites. A ideia, portanto, é criar um acervo de widgets que possam ser reutilizados com funções semelhantes, em sites de empresas de diferentes portes e segmentos. 

4. Trabalhe com widgets prontos e editáveis

Escolha uma plataforma de criação de sites que já tenha um acervo rico em widgets prontos para utilização e reutilização. Isso otimiza o seu serviço, suprindo as necessidades dos mais variados clientes que sua empresa possua.

Tão importante quanto buscar uma plataforma com um vasto acervo de widgets prontos, é uma que permita a edição dessas ferramentas.

Por mais que a função seja a mesma, como, por exemplo, exibir vídeo, horário local ou contagem regressiva, o layout e a forma podem ser mudados para se adequar à identidade visual do site do cliente.

O gerenciamento dos widgets pelo cliente também precisa ser facilitado para que ele tenha certa autonomia no uso das ferramentas, sem recorrer frequentemente a alguém com habilidades de desenvolvimento.

5. Reaproveite o código

Em vez de programar o mesmo código repetidas vezes para cada cliente que quiser ter um painel de fotos no site, você pode criar o código base para esse tipo de widget e reaproveitá-lo à medida que novos clientes buscarem por essa mesma função em suas páginas. 

6. Busque bibliotecas de códigos colaborativos 

Outro fator que facilita a produção de widget em larga escala é a utilização de código aberto disponível em comunidades de desenvolvedores. Eles compartilham os componentes de suas criações e ajudam a otimizar o desempenho do tempo de execução dos projetos uns dos outros.

Esse modelo de comunidade de código aberto foi a solução encontrada pelo Facebook, por exemplo, na tentativa de entregar sempre novas funções em sua estrutura, para manter-se atrativa e competitiva no mercado de redes sociais. 

Plataformas de construção de sites, mesmo aquelas com menor customização e complexidade, também oferecem essa possibilidade de troca e colaboração com outros profissionais para compartilhamento de códigos.

7. Personalize os widgets 

Além de sua agência ter seu próprio acervo de widgets, eles ainda podem ser personalizados de acordo com a necessidade de cada cliente, o que possibilita que você ofereça serviços adicionais e novos elementos gráficos.

Com widgets personalizados é possível ainda gerar receita recorrente com a sua manutenção e atualização. Eles agregam valor tanto ao site do cliente quanto à empresa fornecedora que, certamente, ganhará destaque no mercado. 

widgets sites

Melhores widgets para sites


A Duda possui um acervo extenso de widgets prontos para diversas funcionalidades. Desde os widgets mais simples e populares, como previsão do tempo, contagem regressiva e exibição de publicação nas redes sociais, até widgets mais específicos por segmento de atuação, como menu de restaurante.

Mas se for do interesse do(a) desenvolvedor(a) construir um widget do zero na plataforma Duda, isso também pode ser feito de maneira simplificada e compartilhada com a equipe envolvida no projeto.

Trazemos aqui 4 tipos de widgets que estão disponíveis na plataforma e são bastante usados em todos os tipos de sites. 

1. Widget de chat

Pesquisas apontam que os sites que usam algum tipo de aplicativo de chat obtêm um aumento de 20% nas conversões. O motivo é simples. Com a interação com o cliente acontecendo em tempo real, cresce a probabilidade de um visitante do site preencher um formulário de contato e se tornar um cliente pagante. 

No caso dos sites que oferecem e-commerce, o chat pode fazer toda a diferença. Isso porque 2 em cada 3 compradores online abandonam seus carrinhos antes de finalizar a compra porque não obtiveram as informações de que precisavam para tomar a decisão certa. 

2. Widget de formulário online

Os formulários são uma ótima opção - provavelmente a melhor delas - para a geração de leads e conversões em um site. É com eles que a empresa consegue captar os dados do público e entregar algo de valor em troca.

Além disso, como o uso do formulário aumenta a possibilidade de conseguir mais dados sobre os visitantes, é possível aprimorar os widgets personalizáveis no site. Acompanhar as métricas de engajamento, como a taxa de conversão, é um passo importante para encontrar pontos de melhoria na construção deles.

Nesse caso, a dica aqui é usar o Paperform. Ele permite que você crie formulários para diferentes finalidades, de forma rápida e fácil. Alguns exemplos são:

  • formulários de contato padrão
  • formulário de registro para eventos
  • formulários de pagamentos
  • agendamento de compromissos

3. Widget de feed personalizável 

Com a presença digital cada vez mais forte nas diferentes redes sociais, adicionar um widget que leva os visitantes até os perfis do cliente pode ser uma opção interessante para qualquer tipo de negócio.

Por isso o widget de feed pode ser uma opção relevante para os objetivos de engajamento e conexão entre diferentes canais de aquisição, além de oferecer uma prova social da atuação da empresa e da validação de outros clientes. 

Essa função ajuda a apresentar uma parte do feed desses perfis e mostrar visualmente aquilo que o público vai encontrar ao acessar cada rede social.

4. Widget de CRM ou integração de plataformas semelhantes 

Os sistemas de relacionamento com cliente são essenciais para que as empresas possam trabalhar sua cadência de vendas e conquistar novos clientes. Só que, quando falamos desse tipo de solução, muitas vezes surge a necessidade de integrar esses sistemas, que são disponibilizados por empresas externas aos sites.

Essas integrações são necessárias para tornar o conjunto de informações do CRM ainda mais rico. A vantagem nesse caso é que quase todas essas plataformas têm uma estrutura de API avançada, que permite praticamente qualquer tipo de conexão necessária.

Nos casos mais simples, um widget pode ser construído para capturar leads, informações de clientes ou inscrições em newsletters, transferindo automaticamente essas informações diretamente para a conta do CRM do cliente.

23 widgets para sites de pequenas empresas

Os widgets colocam à disposição das pequenas e médias empresas (PMEs) funcionalidades que antes só estavam ao alcance das grandes. Confira abaixo uma lista dos widgets mais úteis para PMEs e confira como eles estão disponíveis na plataforma da Duda.

1. Widget de antes e depois


O widget de antes e depois permite mostrar duas imagens, lado a lado, para uma comparação visual atraente e cativante. O widget inclui um controle deslizante personalizável para se mover entre as duas imagens.

As pessoas têm períodos curtos de atenção na web e você deseja transmitir mensagens rapidamente. Os widgets Antes e Depois podem ser usados para contar uma história inteira em um instante. Definitivamente serão um grande sucesso em qualquer site que você criar.


2. Widget de calendário

Um widget de calendário é uma maneira fácil de entender e visualmente atraente de permitir que os visitantes do site saibam o que está na agenda de uma empresa ou organização. Por exemplo, um estúdio de ioga pode usar um widget de calendário para exibir as próximas aulas em uma página inicial.

Mantenha os visitantes atualizados rapidamente, adicionando o widget do Google Agenda ao seu site. É uma ótima maneira de manter os visitantes envolvidos, mostrando a eles os próximos eventos, reservas, workshops, seminários e muito mais. O widget fornece uma integração perfeita de uma agenda pública do Google e pode ser personalizado como qualquer outro widget.

3. Widget de Call To Action (CTA)

Call Us

A maioria dos proprietários de pequenas empresas aguarda com expectativa as ligações de clientes em potencial. Por isso, deve ser uma prioridade facilitar o maior número possível de contatos a partir do site.

Os widgets de CTA geralmente assumem a forma de widget de botões grandes e fáceis de usar, que permitem que um visitante ligue para uma empresa com apenas um clique. Este widget é ótimo para chamar a atenção e direcionar leads de clientes.

4. Widget de compartilhar

O boca a boca é muitas vezes considerado a melhor forma de marketing. Na web, ao facilitar o compartilhamento é como incentivamos isso.

O widget de compartilhar permite que os clientes informem facilmente a outros consumidores sobre o produto ou serviço oferecido no site. Quase todas as páginas da web que você cria devem ter um widget Compartilhar incluído.

Facilitar o compartilhamento do site pelos visitantes é importante para aumentar o tráfego orgânico e as taxas de conversão. O widget Compartilhar facilita isso com um fluxo suave, interface atraente e um recurso de compartilhamento adicional. Permite que os visitantes compartilhem o site via Facebook, Twitter, LinkedIn, WhatsApp e e-mail.

Na Duda, usuários com uma conta privada ou pública do Instagram (não contas para empresas) podem adicionar um feed do Instagram ao widget galeria de fotos. O widget exibe até 100 imagens do seu feed e é atualizado automaticamente quando novos posts são adicionados. 


5. Widget de contagem regressiva

Quanto falta para a Copa do Mundo FIFA 2022

Days
Hours
Minutes
Seconds

Já começou! 



Aumente o engajamento e crie uma sensação de empolgação com o widget de contagem regressiva, que permite adicionar uma contagem regressiva em tempo real ao seu site.

Os widgets de contagem regressiva são uma maneira divertida e atraente de criar entusiasmo e informar aos usuários sobre um próximo evento.

Certifique-se de aproveitar todas as opções de personalização fornecidas pelo widget para garantir que a contagem regressiva se ajuste ao design do site que você está criando.

Use-o para manter os visitantes informados, aumentar o interesse e incentivá-los a agir, informando quando uma venda, evento ou promoção vai terminar ou quando um novo produto, coleção ou página será lançado.

6. Widget de horário de funcionamento

A maioria das empresas mantém algum tipo de horário de funcionamento regular. Você deseja exibi-los claramente em qualquer site de pequena empresa que criar, especialmente se a empresa mantiver um local físico onde os clientes possam aparecer. A página inicial é um excelente local para um widget de horário de funcionamento.

7. Widget de animação Lottie

O widget de animação Lottie permite adicionar animações de qualidade vetorial ao seu site.

O Lottie é uma biblioteca móvel para Android e iOS que analisa animações do Adobe After Effects exportadas como JSON com Bodymovin e as processa no celular e na web.

As animações Lottie são animações vetoriais elegantes e flexíveis que carregam rapidamente e ficam fantásticas em todos os dispositivos.

Navegue pela animação no LottieFiles ou crie sua própria animação no After Effects, exportada com o plug-in Bodymovin.

Aqui estão alguns dos benefícios de usar um widget de animação Lottie em um site, conforme descrito pela equipe de produtos da Duda:


  • As animações Lottie chamam a atenção do visitante para onde você quer que ela vá. Uma imagem vale mais que mil palavras; uma animação vale ainda mais!
  • As animações Lottie são vetores que se adaptam a qualquer tamanho de tela e tipo de dispositivo. Isso significa que não há pixelizações, independentemente do tamanho.
  • As animações Lottie são exportadas como arquivos JSON, para que sejam carregadas rapidamente e não deixem seus sites lentos.
  • Você pode alterar a cor da animação diretamente no editor Lottie, permitindo que você dê a aparência certa para o seu site.



8. Widget de mapa

Adicionar um mapa a um site fornece aos visitantes uma representação visual de uma das informações mais importantes que você deseja que eles conheçam.

Um widget de mapa permite que você adicione rapidamente um mapa bonito e explorável a um site com apenas alguns cliques. Quase todos os tipos de negócios podem se beneficiar da inclusão de um mapa em seu site.

Confira também 5 maneiras de adicionar o Google Maps no site.

9. Widget de controle deslizante de imagem

  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button
  • Slide title

    Write your caption here
    Button


Adicione um widget de controle deslizante de imagem para exibir um conjunto de imagens uma após outra em uma linha ou coluna. Você pode adicionar várias imagens como em um apresentador de slides. Em vez de ter vários widgets de imagem bagunçando suas linhas e colunas, use um único widget de controle deslizante de imagem.

Os controles deslizantes de imagem são super úteis se você deseja economizar espaço, mas ainda permitem que os visitantes confiram muitas imagens sem sair da página. Eles podem vir em todas as formas e tamanhos. 

Muitos widgets de controle deslizante de imagem incluirão algumas funcionalidades de design mais avançadas que permitem fazer coisas como adicionar filtros e transições interessantes.

10. Widget de formulário de contato

Contact Us

Os formulários de contato são a base dos sites de pequenas empresas. Essas ferramentas simples geralmente executam a função mais importante de um site – gerar um lead que pode ser buscado para o negócio.

Os widgets de formulário de contato facilitam a adição de um formulário de contato bonito e bem projetado com todos os campos de entrada que uma pequena empresa ou organização precisa para qualificar clientes em potencial e priorizar as respostas de seus clientes.

11. Widget de vídeo

O vídeo é uma das ferramentas obrigatórias para profissionais de marketing digital e profissionais da web em todo o mundo. Há várias maneiras de adicionar vídeo aos seus sites, como usar um iframe ou hospedar o vídeo você mesmo.

No entanto, você também pode encontrar alguns widgets de vídeo incríveis que facilitam a adição de vídeo a um site com apenas alguns cliques. Muitos desses widgets funcionarão facilmente com o YouTube, Vimeo, Dailymotion e outras plataformas de vídeo online.

12. Widget de galeria de fotos

As galerias de fotos podem ser de todas as formas e tamanhos. O widget de galeria de fotos para exibir imagens é uma ótima maneira de exibir um portfólio de trabalho, os rostos sorridentes dos funcionários ou a decoração e o layout da empresa. É a versatilidade deste widget que o torna um dos mais comumente encontrados em sites da web.

13. Widget de acordeão

  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.
  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.
  • Title or question
    Describe the item or answer the question so that site visitors who are interested get more information. You can emphasize this text with bullets, italics or bold, and add links.

Os widgets de acordeão ou sanfonados são ótimos para empacotar muitas informações úteis em uma página da Web de uma maneira que não sobrecarregue o usuário. Acordeões podem ser exibidos em uma variedade de designs; no entanto, todos eles mantêm a mesma funcionalidade básica. Esses widgets são especialmente úteis em páginas de produtos, serviços e perguntas frequentes.

Com o widget acordeão, os visitantes encontram facilmente as informações que procuram. Com ele, os visitantes do seu site não precisam percorrer os blocos de conteúdo que não lhes interessam. Em vez disso, eles podem ver uma lista de perguntas ou títulos e abrir o que desejam ler. Crie perguntas frequentes, destaques do produto ou eventos futuros, tudo compacto e fácil de ler.

14. Widget de lista

As listas são uma das formas mais comuns de formatação de conteúdo na web. Os widgets de lista fornecem aos web designers e profissionais de marketing digital uma maneira fácil de apresentar uma lista de informações em um belo design.

Os widgets de lista são comumente usados para exibir tudo, desde locais de negócios a serviços e perfis de funcionários.

15. Widget de tabela

Number First Name Last Name Email Address
1 Anne Evans anne.evans@mail.com
2 Bill Fernandez bill.fernandez@mail.com
3 Candice Gates candice.gates@mail.com
4 Dave Hill dave.hill@mail.com

De certa forma, os widgets de tabela são semelhantes aos widgets de lista. Eles são usados para organizar e exibir uma grande quantidade de informações de forma sucinta. No entanto, o design de uma tabela em uma página da Web geralmente é bem diferente do design de uma lista.

Um widget de tabela facilita a criação de uma tabela que será exibida corretamente no desktop, tablet e celular. Muitos desses widgets também permitem que você crie uma tabela simplesmente conectando uma planilha de algum tipo.

Um widget de previsão do tempo é útil para qualquer empresa cujas operações dependam, pelo menos em parte, do clima.

Cafés ao ar livre, pousadas e empresas de rafting podem se beneficiar ao fornecer aos visitantes do local uma maneira conveniente de determinar como o clima vai se estar durante sua interação com a empresa.


Este widget foi criado pela agência TheCamel.co.

Adicionar um widget de contador rotativo a um site permite que você comunique rapidamente que os consumidores gostam de se envolver com a empresa ou organização. Este widget é muito útil para aumentar o envolvimento do cliente e as conversões online.


Este widget foi criado pela TheCamel.co.

Depoimentos são uma forma muito útil de prova social que ajuda a criar confiança em um visitante do site. O uso de um widget de depoimento torna simples e rápido gerenciar e exibir quaisquer ótimas avaliações que a empresa ou organização recebe dos consumidores.


Este widget foi criado pela agência TheCamel.co.

Mais avançado do que o controle deslizante de imagem do dia-a-dia, o controle deslizante estilo roda d'água oferece aos web designers uma maneira única de exibir fotos, produtos e muito mais dos funcionários.

Considere adicionar um controle deslizante de roda d'água ao seu site se você realmente quiser criar algo único que impressionará e envolverá os visitantes do site assim que eles chegarem à página.


Este widget foi criado por TheCamel.co.

Uma das perguntas mais comuns que qualquer pessoa tem ao fazer compras online é: "Quanto custa este produto/serviço?"

Adicionar um widget de controle deslizante de preço a um site é uma maneira fantástica de permitir que os visitantes do site respondam a essa pergunta por conta própria de maneira rápida e fácil.


Este widget foi criado pela DevObal Technologies.

Os widgets de design geralmente são úteis para chamar a atenção de um visitante para uma seção específica de uma página da Web e ajudar os usuários a processar as informações nela.

Um widget de galeria estilo blackout cumpre perfeitamente esse duplo propósito. Tente adicionar um a um site de pequena empresa para fornecer um movimento um pouco mais atraente para os usuários.


Este widget foi criado pela DevObal Technologies.

Um widget de planejamento de viagem permite que os visitantes do site descubram exatamente quanto tempo levará para chegar ao local físico de uma empresa ou organização. Esse nível de funcionalidade certamente se destacará em qualquer site de pequena empresa, o que o torna uma excelente opção ao considerar quais widgets adicionar.


Este widget foi criado pela DevObal Technologies.

Para empresas e organizações com equipes grandes (por exemplo, escolas, academias, consultórios médicos etc.), um widget de lista pode não ser a opção mais escalável e um widget de tabela pode não ter os recursos de design completos necessários para criar perfis atraentes.

Nesse caso, um widget de equipe é a ferramenta ideal para implantação. Usando este widget avançado, você pode criar perfis de funcionários que são fáceis de navegar e pesquisar.


Este widget foi criado pela DevObal Technologies.

Benefícios do construtor de widgets da Duda

O Construtor de Widgets da Duda (ou Widget Builder) é uma ferramenta robusta que permite à sua agência criar seus próprios widgets personalizados e oferecê-los aos seus clientes. 


As oportunidades de criação de negócios apresentadas por esta poderosa ferramenta são tão numerosas quanto os tipos de widgets que você pode criar!


Com uma quantidade relativamente baixa de tempo, esforço e recursos, você pode aproveitar esse recurso para expandir seus negócios.


Dependendo do seu tamanho e metas, o Widget Builder pode ser a ferramenta que ajuda sua agência a alcançar novos mercados e abrir novos fluxos de receita.

1. Economia de tempo

Se você já teve que criar widgets em outras plataformas, é bem provável que saiba o volume de horas (ou dias) necessário para a construção. Na Duda, você pode criar widgets personalizados em poucas horas. 

2. Melhora do fluxo de trabalho

Já parou para pensar na quantidade de horas gastas a cada processo de correção nos widgets antigos? Já as atualizações no Construtor de Widgets da Duda são um processo contínuo que pode ser feito sem quebrar nenhum widget existente. 


Para aumentar a eficiência, você também pode usar o Widget Builder para criar widgets personalizados que automatizam processos manuais (como adicionar ou atualizar informações comerciais dos clientes) ou integrar serviços de terceiros (como um mecanismo de reserva de horários, por exemplo). 

3. Processo de criação colaborativo

Tanto sua equipe quanto seus clientes podem editar widgets personalizados no Widget Builder, sem aborrecimentos. Assim, o processo de criação de widgets pela sua equipe e de entrega e gerenciamento dos clientes fica bem mais simples.

4. Design escalável

Os widgets personalizados são tão escaláveis ​​quanto bonitos. Um widget personalizado pode ser usado várias vezes, o que significa que o investimento de algumas horas na criação de um widget pode resultar em milhares de casos de uso nos sites de diferentes clientes. 


Lembre-se de que, sempre que você cria um widget personalizado, ele não precisa necessariamente ser apenas para um site ou um cliente. É possível criar um arsenal de widgets para usar em escala com vários clientes em um mercado vertical. 


Por exemplo, você pode criar um widget localizador de lojas que ajude os franqueados a mostrar aos clientes onde encontrar as lojas físicas mais próximas deles, e usar isso para vários clientes do mesmo segmento.

5. Mais receita para sua agência

Uma ótima maneira de aumentar sua receita é oferecer widgets personalizados como parte de um pacote de upsell para os serviços de criação de sites. 


Como os widgets personalizados trazem funcionalidade adicional aos seus sites e podem ser conectados aos seus serviços de back-end, como um CRM, sua agência pode posicioná-los como parte de um pacote de "site aprimorado''. 

Como personalizar widgets com a Duda

Como vimos, o Construtor de Widgets da Duda permite criar widgets personalizados para seus clientes de acordo com as necessidades deles. 


A boa notícia é que a plataforma fornece uma estrutura para que seu widget tenha a mesma performance que os widgets próprios da Duda. 


Ao manter as opções de entrada que são padrão da Duda, o desenvolvedor alcança com sua criação o mesmo nível de experiência de usuário que os recursos nativos da Duda oferecem. 


Além disso, o widget customizado pode ser arquivado na biblioteca do desenvolvedor para uso em outros projetos, bem como compartilhado para que outros desenvolvedores possam utilizá-lo.

Vantagens da personalização de widgets

A personalização de um widget confere autenticidade ao produto, mesmo que seja um widget com função genérica, como previsão do tempo. 

Ele pode ser personalizado de acordo com a identidade do site do cliente, acompanhando o uso da paleta de cores e das fontes, alinhando-se até com os demais widgets presentes na página.

Com widgets padronizados e personalizados para o site de cada cliente, fica mais fácil garantir uma série de benefícios, como:

  • segurança
  • tempo de execução
  • boa experiência de usuário
  • gatilho para aumento de conversões

Também fica mais fácil explorar as muitas possibilidades oferecidas pela web personalization, onde a experiência na web é personalizada para cada visitante.

Passo a passo da customização de um widget

O desenvolvedor que vai personalizar um widget na plataforma Duda deve inicialmente acessar o campo específico destinado aos desenvolvedores na página. Em seguida clicar no botão build new widget (criar novo widget), onde aparecerão três campos principais para manuseio: campo de código, de conteúdo e de design.

Editando código

A customização de um widget combina o trabalho com HTML, Javascript e CSS, cada um responsável por funções específicas na materialização do produto final. Assim, no campo dos códigos, é possível colar o código criado ou escrevê-lo ali, editando em cada aba correspondente aos protocolos mencionados. 

Existe na plataforma da Duda, guias e tutoriais específicos sobre cada categoria (JavaScript, css e html) para que desenvolvedores saibam como usá-las da melhor forma na personalização do widget.

Editando o conteúdo

Na edição de conteúdo, é possível escolher as opções de entrada de cada widget, permitindo usar entradas padrão com textos e imagens que ajudarão a manter a interface consistente para todos os demais usuários da plataforma.

Editando o design

No quesito edição de design do widget, a Duda também oferece opções de alto nível de execução, permitindo que você edite não só cores e fontes, como também ajuste o tamanho do widget, adequando-o à localização que ele terá na página do cliente.

Todo esse processo de customização do widget pode ser ainda acompanhado pelo preview do recurso, possibilitando que o desenvolvedor visualize a forma que o widget está tomando.

Categorização

Ao finalizar o projeto, é hora de categorizá-lo dentro da plataforma. Escolha uma categoria de acordo com a funcionalidade e objetivo do widget criado. Essa categoria vai servir como indexador do recurso para que ele possa ser localizado na biblioteca Duda em pesquisas futuras. Atualmente, a plataforma Duda trabalha com seis categorias para agrupamento dos widgets.

Publicação

Após passar por essas três etapas de customização, o widget está pronto para ser publicado. Inicialmente, ele fica disponível apenas para os proprietários ou equipe autorizada com acesso ao campo de desenvolvedores no site Duda. 

Ao publicá-lo, ele será gerado na plataforma como versão 1 do projeto e a cada nova atualização, outras versões vão sendo criadas. Isso significa que a Duda não descarta nenhuma versão construída e você pode resgatá-las quando precisar.

Mesmo tendo uma plataforma completa com muitos recursos modernos para customização de widgets e construção de sites, a Duda ainda permite a integração prática de aplicações externas. 


Conclusão


Os widgets podem ser usados para adicionar elementos criativos ao design de um site, melhorar sua usabilidade, integrar ferramentas, ajudar na captura de leads... Enfim, a lista de possibilidade é quase infinita.

Esses elementos independentes são indispensáveis para a construção de sites dinâmicos e atraentes, que vão melhorar a experiência do usuário e entregar resultados para os clientes da sua agência.

A Duda possui uma vasta biblioteca de widgets personalizáveis. Se você não encontrar o que procura por lá, ainda pode criar seus próprios widgets e usá-los como fonte de receita extra para a sua agência.



Quer saber mais sobre a Duda? Comece seu free trial agora mesmo ou agende uma conversa com um dos nossos especialistas.


Did you find this article interesting?


Thanks for the feedback!
Illustration of AI Overview Optimization in search results
By Carolina Cordioli December 20, 2024
Discover how digital marketing agencies are adapting to AI-driven search with insights from Duda and SE Ranking's survey. Learn about trends, pricing, and strategies for 2025.
A poster with the year 2025 on it
By Renana Dar December 17, 2024
Ready to make 2025 your best year yet? This article focuses on what will actually drives growth for marketing agencies in 2025.
A row of colorful squares with the word work on them
By Renana Dar December 3, 2024
One of the hardest things about running a profitable agency is bringing on the perfect amount of talent to support your clients. If you hire freelancers using a freelance site, you'll be able to vet their skills and experience without worrying about scams.
Show More

Latest Posts

Share by: