{"id":3170,"date":"2026-03-10T21:45:19","date_gmt":"2026-03-10T21:45:19","guid":{"rendered":"https:\/\/world4all.fun\/?page_id=3170"},"modified":"2026-03-10T22:51:51","modified_gmt":"2026-03-10T22:51:51","slug":"generatore-email-world4all","status":"publish","type":"page","link":"https:\/\/world4all.fun\/es\/generatore-email-world4all\/","title":{"rendered":"Generador de firmas de correo electr\u00f3nico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3170\" class=\"elementor elementor-3170\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32fdcae e-flex e-con-boxed e-con e-parent\" data-id=\"32fdcae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44a05f6 elementor-widget elementor-widget-html\" data-id=\"44a05f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>World4All \u2014 Email Onboarding<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n:root {\n  --violet: #AB74F9;\n  --violet-dim: #8B50E0;\n  --violet-pale: #F0EBFF;\n  --dark: #231F20;\n  --bg: #F6F3FF;\n  --card: #ffffff;\n  --border: #E4D9FF;\n  --muted: #7A6E87;\n  --success: #48BB78;\n  --warning: #F59E0B;\n  --mac: #555555;\n  --win: #0078D4;\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--dark); min-height: 100vh; padding: 0 0 60px; }\n\n\/* TOP BAR *\/\n.topbar { background: var(--dark); padding: 14px 40px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; }\n.topbar img { height: 32px; }\n.topbar-label { font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(255,255,255,0.45); }\n\n\/* HERO *\/\n.hero { background: linear-gradient(135deg, #1a0a2e 0%, #2d1060 60%, #3d1a80 100%); padding: 52px 40px 48px; text-align: center; position: relative; overflow: hidden; }\n.hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 0%, rgba(171,116,249,0.3) 0%, transparent 65%); }\n.hero h1 { font-size: 32px; font-weight: 700; color: white; letter-spacing: -0.8px; position: relative; }\n.hero h1 span { color: var(--violet); }\n.hero p { font-size: 15px; color: rgba(255,255,255,0.55); margin-top: 10px; font-weight: 300; position: relative; }\n\n\/* OS BADGE *\/\n.os-badge { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; position: relative; }\n.os-badge.win { background: rgba(0,120,212,0.25); color: #90caff; border: 1px solid rgba(0,120,212,0.4); }\n.os-badge.mac { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.2); }\n\n\/* STEPS BAR *\/\n.steps-bar { display: flex; justify-content: center; gap: 0; padding: 28px 40px 0; max-width: 700px; margin: 0 auto; }\n.step-dot { display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; }\n.step-dot::before { content: ''; position: absolute; top: 14px; left: 50%; right: -50%; height: 2px; background: var(--border); z-index: 0; }\n.step-dot:last-child::before { display: none; }\n.step-dot.active::before, .step-dot.done::before { background: var(--violet); }\n.dot-circle { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--border); background: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--muted); position: relative; z-index: 1; transition: all 0.3s; }\n.step-dot.active .dot-circle { border-color: var(--violet); background: var(--violet); color: white; }\n.step-dot.done .dot-circle { border-color: var(--success); background: var(--success); color: white; }\n.dot-label { font-size: 11px; color: var(--muted); margin-top: 6px; font-weight: 500; white-space: nowrap; }\n.step-dot.active .dot-label { color: var(--violet); font-weight: 600; }\n\n\/* CONTAINER *\/\n.container { max-width: 880px; margin: 0 auto; padding: 32px 24px 0; }\n\n\/* SECTIONS *\/\n.section { display: none; }\n.section.visible { display: block; animation: fadeIn 0.35s ease; }\n@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n\n\/* CARD *\/\n.card { background: var(--card); border: 1.5px solid var(--border); border-radius: 18px; padding: 32px; box-shadow: 0 4px 32px rgba(171,116,249,0.08); margin-bottom: 24px; }\n.card-title { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.8px; color: var(--violet); margin-bottom: 22px; }\n.card-subtitle { font-size: 14px; color: var(--muted); margin-bottom: 22px; line-height: 1.6; }\n\n\/* GRID *\/\n.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n@media (max-width: 600px) { .grid-2 { grid-template-columns: 1fr; } }\n\n\/* FIELDS *\/\n.field { margin-bottom: 18px; }\n.field:last-child { margin-bottom: 0; }\nlabel { display: block; font-size: 12px; font-weight: 500; color: var(--muted); margin-bottom: 7px; letter-spacing: 0.3px; }\nlabel .req { color: var(--violet); }\ninput, select { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-family: 'DM Sans', sans-serif; font-size: 14px; color: var(--dark); background: #FDFBFF; transition: border-color 0.2s, box-shadow 0.2s; outline: none; appearance: none; }\ninput:focus, select:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(171,116,249,0.12); }\ninput::placeholder { color: #C4B8D8; }\n.pwd-wrap { position: relative; }\n.pwd-wrap input { padding-right: 44px; }\n.pwd-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--muted); padding: 4px; }\n.pwd-toggle:hover { color: var(--violet); }\n.field-hint { font-size: 11px; color: var(--muted); margin-top: 5px; line-height: 1.4; }\n\n\/* OS SELECTOR *\/\n.os-tabs { display: flex; gap: 10px; margin-bottom: 24px; }\n.os-tab { flex: 1; padding: 14px; border: 2px solid var(--border); border-radius: 12px; background: white; cursor: pointer; text-align: center; transition: all 0.2s; }\n.os-tab:hover { border-color: var(--violet); }\n.os-tab.selected { border-color: var(--violet); background: var(--violet-pale); }\n.os-tab-icon { font-size: 24px; margin-bottom: 6px; }\n.os-tab-label { font-size: 13px; font-weight: 600; }\n.os-tab-sub { font-size: 11px; color: var(--muted); margin-top: 2px; }\n\n\/* PREVIEW *\/\n.preview-wrap { background: #FDFBFF; border: 1.5px solid var(--border); border-radius: 12px; padding: 20px; min-height: 180px; }\n.preview-empty { font-size: 13px; color: #C4B8D8; font-style: italic; }\n\n\/* CODE *\/\n.code-wrap { background: var(--dark); border-radius: 12px; padding: 16px; margin-top: 16px; }\n.code-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.35); margin-bottom: 10px; }\n.code-pre { font-family: 'DM Mono', monospace; font-size: 11px; color: rgba(255,255,255,0.72); white-space: pre-wrap; word-break: break-all; line-height: 1.6; max-height: 180px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--violet) transparent; }\n\n\/* DOWNLOAD CARDS *\/\n.dl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n.dl-grid.triple { grid-template-columns: 1fr 1fr 1fr; }\n@media (max-width: 640px) { .dl-grid, .dl-grid.triple { grid-template-columns: 1fr; } }\n.dl-card { border: 1.5px solid var(--border); border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 10px; background: white; transition: border-color 0.2s, box-shadow 0.2s; }\n.dl-card:hover { border-color: var(--violet); box-shadow: 0 4px 20px rgba(171,116,249,0.12); }\n.dl-card.highlight { border-color: var(--violet); background: var(--violet-pale); }\n.dl-badge { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 3px 8px; border-radius: 6px; }\n.dl-badge.win { background: rgba(0,120,212,0.1); color: var(--win); }\n.dl-badge.mac { background: #F0F0F0; color: var(--mac); }\n.dl-badge.all { background: var(--violet-pale); color: var(--violet-dim); }\n.dl-icon { font-size: 28px; }\n.dl-title { font-size: 14px; font-weight: 700; }\n.dl-desc { font-size: 12px; color: var(--muted); line-height: 1.5; }\n.dl-steps { list-style: none; padding: 0; margin-top: 4px; }\n.dl-steps li { font-size: 11px; color: var(--muted); padding: 3px 0; display: flex; gap: 7px; align-items: flex-start; }\n.dl-steps li::before { content: attr(data-n); width: 16px; height: 16px; min-width: 16px; background: var(--violet-pale); color: var(--violet); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; margin-top: 1px; }\n\n\/* BUTTONS *\/\n.btn-row { display: flex; gap: 12px; margin-top: 24px; flex-wrap: wrap; }\n.btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border: none; border-radius: 11px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; letter-spacing: 0.2px; }\n.btn:hover { transform: translateY(-1px); }\n.btn:active { transform: translateY(0); }\n.btn-primary { background: var(--violet); color: white; }\n.btn-primary:hover { background: var(--violet-dim); }\n.btn-outline { background: white; color: var(--dark); border: 1.5px solid var(--border); }\n.btn-outline:hover { border-color: var(--violet); color: var(--violet); }\n.btn-dark { background: var(--dark); color: white; }\n.btn-dark:hover { background: #3a3335; }\n.btn-win { background: var(--win); color: white; }\n.btn-win:hover { background: #006cbf; }\n.btn-mac { background: #444; color: white; }\n.btn-mac:hover { background: #222; }\n.btn-full { width: 100%; justify-content: center; }\n.btn-sm { padding: 9px 16px; font-size: 13px; }\n\n\/* ALERT *\/\n.alert { padding: 12px 16px; border-radius: 10px; font-size: 13px; line-height: 1.5; margin-bottom: 18px; display: flex; gap: 10px; align-items: flex-start; }\n.alert-info { background: var(--violet-pale); color: var(--violet-dim); border: 1px solid #d8c5ff; }\n.alert-warn { background: #FFF8E7; color: #92620A; border: 1px solid #fde68a; }\n\n\/* SUMMARY *\/\n.summary-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 13px; }\n.summary-row:last-child { border-bottom: none; }\n.summary-row span:first-child { color: var(--muted); }\n.summary-row span:last-child { font-weight: 600; }\n.tag-pwd { font-family: 'DM Mono', monospace; font-size: 12px; background: var(--violet-pale); color: var(--violet-dim); padding: 2px 8px; border-radius: 6px; letter-spacing: 2px; }\n.tag-os { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 6px; }\n.tag-os.win { background: rgba(0,120,212,0.1); color: var(--win); }\n.tag-os.mac { background: #F0F0F0; color: #444; }\n\n\/* DIVIDER *\/\n.divider { height: 1.5px; background: var(--border); border-radius: 4px; margin: 24px 0; }\n\n\/* GUIDE STEPS *\/\n.guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }\n.guide-step { padding: 14px; background: #FDFBFF; border: 1.5px solid var(--border); border-radius: 12px; }\n.guide-step strong { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }\n.guide-step span { font-size: 12px; color: var(--muted); line-height: 1.5; }\n\n\/* TOAST *\/\n.toast { position: fixed; bottom: 28px; right: 28px; background: var(--dark); color: white; padding: 12px 20px; border-radius: 11px; font-size: 13px; font-weight: 500; opacity: 0; transform: translateY(8px); transition: all 0.3s; pointer-events: none; z-index: 9999; max-width: 320px; }\n.toast.show { opacity: 1; transform: translateY(0); }\n<\/style>\n<\/head>\n<body>\n\n<!-- TOP BAR -->\n<div class=\"topbar\">\n  <img decoding=\"async\" src=\"https:\/\/world4all.fun\/wp-content\/uploads\/2026\/02\/W4A_logo-oriz-bianco-registrato.svg\" alt=\"World4All\" onerror=\"this.style.display='none'\"\/>\n  <span class=\"topbar-label\">Email Onboarding<\/span>\n<\/div>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <h1>Configura la tua <span>email World4All<\/span><\/h1>\n  <p>Compila i tuoi dati \u00b7 anteprima firma \u00b7 scarica i file di installazione<\/p>\n  <div class=\"os-badge\" id=\"os-hero-badge\">\u23f3 Rilevamento sistema...<\/div>\n<\/div>\n\n<!-- STEP INDICATOR -->\n<div class=\"steps-bar\">\n  <div class=\"step-dot active\" id=\"dot-1\"><div class=\"dot-circle\">1<\/div><div class=\"dot-label\">Dati personali<\/div><\/div>\n  <div class=\"step-dot\" id=\"dot-2\"><div class=\"dot-circle\">2<\/div><div class=\"dot-label\">Anteprima<\/div><\/div>\n  <div class=\"step-dot\" id=\"dot-3\"><div class=\"dot-circle\">3<\/div><div class=\"dot-label\">Scarica file<\/div><\/div>\n<\/div>\n\n<div class=\"container\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STEP 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"section visible\" id=\"section-1\">\n\n    <div class=\"card\">\n      <div class=\"card-title\">\ud83d\udcbb Sistema Operativo<\/div>\n      <div class=\"card-subtitle\">Seleziona il tuo sistema per ricevere i file corretti.<\/div>\n      <div class=\"os-tabs\">\n        <div class=\"os-tab\" id=\"tab-win\" onclick=\"selectOS('win')\">\n          <div class=\"os-tab-icon\">\ud83e\ude9f<\/div>\n          <div class=\"os-tab-label\">Windows<\/div>\n          <div class=\"os-tab-sub\">Outlook per Windows<\/div>\n        <\/div>\n        <div class=\"os-tab\" id=\"tab-mac\" onclick=\"selectOS('mac')\">\n          <div class=\"os-tab-icon\">\ud83c\udf4e<\/div>\n          <div class=\"os-tab-label\">macOS<\/div>\n          <div class=\"os-tab-sub\">Apple Mail + Thunderbird<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"card-title\">\ud83d\udc64 Dati Personali<\/div>\n      <div class=\"grid-2\">\n        <div class=\"field\">\n          <label>Nome e Cognome <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"nome\" placeholder=\"es. Marco Bottardi\" oninput=\"livePreview()\"\/>\n        <\/div>\n        <div class=\"field\">\n          <label>Ruolo <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"ruolo\" placeholder=\"es. Founder\" oninput=\"livePreview()\"\/>\n        <\/div>\n        <div class=\"field\">\n          <label>Cellulare <span class=\"req\">*<\/span><\/label>\n          <input type=\"tel\" id=\"telefono\" placeholder=\"es. +39 333 00000000\" oninput=\"livePreview()\"\/>\n        <\/div>\n        <div class=\"field\">\n          <label>Indirizzo Email <span class=\"req\">*<\/span><\/label>\n          <input type=\"email\" id=\"email\" placeholder=\"es. nome@world4all.fun\" oninput=\"livePreview()\"\/>\n        <\/div>\n      <\/div>\n      <div class=\"divider\"><\/div>\n      <div class=\"card-title\">\ud83d\udd10 Credenziali Email<\/div>\n      <div class=\"alert alert-warn\">\n        \u26a0\ufe0f La password viene usata <strong>solo localmente<\/strong> per generare il file di configurazione. Non viene mai inviata n\u00e9 salvata su nessun server.\n      <\/div>\n      <div class=\"grid-2\">\n        <div class=\"field\">\n          <label>Username \/ Email <span class=\"req\">*<\/span><\/label>\n          <input type=\"email\" id=\"username\" placeholder=\"es. nome@world4all.fun\"\/>\n          <div class=\"field-hint\">Di solito uguale all'indirizzo email<\/div>\n        <\/div>\n        <div class=\"field\">\n          <label>Password Email <span class=\"req\">*<\/span><\/label>\n          <div class=\"pwd-wrap\">\n            <input type=\"password\" id=\"password\" placeholder=\"La tua password email\"\/>\n            <button class=\"pwd-toggle\" onclick=\"togglePwd()\">\n              <svg id=\"eye-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"card-title\">\ud83d\udc41\ufe0f Anteprima Firma Live<\/div>\n      <div class=\"preview-wrap\" id=\"live-preview\">\n        <span class=\"preview-empty\">Inizia a digitare per vedere la firma...<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"btn-row\">\n      <button class=\"btn btn-primary\" onclick=\"goToStep2()\">\n        Continua\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STEP 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"section\" id=\"section-2\">\n    <div class=\"card\">\n      <div class=\"card-title\">\u270d\ufe0f Anteprima Firma<\/div>\n      <div class=\"card-subtitle\">Controlla che tutto sia corretto prima di generare i file.<\/div>\n      <div class=\"preview-wrap\" id=\"preview-final\"><\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"card-title\">\ud83d\udccb Riepilogo Configurazione<\/div>\n      <div id=\"summary-box\"><\/div>\n    <\/div>\n\n    <div class=\"card\">\n      <div class=\"card-title\">\ud83d\udd27 Codice HTML Firma<\/div>\n      <div class=\"code-wrap\">\n        <div class=\"code-label\">Copia e incolla nel tuo client email se necessario<\/div>\n        <div class=\"code-pre\" id=\"code-preview\"><\/div>\n      <\/div>\n      <div class=\"btn-row\">\n        <button class=\"btn btn-outline btn-sm\" onclick=\"copyHtml()\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n          Copia HTML firma\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"btn-row\">\n      <button class=\"btn btn-outline\" onclick=\"goToStep(1)\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n        Indietro\n      <\/button>\n      <button class=\"btn btn-primary\" onclick=\"goToStep3()\">\n        Genera i file di installazione\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STEP 3 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"section\" id=\"section-3\">\n\n    <!-- WINDOWS -->\n    <div id=\"dl-windows\" style=\"display:none;\">\n      <div class=\"card\">\n        <div class=\"card-title\">\ud83e\ude9f File per Windows<\/div>\n        <div class=\"card-subtitle\">Scarica entrambi i file e segui le istruzioni qui sotto.<\/div>\n        <div class=\"dl-grid\">\n\n          <div class=\"dl-card\">\n            <div><span class=\"dl-badge win\">Windows \u00b7 Outlook<\/span><\/div>\n            <div class=\"dl-icon\">\ud83d\udce7<\/div>\n            <div class=\"dl-title\">Configurazione Outlook<\/div>\n            <div class=\"dl-desc\">File <code>.prf<\/code> \u2014 configura automaticamente IMAP\/SMTP, porte e SSL.<\/div>\n            <button class=\"btn btn-win btn-full\" onclick=\"downloadPRF()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Scarica .prf Outlook\n            <\/button>\n            <ol class=\"dl-steps\">\n              <li data-n=\"1\">Chiudi Outlook completamente<\/li>\n              <li data-n=\"2\">Doppio click sul file .prf scaricato<\/li>\n              <li data-n=\"3\">Conferma l'aggiunta dell'account<\/li>\n              <li data-n=\"4\">Riapri Outlook e inserisci la password se richiesta<\/li>\n            <\/ol>\n          <\/div>\n\n          <div class=\"dl-card\">\n            <div><span class=\"dl-badge all\">Tutti i client<\/span><\/div>\n            <div class=\"dl-icon\">\u270d\ufe0f<\/div>\n            <div class=\"dl-title\">Firma Email HTML<\/div>\n            <div class=\"dl-desc\">File <code>.htm<\/code> \u2014 firma con logo, dati e disclaimer. Funziona su Outlook e Thunderbird.<\/div>\n            <button class=\"btn btn-primary btn-full\" onclick=\"downloadSignature()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Scarica Firma .htm\n            <\/button>\n            <ol class=\"dl-steps\">\n              <li data-n=\"1\">Scarica il file .htm<\/li>\n              <li data-n=\"2\">Outlook: File \u2192 Opzioni \u2192 Posta \u2192 Firme \u2192 Nuova \u2192 seleziona file<\/li>\n              <li data-n=\"3\">Thunderbird: Impostazioni Account \u2192 Allega firma come file<\/li>\n            <\/ol>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <div class=\"card-title\">\ud83d\udcd6 Guida installazione Outlook (PRF)<\/div>\n        <div class=\"alert alert-info\">\ud83d\udca1 Il .prf configura tutto automaticamente. Outlook chieder\u00e0 la password una sola volta al primo avvio.<\/div>\n        <div class=\"guide-grid\">\n          <div class=\"guide-step\"><strong>\u2460 Chiudi Outlook<\/strong><span>Assicurati che Outlook sia completamente chiuso prima di procedere.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2461 Doppio click sul .prf<\/strong><span>Windows aprir\u00e0 automaticamente il file con Outlook. Conferma l'aggiunta.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2462 Riapri Outlook<\/strong><span>Inserisci la password e spunta \"Ricorda credenziali\".<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2463 Collega la firma<\/strong><span>Vai su File \u2192 Opzioni \u2192 Posta \u2192 Firme e collega il file .htm scaricato.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- MAC -->\n    <div id=\"dl-mac\" style=\"display:none;\">\n      <div class=\"card\">\n        <div class=\"card-title\">\ud83c\udf4e File per macOS<\/div>\n        <div class=\"card-subtitle\">Scarica i file per Apple Mail e\/o Thunderbird e segui le istruzioni.<\/div>\n        <div class=\"dl-grid triple\">\n\n          <div class=\"dl-card\">\n            <div><span class=\"dl-badge mac\">macOS \u00b7 Apple Mail<\/span><\/div>\n            <div class=\"dl-icon\">\ud83d\udcec<\/div>\n            <div class=\"dl-title\">Apple Mail<\/div>\n            <div class=\"dl-desc\">File <code>.mobileconfig<\/code> \u2014 doppio click e macOS installa IMAP\/SMTP in automatico.<\/div>\n            <button class=\"btn btn-mac btn-full\" onclick=\"downloadMobileConfig()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Scarica .mobileconfig\n            <\/button>\n            <ol class=\"dl-steps\">\n              <li data-n=\"1\">Doppio click sul file scaricato<\/li>\n              <li data-n=\"2\">Vai in Preferenze di Sistema \u2192 Profili<\/li>\n              <li data-n=\"3\">Clicca \"Installa\" e inserisci la password Mac<\/li>\n              <li data-n=\"4\">Apri Apple Mail: l'account \u00e8 gi\u00e0 configurato<\/li>\n            <\/ol>\n          <\/div>\n\n          <div class=\"dl-card\">\n            <div><span class=\"dl-badge mac\">macOS \u00b7 Thunderbird<\/span><\/div>\n            <div class=\"dl-icon\">\u26a1<\/div>\n            <div class=\"dl-title\">Thunderbird Mac<\/div>\n            <div class=\"dl-desc\">Script <code>.sh<\/code> \u2014 esegui nel Terminale per configurare Thunderbird automaticamente.<\/div>\n            <button class=\"btn btn-mac btn-full\" onclick=\"downloadShellScript()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Scarica script .sh\n            <\/button>\n            <ol class=\"dl-steps\">\n              <li data-n=\"1\">Chiudi Thunderbird<\/li>\n              <li data-n=\"2\">Apri Terminale<\/li>\n              <li data-n=\"3\">Trascina il file .sh nel Terminale e premi Invio<\/li>\n              <li data-n=\"4\">Riapri Thunderbird: l'account \u00e8 configurato<\/li>\n            <\/ol>\n          <\/div>\n\n          <div class=\"dl-card\">\n            <div><span class=\"dl-badge all\">Tutti i client<\/span><\/div>\n            <div class=\"dl-icon\">\u270d\ufe0f<\/div>\n            <div class=\"dl-title\">Firma Email HTML<\/div>\n            <div class=\"dl-desc\">File <code>.htm<\/code> \u2014 firma con logo, dati e disclaimer per Apple Mail e Thunderbird.<\/div>\n            <button class=\"btn btn-primary btn-full\" onclick=\"downloadSignature()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n              Scarica Firma .htm\n            <\/button>\n            <ol class=\"dl-steps\">\n              <li data-n=\"1\">Scarica il file .htm<\/li>\n              <li data-n=\"2\">Apple Mail: Preferenze \u2192 Firme \u2192 trascina il file<\/li>\n              <li data-n=\"3\">Thunderbird: Impostazioni Account \u2192 Allega firma come file<\/li>\n            <\/ol>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <div class=\"card-title\">\ud83d\udcd6 Guida installazione Apple Mail (mobileconfig)<\/div>\n        <div class=\"alert alert-info\">\ud83d\udca1 Il .mobileconfig \u00e8 il sistema Apple ufficiale per configurare account email. \u00c8 sicuro e firmato localmente dalla pagina.<\/div>\n        <div class=\"guide-grid\">\n          <div class=\"guide-step\"><strong>\u2460 Scarica il file<\/strong><span>Il browser scaricher\u00e0 il file <code>.mobileconfig<\/code> nella cartella Download.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2461 Doppio click<\/strong><span>macOS riconosce automaticamente il profilo e apre la finestra di installazione.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2462 Preferenze di Sistema<\/strong><span>Vai su Preferenze di Sistema \u2192 Profili e clicca <strong>Installa<\/strong>.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2463 Apri Apple Mail<\/strong><span>L'account World4All sar\u00e0 gi\u00e0 presente con IMAP\/SMTP configurati. Collega poi la firma .htm.<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <div class=\"card-title\">\ud83d\udcd6 Guida script Thunderbird (macOS)<\/div>\n        <div class=\"alert alert-warn\">\u26a0\ufe0f Lo script modifica il profilo Thunderbird direttamente. Assicurati che Thunderbird sia <strong>chiuso<\/strong> prima di eseguirlo.<\/div>\n        <div class=\"guide-grid\">\n          <div class=\"guide-step\"><strong>\u2460 Chiudi Thunderbird<\/strong><span>Completamente \u2014 verifica che non sia in background nel dock.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2461 Apri Terminale<\/strong><span>Cerca \"Terminale\" in Spotlight (\u2318 + Spazio) e aprilo.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2462 Esegui lo script<\/strong><span>Trascina il file .sh nella finestra del Terminale e premi <strong>Invio<\/strong>.<\/span><\/div>\n          <div class=\"guide-step\"><strong>\u2463 Riapri Thunderbird<\/strong><span>L'account World4All sar\u00e0 gi\u00e0 configurato. Collega poi la firma .htm nelle impostazioni account.<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"btn-row\">\n      <button class=\"btn btn-outline\" onclick=\"goToStep(1)\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n        Ricomincia\n      <\/button>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/container -->\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n\/\/ \u2500\u2500 SERVER CONFIG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst SRV = {\n  imapServer: 'world4all.fun',\n  imapPort: 993, imapSSL: true,\n  smtpServer: 'world4all.fun',\n  smtpPort: 465, smtpSSL: true,\n};\n\nlet selectedOS = '';\n\n\/\/ \u2500\u2500 OS DETECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n(function detectOS() {\n  const ua = navigator.userAgent;\n  const badge = document.getElementById('os-hero-badge');\n  if (\/Mac|iPhone|iPad|iPod\/.test(ua) && !\/Windows\/.test(ua)) {\n    selectOS('mac');\n    badge.className = 'os-badge mac';\n    badge.textContent = '\ud83c\udf4e macOS rilevato \u2014 file per Apple Mail e Thunderbird';\n  } else {\n    selectOS('win');\n    badge.className = 'os-badge win';\n    badge.textContent = '\ud83e\ude9f Windows rilevato \u2014 file per Outlook';\n  }\n})();\n\nfunction selectOS(os) {\n  selectedOS = os;\n  document.getElementById('tab-win').classList.toggle('selected', os === 'win');\n  document.getElementById('tab-mac').classList.toggle('selected', os === 'mac');\n}\n\n\/\/ \u2500\u2500 HELPERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction v(id) { return document.getElementById(id).value.trim(); }\nfunction showToast(msg, dur = 3000) {\n  const t = document.getElementById('toast');\n  t.textContent = msg; t.classList.add('show');\n  setTimeout(() => t.classList.remove('show'), dur);\n}\nfunction dlFile(name, content, type) {\n  const blob = new Blob([content], { type });\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement('a');\n  a.href = url; a.download = name; a.click();\n  URL.revokeObjectURL(url);\n}\nfunction safeSlug(s) { return s.toLowerCase().replace(\/\\s+\/g,'-').replace(\/[^a-z0-9-]\/g,''); }\n\n\/\/ \u2500\u2500 PASSWORD TOGGLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction togglePwd() {\n  const inp = document.getElementById('password');\n  inp.type = inp.type === 'password' ? 'text' : 'password';\n  document.getElementById('eye-icon').innerHTML = inp.type === 'text'\n    ? '<path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/>'\n    : '<path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>';\n}\n\n\/\/ \u2500\u2500 SIGNATURE HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction sigHtml(nome, ruolo, tel, email) {\n  const telHref = tel.replace(\/\\s\/g,'');\n  return `<style type=\"text\/css\">\n.mgm_link:hover{color:#AB74F9!important;}\ndiv,p,a,li,td{-webkit-text-size-adjust:none;}\n<\/style>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"border-width:0px;border:0px;margin:0;padding:0;padding:6px 6px 2px 6px;\">\n  <tr><td valign=\"top\" style=\"padding:0 0 6px 0;\">\n    <img decoding=\"async\" src=\"https:\/\/world4all.fun\/wp-content\/uploads\/2026\/03\/W4A_logo-oriz-colorato-registrato-mail.png\" width=\"157px\" style=\"width:157px;\"\/>\n  <\/td><\/tr>\n  <tr><td valign=\"top\" style=\"padding-bottom:8px;\">\n    <div style=\"font-size:16px;line-height:16px;font-family:Helvetica,Arial,sans-serif;color:#231F20;white-space:nowrap;\">\n      <b>${nome}<\/b><br\/>\n      <small style=\"padding-right:6px;font-weight:200;\">${ruolo}<\/small>\n    <\/div>\n  <\/td><\/tr>\n  <tr><td valign=\"top\" colspan=\"2\" style=\"border-top:2px solid #AB74F9;color:#231F20;font-size:0.7em;font-family:Helvetica,Arial,sans-serif;font-weight:200;padding-top:8px;line-height:1.4em;white-space:nowrap;\">\n    <div style=\"padding-bottom:2px;\"><b style=\"font-weight:600;\">World4All<\/b><\/div>\n    <span style=\"color:#AB74F9;\">m:<\/span> <a href=\"tel:${telHref}\" class=\"mgm_link\" style=\"color:#231F20;\">${tel}<\/a><br\/>\n    <span style=\"color:#AB74F9;padding-right:4px;\">a:<\/span> Via Monte Scorticato, 4 Localit\u00e0 Casone - Desenzano d.G. (BS)<br\/>\n    <span style=\"color:#AB74F9;font-weight:bold;\">w:<\/span> <a href=\"https:\/\/www.world4all.fun\" class=\"mgm_link\" style=\"color:#231F20;text-decoration:none;\">www.world4all.fun<\/a><br\/>\n    <span style=\"color:#AB74F9;padding-right:1px;\">e:<\/span> <a href=\"mailto:${email}\" class=\"mgm_link\" style=\"color:#231F20;\">${email}<\/a><br\/>\n    <span style=\"color:#AB74F9;\">C.F\/P.IVA:<\/span> 04357040981<br\/>\n    <span style=\"color:#AB74F9;\">PEC<\/span> WORLD4ALL@UNAPEC.IT\n  <\/td><\/tr>\n<\/table>\n<p style=\"font-size:11px;line-height:14px;font-family:Helvetica,Arial,sans-serif;padding-left:6px;color:#231F20;\">\n  Prima di stampare pensate all'ambiente.<br\/>\n  Questo messaggio \u00e8 solo per il destinatario designato e pu\u00f2 contenere informazioni riservate, proprietarie o altrimenti private. Se lo avete ricevuto per errore, siete pregati di avvisare immediatamente il mittente e cancellare l'originale. \u00c8 vietato qualsiasi altro utilizzo della e-mail da parte vostra.\n<\/p>`;\n}\n\n\/\/ \u2500\u2500 LIVE PREVIEW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction livePreview() {\n  const el = document.getElementById('live-preview');\n  const nome  = v('nome')  || 'Nome Cognome';\n  const ruolo = v('ruolo') || 'Ruolo';\n  const tel   = v('telefono') || '+39 000 000 0000';\n  const email = v('email') || 'nome@world4all.fun';\n  el.innerHTML = sigHtml(nome, ruolo, tel, email);\n}\n\n\/\/ \u2500\u2500 STEP NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction goToStep(n) {\n  document.querySelectorAll('.section').forEach(s => s.classList.remove('visible'));\n  document.getElementById(`section-${n}`).classList.add('visible');\n  for (let i = 1; i <= 3; i++) {\n    const dot = document.getElementById(`dot-${i}`);\n    dot.classList.remove('active','done');\n    if (i < n) { dot.classList.add('done'); dot.querySelector('.dot-circle').innerHTML = '\u2713'; }\n    else if (i === n) dot.classList.add('active');\n    else dot.querySelector('.dot-circle').textContent = i;\n  }\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction goToStep2() {\n  if (!v('nome'))     { showToast('\u26a0\ufe0f Inserisci nome e cognome'); return; }\n  if (!v('ruolo'))    { showToast('\u26a0\ufe0f Inserisci il ruolo'); return; }\n  if (!v('telefono')) { showToast('\u26a0\ufe0f Inserisci il cellulare'); return; }\n  if (!v('email'))    { showToast('\u26a0\ufe0f Inserisci l\\'email'); return; }\n  if (!v('username')) { showToast('\u26a0\ufe0f Inserisci lo username'); return; }\n  if (!v('password')) { showToast('\u26a0\ufe0f Inserisci la password'); return; }\n  if (!selectedOS)    { showToast('\u26a0\ufe0f Seleziona il sistema operativo'); return; }\n\n  const nome = v('nome'), ruolo = v('ruolo'), tel = v('telefono'), email = v('email');\n  document.getElementById('preview-final').innerHTML = sigHtml(nome, ruolo, tel, email);\n  document.getElementById('code-preview').textContent = sigHtml(nome, ruolo, tel, email);\n\n  const pwd = v('password'), masked = '\u25cf'.repeat(Math.min(pwd.length, 8));\n  const osLabel = selectedOS === 'win'\n    ? '<span class=\"tag-os win\">\ud83e\ude9f Windows<\/span>'\n    : '<span class=\"tag-os mac\">\ud83c\udf4e macOS<\/span>';\n  document.getElementById('summary-box').innerHTML = `\n    <div class=\"summary-row\"><span>Sistema<\/span><span>${osLabel}<\/span><\/div>\n    <div class=\"summary-row\"><span>Nome<\/span><span>${nome}<\/span><\/div>\n    <div class=\"summary-row\"><span>Ruolo<\/span><span>${ruolo}<\/span><\/div>\n    <div class=\"summary-row\"><span>Cellulare<\/span><span>${tel}<\/span><\/div>\n    <div class=\"summary-row\"><span>Email<\/span><span>${email}<\/span><\/div>\n    <div class=\"summary-row\"><span>Username<\/span><span>${v('username')}<\/span><\/div>\n    <div class=\"summary-row\"><span>Password<\/span><span class=\"tag-pwd\">${masked}<\/span><\/div>\n    <div class=\"summary-row\"><span>IMAP<\/span><span>${SRV.imapServer}:${SRV.imapPort} SSL<\/span><\/div>\n    <div class=\"summary-row\"><span>SMTP<\/span><span>${SRV.smtpServer}:${SRV.smtpPort} SSL<\/span><\/div>`;\n  goToStep(2);\n}\n\nfunction goToStep3() {\n  document.getElementById('dl-windows').style.display = selectedOS === 'win' ? 'block' : 'none';\n  document.getElementById('dl-mac').style.display     = selectedOS === 'mac' ? 'block' : 'none';\n  goToStep(3);\n}\n\n\/\/ \u2500\u2500 COPY HTML \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction copyHtml() {\n  navigator.clipboard.writeText(document.getElementById('code-preview').textContent)\n    .then(() => showToast('\u2705 HTML firma copiato!'));\n}\n\n\/\/ \u2500\u2500 DOWNLOAD SIGNATURE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction downloadSignature() {\n  const nome = v('nome'), ruolo = v('ruolo'), tel = v('telefono'), email = v('email');\n  const html = `<!DOCTYPE html>\\n<html>\\n<head><meta charset=\"UTF-8\"><\/head>\\n<body style=\"margin:0;padding:0;\">\\n${sigHtml(nome,ruolo,tel,email)}\\n<\/body>\\n<\/html>`;\n  dlFile(`firma-w4a-${safeSlug(nome)}.htm`, html, 'text\/html');\n  showToast('\u2705 Firma scaricata!');\n}\n\n\/\/ \u2500\u2500 DOWNLOAD PRF (Windows Outlook) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction downloadPRF() {\n  const nome = v('nome'), email = v('email'), user = v('username'), pwd = v('password');\n  const prf = `[General]\\nMessageService=MS Exchange Settings\\nCustom=0\\n\\n[Service1]\\nServiceName=IMAP\\nServiceClass=MSFT IAS IMAP 4.0\\n\\n[IMAP]\\nDisplay Name=${nome}\\nEmail Address=${email}\\nAccount Name=World4All - ${nome}\\nIMAPServer=${SRV.imapServer}\\nIMAPPort=${SRV.imapPort}\\nIMAPSecureConnection=${SRV.imapSSL?1:0}\\nLoginName=${user}\\nPassword=${pwd}\\nSMTPServer=${SRV.smtpServer}\\nSMTPPort=${SRV.smtpPort}\\nSMTPSecureConnection=${SRV.smtpSSL?1:0}\\nSMTPAuthenticate=1\\nSMTPLoginName=${user}\\nSMTPPassword=${pwd}\\nUseDefaultOutboxFolder=TRUE\\n`;\n  dlFile(`outlook-w4a-${safeSlug(nome)}.prf`, prf, 'text\/plain');\n  showToast('\u2705 File .prf Outlook scaricato!');\n}\n\n\/\/ \u2500\u2500 DOWNLOAD MOBILECONFIG (Apple Mail) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction downloadMobileConfig() {\n  const nome = v('nome'), email = v('email'), user = v('username'), pwd = v('password');\n  const uuid1 = crypto.randomUUID(), uuid2 = crypto.randomUUID(), uuid3 = crypto.randomUUID();\n  const mc = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE plist PUBLIC \"-\/\/Apple\/\/DTD PLIST 1.0\/\/EN\" \"http:\/\/www.apple.com\/DTDs\/PropertyList-1.0.dtd\">\n<plist version=\"1.0\">\n<dict>\n  <key>PayloadContent<\/key>\n  <array>\n    <dict>\n      <key>EmailAccountDescription<\/key>  <string>World4All<\/string>\n      <key>EmailAccountName<\/key>          <string>${nome}<\/string>\n      <key>EmailAccountType<\/key>          <string>EmailTypeIMAP<\/string>\n      <key>EmailAddress<\/key>              <string>${email}<\/string>\n      <key>IncomingMailServerHostName<\/key><string>${SRV.imapServer}<\/string>\n      <key>IncomingMailServerPortNumber<\/key><integer>${SRV.imapPort}<\/integer>\n      <key>IncomingMailServerUseSSL<\/key>  <${SRV.imapSSL}\/>\n      <key>IncomingMailServerUsername<\/key><string>${user}<\/string>\n      <key>IncomingPassword<\/key>          <string>${pwd}<\/string>\n      <key>OutgoingMailServerHostName<\/key><string>${SRV.smtpServer}<\/string>\n      <key>OutgoingMailServerPortNumber<\/key><integer>${SRV.smtpPort}<\/integer>\n      <key>OutgoingMailServerUseSSL<\/key>  <${SRV.smtpSSL}\/>\n      <key>OutgoingMailServerUsername<\/key><string>${user}<\/string>\n      <key>OutgoingPassword<\/key>          <string>${pwd}<\/string>\n      <key>PayloadDescription<\/key>        <string>Configurazione email World4All per ${nome}<\/string>\n      <key>PayloadDisplayName<\/key>        <string>World4All Mail<\/string>\n      <key>PayloadIdentifier<\/key>         <string>fun.world4all.mail.${uuid1}<\/string>\n      <key>PayloadType<\/key>               <string>com.apple.mail.managed<\/string>\n      <key>PayloadUUID<\/key>               <string>${uuid2}<\/string>\n      <key>PayloadVersion<\/key>            <integer>1<\/integer>\n      <key>SMIMEEnabled<\/key>              <false\/>\n    <\/dict>\n  <\/array>\n  <key>PayloadDescription<\/key>  <string>Configurazione account email World4All<\/string>\n  <key>PayloadDisplayName<\/key>  <string>World4All Mail - ${nome}<\/string>\n  <key>PayloadIdentifier<\/key>   <string>fun.world4all.profile.${uuid3}<\/string>\n  <key>PayloadRemovalDisallowed<\/key><false\/>\n  <key>PayloadType<\/key>         <string>Configuration<\/string>\n  <key>PayloadUUID<\/key>         <string>${crypto.randomUUID()}<\/string>\n  <key>PayloadVersion<\/key>      <integer>1<\/integer>\n<\/dict>\n<\/plist>`;\n  dlFile(`applemail-w4a-${safeSlug(nome)}.mobileconfig`, mc, 'application\/x-apple-aspen-config');\n  showToast('\u2705 File .mobileconfig scaricato!');\n}\n\n\/\/ \u2500\u2500 DOWNLOAD SHELL SCRIPT (Thunderbird Mac) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction downloadShellScript() {\n  const nome = v('nome'), email = v('email'), user = v('username'), pwd = v('password');\n  const sh = `#!\/bin\/bash\n# World4All \u2014 Configurazione Thunderbird per ${nome}\n# Esegui con Thunderbird CHIUSO\n\nNOME=\"${nome}\"\nEMAIL=\"${email}\"\nUSER=\"${user}\"\nPASS=\"${pwd}\"\nIMAP_HOST=\"${SRV.imapServer}\"\nIMAP_PORT=\"${SRV.imapPort}\"\nSMTP_HOST=\"${SRV.smtpServer}\"\nSMTP_PORT=\"${SRV.smtpPort}\"\n\n# Trova profilo Thunderbird\nTB_DIR=\"$HOME\/Library\/Thunderbird\/Profiles\"\nPROFILE=$(ls \"$TB_DIR\" | head -1)\nPREFS=\"$TB_DIR\/$PROFILE\/prefs.js\"\n\nif [ ! -f \"$PREFS\" ]; then\n  echo \"\u274c Profilo Thunderbird non trovato. Assicurati di aver avviato Thunderbird almeno una volta.\"\n  exit 1\nfi\n\necho \"\u2705 Profilo trovato: $PROFILE\"\n\n# Aggiungi configurazione account\ncat >> \"$PREFS\" << EOF\n\n\/\/ World4All account \u2014 $NOME\nuser_pref(\"mail.account.account_w4a.identities\", \"id_w4a\");\nuser_pref(\"mail.account.account_w4a.server\", \"server_w4a_imap\");\nuser_pref(\"mail.accountmanager.accounts\", \"account_w4a\");\n\nuser_pref(\"mail.identity.id_w4a.fullName\", \"$NOME\");\nuser_pref(\"mail.identity.id_w4a.useremail\", \"$EMAIL\");\nuser_pref(\"mail.identity.id_w4a.valid\", true);\n\nuser_pref(\"mail.server.server_w4a_imap.hostname\", \"$IMAP_HOST\");\nuser_pref(\"mail.server.server_w4a_imap.port\", $IMAP_PORT);\nuser_pref(\"mail.server.server_w4a_imap.type\", \"imap\");\nuser_pref(\"mail.server.server_w4a_imap.userName\", \"$USER\");\nuser_pref(\"mail.server.server_w4a_imap.is_gmail\", false);\nuser_pref(\"mail.server.server_w4a_imap.socketType\", 3);\n\nuser_pref(\"mail.smtpserver.smtp_w4a.hostname\", \"$SMTP_HOST\");\nuser_pref(\"mail.smtpserver.smtp_w4a.port\", $SMTP_PORT);\nuser_pref(\"mail.smtpserver.smtp_w4a.username\", \"$USER\");\nuser_pref(\"mail.smtpserver.smtp_w4a.authMethod\", 3);\nuser_pref(\"mail.smtpserver.smtp_w4a.socketType\", 3);\nuser_pref(\"mail.smtpservers\", \"smtp_w4a\");\nuser_pref(\"mail.smtp.defaultserver\", \"smtp_w4a\");\nEOF\n\necho \"\"\necho \"\u2705 Configurazione completata per $NOME!\"\necho \"\ud83d\udc49 Riapri Thunderbird e inserisci la password quando richiesta.\"\necho \"\ud83d\udc49 Ricordati di collegare la firma .htm nelle Impostazioni Account.\"\n`;\n  dlFile(`thunderbird-w4a-${safeSlug(nome)}.sh`, sh, 'text\/plain');\n  showToast('\u2705 Script .sh Thunderbird scaricato!');\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>World4All \u2014 Email Onboarding Email Onboarding Configura la tua email World4All Compila i tuoi dati \u00b7 anteprima firma \u00b7 scarica i file di installazione \u23f3 Rilevamento sistema&#8230; 1Dati personali 2Anteprima 3Scarica file \ud83d\udcbb Sistema Operativo Seleziona il tuo sistema per ricevere i file corretti. \ud83e\ude9f Windows Outlook per Windows \ud83c\udf4e macOS Apple Mail + Thunderbird [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3170","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/pages\/3170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/comments?post=3170"}],"version-history":[{"count":0,"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/pages\/3170\/revisions"}],"wp:attachment":[{"href":"https:\/\/world4all.fun\/es\/wp-json\/wp\/v2\/media?parent=3170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}