Nota
Disponível nos planos da Agência e superiores. Observe que os planos Agency e White Label podem criar e publicar até 3 widgets personalizados e adicioná-los até 10 vezes. Planos personalizados podem criar e publicar widgets ilimitados
construtor de widgets personalizados do Duda permite criar widgets totalmente personalizados usando HTML, CSS e JavaScript, tudo dentro do editor Duda. Se você estiver integrando ferramentas de terceiros ou criando recursos exclusivos do site, você terá a liberdade de adaptar a funcionalidade às necessidades exatas de seus clientes. Os widgets que você cria são reutilizáveis em todos os sites, usam componentes integrados de conteúdo e design e têm gerenciamento de versão integrado
Se você não tem experiência em codificação, ainda pode criar widgets personalizados com a ajuda do Copilot. Para saber mais, consulte Use o Copilot para criar widgets personalizados.
Para obter instruções de acesso e configuração do Widget Builder, consulte nosso Documentação para desenvolvedores.
Para aprender por vídeo, confira Criação de widgets personalizados na Duda Academy.
Cuidado
O suporte da Duda não pode solucionar problemas de código personalizado.
-
código personalizado é muito imprevisível. Há muitos fatores que explicam por que seu código personalizado pode não estar funcionando com nossa plataforma. Se precisar de ajuda para fazer o código personalizado funcionar em seu site, talvez valha a pena contratar umEspecialista em Dudapara ajudar você a fazer seu código funcionar em seu site.
-
Aplicativos de gerenciamento de consentimentonão conseguem impedir que o código seja executado antes do consentimento quando o código é colocado no cabeçalho HTML. Isso ocorre porque o Duda otimiza a estrutura e a ordem de carregamento do conteúdo, com base nas melhores práticas de desempenho do site. Colocamos scripts e banners CMP na parte inferior da página, a fim de melhorar o desempenho do conteúdo principal. Por isso, é recomendável colocar o código na extremidade do corpo ao usar um aplicativo de gerenciamento de consentimento
Copiloto é necessária permissão para usar esse recurso.
Use o poder do Copilot no Widget Builder para acelerar drasticamente o desenvolvimento e transformar um design ou ideia em código de widget totalmente funcional usando a API JavaScript da Duda, mesmo que você já saiba programar. Em vez de começar do nada, você pode descrever seu widget personalizado em linguagem simples, e o Copilot começará a escrever o código para
Nota
-
Os créditos de IA são gratuitos enquanto esse recurso está em teste. No entanto, quando o teste for concluído, passaremos para um modelo baseado em crédito. Leia o Créditos de IA para o Widget Builder artigo para saber mais.
-
Você também pode usar o Copilot para criar widgets de site personalizados diretamente no editor. Ao contrário dos widgets criados no Widget Builder, os widgets de site personalizados só podem ser usados no site específico com o qual foram criados e não podem ser usados em outros sites da sua conta. Para saber mais, consulte Crie widgets de site personalizados com AEu.
Selecione o Biblioteca guia para navegar pelo widget pré-fabricado que você pode remixar e criar seu próprio. Use o menu suspenso Categoria para filtrar por categoria de widget
Para remixar, clique no widget desejado e clique em Remix.
Para ver como o Copilot torna a criação de widgets personalizados rápida e fácil, experimente uma das seguintes ideias:
-
Gráfico de barras personalizado
-
Galeria dinâmica de vídeos
-
Calculadora de preços de agências de design
-
Carrossel de rolagem infinita
Para criar um widget personalizado com o Copilot:
-
No painel, clique em Ativos personalizados e selecione Construtor de widgets.
-
Na Meus widgets aba, clique em + Novo widget.
-
Digite um nome para seu widget e clique em Comece a construir.
-
Clique no roxo Copiloto ícone no canto superior direito do construtor de widgets para abrir o Copilot.
-
Insira uma solicitação para começar ou veja nossas ideias em busca de inspiração. Você também pode fazer upload de várias imagens ou arquivos para mostrar ao Copilot um exemplo do que você deseja
-
O Copilot gera o código. Quando isso estiver concluído, você pode pré-visualização seu widget dentro do Widget Builder, ou clique em Teste no Editor para ver como o widget funcionará em seu site.
-
Refine seu widget conforme necessário fornecendo mais detalhes e feedback ao Copilot. Quando estiver satisfeito, clique em Publicar.
Duda Widget Builder vem com um sistema completo de lançamento e controle de versão que ajuda você a acompanhar as mudanças em andamento e permite reverter para uma versão anterior ou comparar duas versões. O Duda faz isso automaticamente toda vez que você publica e não exige que você conheça os paradigmas do Git ou de controle de versão para
Para saber mais sobre controle de versão e como publicar, consulte nosso documentação para desenvolvedores.
Você pode duplicar um widget personalizado e criar variações dele. Observe que quando você duplica um widget personalizado, todo o código da versão de rascunho mais recente é duplicado, não a última versão
Para duplicar um widget personalizado:
-
No painel, clique em Ativos personalizados e selecione Construtor de widgets.
-
Clique no ícone de três pontos ao lado do widget desejado e selecione Duplicado. Observe que o código da versão mais recente do rascunho está duplicado, não da versão mais recente publicada
-
Insira um nome para o widget. Observe que há um limite de 40 caracteres. Em seguida, clique em Renomear e duplicar.
Você pode enviar widgets personalizados de sua conta para outras contas Duda de forma rápida e fácil a partir do Widget Builder. Tudo o que você precisa fazer é gerar um link e enviá-lo ao seu cliente. Depois que o widget personalizado for aceito, ele será adicionado ao painel Widget de todos os sites em sua conta
Diretrizes para enviar e receber widgets personalizados:
-
O widget personalizado deve ser publicado antes de ser enviado.
-
Somente a versão mais recente do widget pode ser enviada. Se você fizer atualizações no widget após o envio, precisará reenviá-lo para que o cliente receba as atualizações mais recentes
-
Depois que o destinatário aceitar o widget, você não poderá recuperá-lo.
-
Você deve estar em um plano de agência ou superior para usar o Widget Builder, mas o destinatário do widget personalizado não precisa estar em um plano de agência ou superior. Tanto os membros da equipe quanto os proprietários da conta podem receber widgets personalizados
-
O Duda não facilita o pagamento de widgets personalizados, você deve configurá-los fora da plataforma.
Para enviar um widget personalizado:
-
No Painel, clique emAtivos personalizadose, em seguida, clique emConstrutor de widgets.
-
Clique no ícone de três pontos ao lado do widget que você deseja enviar e clique emEnviar. Ou abra o widget desejado e cliqueGeralno menu Configurações e clique emGerar link.
-
CliqueCopiar linke envie para o destinatário.
O link expira em 24 horas ou após o usuário aceitar o widget, o que ocorrer primeiro. Quando o destinatário aceitar o widget, você receberá um e-mail de confirmação da Duda
Nota
Se você atualizar o widget depois de enviá-lo, precisará reenviar a versão atualizada. O reenvio do widget substitui a versão enviada anteriormente do widget. Você pode excluir o widget e isso não afetará o destinatário e seu uso do widget
Para aceitar um widget personalizado que foi enviado para sua conta, o cliente clicará no link que você enviou. O link expira após 24 horas ou depois que eles clicarem no link, o que ocorrer primeiro
Para aceitar um widget personalizado:
-
Clique no link. Ele abre o painel do widget
-
CliqueAceitar widget,Pré-visualização, ouRejeitar.
Depois de aceitar o widget, ele estará disponível no painel de widgets do editor em todos os sites. Se você estiver em um plano de agência ou superior, poderá visualizar o widget no Painel do Widget
Você pode arquivar widgets que não foram publicados para ajudar a manter seu painel de widgets mais organizado e livre de bagunça.
Para arquivar um widget personalizado, navegue até o Widget Builder, clique no ícone de três pontos ao lado do widget personalizado e selecione Arquivo. Atualmente, você não pode restaurar um widget arquivado