Widget de Quadro de Vagas do Webflow
Crie seu Widget de Quadro de Vagas
Por que as pessoas amam a Elfsight
Um Quadro de Vagas é mais que uma lista – é a porta de entrada para suas contratações. Com o widget Quadro de Vagas da Elfsight, você transforma essa porta em algo bonito, funcional e totalmente seu.
Você não precisará lidar com integrações complicadas ou código difícil. Escolha como as listagens ficam, defina quais informações você precisa e incorpore exatamente onde quiser. Quer você tenha uma equipe pequena ou gerencie vários departamentos, este widget ajuda a apresentar oportunidades de carreira de forma profissional.
Você sabia?
Hoje em dia várias empresas gerenciam um quadro de vagas com a marca da empresa ao lado de grandes plataformas, para manter o controle sobre a experiência dos candidatos.
Dê aos seus visitantes um espaço para se candidatar — adicione um Quadro de Vagas personalizado da Elfsight ao seu site Webflow, sob a sua marca.
Principais recursos do Quadro de Vagas do Webflow
Veja o que o widget pode fazer:
- Cartões de vagas flexíveis: Adicione título da vaga, salário, localização, tipo de contrato, departamento e habilidades – tudo que você precisa para que os candidatos tenham a visão completa.
- Visualização detalhada em popup: Clique em um cartão de vaga e veja mais informações (descrição, requisitos, etc.) em um popup limpo. Você escolhe quais campos mostrar ou ocultar.
- Botão de Candidatura e Link: Direcione os candidatos aos seus próprios formulários de candidatura ou a páginas externas quando clicarem em “Candidatar-se”.
- Ajustes de estilo inteligente: Use o gerador de tema de cores inteligente para escolher um estilo base (claro ou escuro, cor primária) e deixar o sistema mapear as tonalidades — ou mergulhe e ajuste cada elemento você mesmo.
- Vários layouts: Escolha entre vários layouts (lista, grade, mosaico etc.) para combinar com a forma como você quer apresentar trabalhos.
- Responsivo e pronto para dispositivos móveis: Tudo se ajusta automaticamente para que as listagens de vagas fiquem ótimas em smartphones, tablets ou desktops.
- Suporte a JavaScript personalizado: Você pode injetar scripts personalizados para adicionar comportamento ou recursos (observação: funciona após a instalação, não na prévia).
Experimente agora no editor ao vivo – sem necessidade de cadastro
Como Adicionar o Quadro de Vagas ao Webflow
Você não precisa ser um desenvolvedor — são apenas alguns passos e pronto.
Método 1: Inserção inline (em uma página)
Use isto quando quiser que o quadro de vagas fique naturalmente integrado ao seu conteúdo — por exemplo, na página de Carreiras ou em uma seção dedicada a vagas.
- Selecione um modelo: No editor do Elfsight, escolha um layout que combine com o estilo do seu site.
- <strong>Customize seu widget:</strong> Defina quais campos exibir, adicione todas as informações, escolha cores, fontes e o layout.
- Gerar o código: Clique em “Adicionar ao site” e copie o trecho de incorporação.
- Incorpore no Webflow: No Webflow Designer, arraste um elemento de Incorporar (Embed) ou use a área de Código Personalizado, cole o trecho onde você quer que o quadro de vagas apareça.
- Publicar & testar: Salve e publique – visualize a página e veja os anúncios de vagas no ar.
Método 2: Modo flutuante / fixo
Escolha isto se quiser um Quadro de Vagas que siga seus visitantes enquanto navegam — como uma barra lateral persistente que mantém as oportunidades em destaque.
- Escolha o layout flutuante: No editor de widgets, escolha um estilo que flutue ou permaneça nas bordas da tela.
- Aparência e comportamento: Adicione textos, ajuste o ícone, posição e quais funções aparecem primeiro.
- Gerar snippet: Copie o código do Elfsight.
- Incorpore globalmente: Cole no rodapé do Código Personalizado do seu site ou nas Configurações de incorporação em todo o site.
- Verifique em todas as páginas: Publique e navegue — seu Quadro de Vagas deve aparecer onde você quiser.
Precisa de ajuda? Consulte nossa Central de Ajuda para guias mais detalhados. Você também pode sugerir novas funcionalidades via a Wishlist ou acompanhar melhorias no Changelog.