Widgets e Embeds

Adicione a calculadora de rescisão CLT ao seu site de forma fácil e gratuita. Código pronto para usar, totalmente responsivo e sem custos.

1. Widget de Link/Botão

Adicione um botão ou link que direciona para a calculadora. Ideal para blogs, sites de RH e portais trabalhistas.

Preview:

Calcular Rescisão CLT

Código HTML:

<a href="https://calculaclt.net" target="_blank" class="calculaclt-btn">
    Calcular Rescisão CLT Grátis
</a>

<style>
.calculaclt-btn {
    display: inline-block;
    background: #2563eb;
    color: white;
    font-weight: bold;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: background 0.2s;
}
.calculaclt-btn:hover {
    background: #1d4ed8;
}
</style>

2. Widget Banner

Banner promocional que pode ser adicionado em sidebars, rodapés ou seções de recursos.

Preview:

Calculadora de Rescisão CLT

Calcule quanto você vai receber na demissão. 100% gratuito!

Calcular Agora →

Código HTML:

<div class="calculaclt-banner">
    <h4>Calculadora de Rescisão CLT</h4>
    <p>Calcule quanto você vai receber na demissão. 100% gratuito!</p>
    <a href="https://calculaclt.net" target="_blank">
        Calcular Agora →
    </a>
</div>

<style>
.calculaclt-banner {
    background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    border-radius: 0.75rem;
    padding: 1.5rem;
    color: white;
}
.calculaclt-banner h4 {
    font-weight: bold;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}
.calculaclt-banner p {
    font-size: 0.875rem;
    color: #bfdbfe;
    margin-bottom: 1rem;
}
.calculaclt-banner a {
    display: inline-block;
    background: white;
    color: #2563eb;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background 0.2s;
}
.calculaclt-banner a:hover {
    background: #eff6ff;
}
</style>

3. Widget Card

Card informativo que pode ser usado em listas de ferramentas, diretórios ou seções de recursos.

Preview:

CalculaCLT

Calculadora gratuita de rescisão trabalhista CLT com tabelas oficiais INSS e IRRF 2026.

Usar Calculadora →

Código HTML:

<div class="calculaclt-card">
    <div class="calculaclt-card-header">
        <div class="calculaclt-icon">🔢</div>
        <h4>CalculaCLT</h4>
    </div>
    <p>Calculadora gratuita de rescisão trabalhista CLT com tabelas oficiais INSS e IRRF 2026.</p>
    <a href="https://calculaclt.net" target="_blank">
        Usar Calculadora →
    </a>
</div>

<style>
.calculaclt-card {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.calculaclt-card-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.calculaclt-icon {
    background: #dbeafe;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
}
.calculaclt-card h4 {
    font-weight: bold;
    color: #1e293b;
}
.calculaclt-card p {
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 1rem;
}
.calculaclt-card a {
    color: #2563eb;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
}
.calculaclt-card a:hover {
    text-decoration: underline;
}
</style>

4. Embed via Iframe (Avançado)

Para sites que permitem iframes, você pode incorporar a calculadora diretamente. Nota: Alguns sites podem bloquear iframes por questões de segurança.

Código HTML:

<iframe 
    src="https://calculaclt.net" 
    width="100%" 
    height="800" 
    frameborder="0" 
    style="border-radius: 0.75rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"
></iframe>

⚠️ Aviso: O uso de iframe pode não funcionar em todos os sites devido a políticas de segurança (CSP, X-Frame-Options). Recomendamos usar os widgets de link/botão ou banner.

Benefícios de Usar Nossos Widgets

✓

100% Gratuito

Todos os widgets são gratuitos, sem custos ou taxas.

✓

Totalmente Responsivo

Funciona perfeitamente em desktop, tablet e mobile.

✓

Fácil de Implementar

Código pronto para copiar e colar, sem configuração complexa.

✓

Valor para Seus Visitantes

Oferece uma ferramenta útil que seus visitantes vão adorar usar.

Como Usar

Escolha o Widget

Selecione o tipo de widget que melhor se adequa ao seu site (botão, banner, card ou iframe).

Copie o Código

Clique no botão "Copiar" para copiar o código HTML completo.

Cole no Seu Site

Cole o código na página HTML onde deseja exibir o widget.

Personalize (Opcional)

Ajuste cores, tamanhos e textos conforme o design do seu site.

Precisa de Ajuda?

Se tiver dúvidas sobre como implementar os widgets ou precisar de uma versão personalizada, entre em contato conosco.

Entre em Contato