{"id":15089,"date":"2025-09-09T12:42:09","date_gmt":"2025-09-09T15:42:09","guid":{"rendered":"https:\/\/bfw.group\/?page_id=15089"},"modified":"2025-09-11T00:36:07","modified_gmt":"2025-09-11T03:36:07","slug":"gerador-de-assinatura","status":"publish","type":"page","link":"https:\/\/bfw.group\/en\/gerador-de-assinatura\/","title":{"rendered":"Gerador de Assinatura"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15089\" class=\"elementor elementor-15089\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5e8bf14 e-flex e-con-boxed e-con e-parent\" data-id=\"5e8bf14\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4ea128a5 e-flex e-con-boxed e-con e-parent\" data-id=\"4ea128a5\" data-element_type=\"container\" data-settings=\"{&quot;container_type&quot;:&quot;flex&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37c2ac52 elementor-widget elementor-widget-text-editor\" data-id=\"37c2ac52\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.16.0 - 31-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!DOCTYPE html> <html lang=\"pt-BR\"> <head> <meta charset=\"UTF-8\"> <title>Gerador de Assinaturas BFW<\/title> <style> body { font-family: Arial, sans-serif; background-color: #0c1c1c; color: #fff; margin: 0; padding: 20px; } h2 { text-align: center; margin-bottom: 20px; color: #000 !important; } .container { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; } .form-container, .preview-container { background: #123232; padding: 20px; border-radius: 12px; width: 45%; min-width: 300px; box-sizing: border-box; } label { display: block; margin-top: 10px; font-size: 14px; color: #fff; } input { width: 100%; padding: 10px; margin-top: 6px; border-radius: 6px; border: none; font-size: 14px; background: #fff !important; color: #000 !important; box-sizing: border-box; } input:invalid { border: none; } form:invalid input:invalid:focus { border: 2px solid red; } .error { color: #ff8080; font-size: 12px; margin-top: 4px; display: none; } .signature-preview { background: #fff; color: #000; padding: 20px; border-radius: 8px; min-height: 150px; overflow-x: auto; } .btn-center { text-align: center; margin-top: 15px; } button { padding: 12px 20px; font-size: 14px; border: none; border-radius: 8px; background: #c68c2f; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase; } button:hover { background: #a57426; } @media (max-width: 768px) { .container { flex-direction: column; align-items: center; } .form-container, .preview-container { width: 100%; } } <\/style> <\/head> <body> <h2>Gerador de Assinaturas BFW<\/h2> <div class=\"container\"> <!-- Formul\u00e1rio --> <div class=\"form-container\"> <form id=\"signatureForm\" novalidate action=\"\"> <label>Nome: <input type=\"text\" id=\"nome\" required> <\/label> <label>Sobrenome: <input type=\"text\" id=\"sobrenome\" required> <\/label> <label>Cargo: <input type=\"text\" id=\"cargo\" required> <\/label> <label>Telefone (WhatsApp): <input type=\"tel\" id=\"telefone\" required placeholder=\"(11) 99999-9999\"> <\/label> <label>Email: <input type=\"email\" id=\"email\" required placeholder=\"nome@bfw.group\"> <div id=\"emailError\" class=\"error\">\u26a0\ufe0f O email deve ser do dom\u00ednio @bfw.group<\/div> <\/label> <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form> <\/div> <!-- Pr\u00e9-visualiza\u00e7\u00e3o --> <div class=\"preview-container\"> <h3 style=\"text-align: center;margin-bottom:10px; color:#fff;\">Pr\u00e9-visualiza\u00e7\u00e3o<\/h3> <div id=\"preview\" class=\"signature-preview\"> <table style=\"width:100%; border-collapse:collapse; font-family:Arial, sans-serif; color:#000; font-size:14px; line-height:1.6;\"> <tr> <td style=\"width:120px; padding-right:15px; text-align:center; vertical-align:middle;\"> <a href=\"https:\/\/bfw.group\/en\/\" target=\"_blank\" style=\"text-decoration:none; display:inline-block;\"> <img decoding=\"async\" src=\"https:\/\/bfw.group\/wp-content\/uploads\/2025\/09\/logo_QRCODE.jpg\" alt=\"Logo BFW\" style=\"width:120px; height:auto; display:block; margin:0 auto;\"> <\/a> <\/td> <td style=\"vertical-align:middle; text-align:left;\"> <div style=\"border-left:2px solid #000; padding-left:13px;\"> <span id=\"outNome\" style=\"display:inline-block; white-space:nowrap; font-size:16px; font-weight:700;\">Seu Nome Sobrenome<\/span><br> <span id=\"outCargo\" style=\"display:block;\">Seu Cargo<\/span><br> \ud83d\udcde <a id=\"outTelefone\" href=\"https:\/\/wa.me\/55\" target=\"_blank\" style=\"color:#000; text-decoration:none;\">(11) 99999-9999<\/a><br> \u2709\ufe0f <a id=\"outEmail\" href=\"mailto:nome@bfw.group\" style=\"color:#000; text-decoration:none;\">nome@bfw.group<\/a><br> \ud83c\udf10 <a href=\"https:\/\/bfw.group\/en\/\" target=\"_blank\" style=\"color:#000; text-decoration:none;\">bfw.group<\/a> <\/div> <\/td> <\/tr> <\/table> <\/div> <div class=\"btn-center\"> <button id=\"copyBtn\">\ud83d\udccbCopiar Assinatura BFW<\/button> <\/div> <\/div> <\/div> <script> const form = document.getElementById(\"signatureForm\"); const emailInput = document.getElementById(\"email\"); const emailError = document.getElementById(\"emailError\"); \/\/ M\u00e1scara de telefone document.getElementById(\"telefone\").addEventListener(\"input\", function(e) { let value = e.target.value.replace(\/\\D\/g, \"\"); if (value.length > 11) value = value.slice(0, 11); if (value.length <= 10) { e.target.value = value.replace(\/(\\d{2})(\\d{4})(\\d{0,4})\/, \"($1) $2-$3\"); } else { e.target.value = value.replace(\/(\\d{2})(\\d{5})(\\d{0,4})\/, \"($1) $2-$3\"); } }); \/\/ Valida\u00e7\u00e3o do email emailInput.addEventListener(\"input\", () => { if (!emailInput.value.endsWith(\"@bfw.group\")) { emailError.style.display = \"block\"; emailInput.setCustomValidity(\"O email deve terminar com @bfw.group\"); } else { emailError.style.display = \"none\"; emailInput.setCustomValidity(\"\"); } }); \/\/ Atualiza\u00e7\u00e3o da pr\u00e9via form.addEventListener(\"input\", () => { const nome = document.getElementById(\"nome\").value; const sobrenome = document.getElementById(\"sobrenome\").value; const cargo = document.getElementById(\"cargo\").value; const telefone = document.getElementById(\"telefone\").value; const email = document.getElementById(\"email\").value; document.getElementById(\"outNome\").innerText = nome + \" \" + sobrenome; document.getElementById(\"outCargo\").innerText = cargo; document.getElementById(\"outEmail\").innerText = email; document.getElementById(\"outEmail\").href = \"mailto:\" + email; let onlyNumbers = telefone.replace(\/\\D\/g, \"\"); if (onlyNumbers.length === 11) { document.getElementById(\"outTelefone\").innerText = telefone; document.getElementById(\"outTelefone\").href = \"https:\/\/wa.me\/55\" + onlyNumbers; } }); \/\/ Copiar para \u00e1rea de transfer\u00eancia document.getElementById(\"copyBtn\").addEventListener(\"click\", () => { const preview = document.getElementById(\"preview\").innerHTML; const blobInput = new Blob([preview], { type: \"text\/html\" }); const data = [new ClipboardItem({ \"text\/html\": blobInput })]; navigator.clipboard.write(data).then(() => { alert(\"\u2705 Assinatura copiada para a \u00e1rea de transfer\u00eancia!\"); }).catch(err => { console.error(\"Erro ao copiar:\", err); alert(\"\u26a0\ufe0f N\u00e3o foi poss\u00edvel copiar automaticamente. Copie manualmente.\"); }); }); <\/script> <\/body> <\/html>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gerador de Assinaturas BFW Gerador de Assinaturas BFW Nome: Sobrenome: Cargo: Telefone (WhatsApp): Email: \u26a0\ufe0f O email deve ser do dom\u00ednio @bfw.group Pr\u00e9-visualiza\u00e7\u00e3o Seu Nome Sobrenome Seu Cargo \ud83d\udcde (11) 99999-9999 \u2709\ufe0f nome@bfw.group \ud83c\udf10 bfw.group \ud83d\udccbCopiar Assinatura BFW<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-15089","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/pages\/15089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/comments?post=15089"}],"version-history":[{"count":109,"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/pages\/15089\/revisions"}],"predecessor-version":[{"id":15283,"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/pages\/15089\/revisions\/15283"}],"wp:attachment":[{"href":"https:\/\/bfw.group\/en\/wp-json\/wp\/v2\/media?parent=15089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}