Crea e Pubblica gratis il tuo sito. Pronto in 2 minuti

Carica il tuo logo, aggiungi i tuoi dati e pubblica un sito professionale con un clic.
Senza programmare e senza costi.

Con Web Express di Komuniki crei il tuo sito in pochi minuti, anche se non hai mai toccato una riga di codice.

Carichi il tuo logo, da cui prendiamo in automatico i colori, inserisci il nome dell’attività, i tuoi servizi e i contatti, e vedi nascere in tempo reale una pagina moderna e perfetta anche da cellulare.

Quando sei soddisfatto, la pubblichi con un clic e ricevi subito il link del tuo sito, pronto da condividere su WhatsApp, Google o i social.

È il modo più veloce per essere online oggi stesso: un punto di partenza concreto, che potrai far crescere quando vorrai.

Come funziona

  1. Carica il tuo logo, i colori del sito si adattano da soli al tuo marchio
  2. Inserisci dati, servizi e contatti,  bastano poche righe
  3. Pubblica,  il tuo sito è online e pronto da condividere
KomunikiWeb Express

1
2
3
4
5

iltuosito.com
'; }// ── UI ── var preview=$('kwe_preview'); function render(){ preview.srcdoc=buildSite(state); var dom=(state.name||(CFG.lang==='es'?'tunegocio':'iltuosito')).toLowerCase().replace(/[^a-z0-9]/g,'')||'iltuosito'; $('kwe_url').textContent=dom+'.com'; }function fillText(){ $('kwe_tag').textContent=T.tag; $('kwe_eyebrow').textContent=T.eyebrow; $('kwe_lead').innerHTML=T.lead; $('kwe_sub').textContent=T.sub; $('kwe_s_logo').textContent=T.s_logo; $('kwe_drop').innerHTML='
'+T.drop_t+''+T.drop_s+'
'; $('kwe_pal').textContent=T.pal; $('kwe_s_cover').textContent=T.s_cover; $('kwe_coverDrop').innerHTML='
'+T.cov_t+''+T.cov_s+'
'; $('kwe_s_biz').textContent=T.s_biz; $('kwe_l_name').textContent=T.l_name; $('kwe_f_name').placeholder=T.ph_name; $('kwe_l_sector').textContent=T.l_sector; $('kwe_f_sector').placeholder=T.ph_sector; $('kwe_l_claim').textContent=T.l_claim; $('kwe_f_claim').placeholder=T.ph_claim; $('kwe_l_about').textContent=T.l_about; $('kwe_f_about').placeholder=T.ph_about; $('kwe_s_svc').textContent=T.s_svc; $('kwe_s_contact').textContent=T.s_contact; $('kwe_l_phone').textContent=T.l_phone; $('kwe_l_wa').textContent=T.l_wa; $('kwe_l_email').textContent=T.l_email; $('kwe_l_addr').textContent=T.l_addr; $('kwe_l_hours').textContent=T.l_hours; $('kwe_f_hours').placeholder=T.ph_hours; $('kwe_l_ig').textContent=T.l_ig; $('kwe_f_ig').placeholder=T.ph_ig; $('kwe_l_fb').textContent=T.l_fb; $('kwe_f_fb').placeholder=T.ph_fb; $('kwe_gate_eb').textContent=T.gate_eb; $('kwe_l_lead').textContent=T.l_lead; $('kwe_f_lead').placeholder=T.ph_lead; $('kwe_gate_note').textContent=T.gate_note; $('kwe_priv_txt').innerHTML=T.priv_pre+' '+T.priv_link+''; $('kwe_publish').textContent=T.publish; $('kwe_prev').textContent=T.prev; $('kwe_vp_desk').textContent=T.vp_desk; $('kwe_vp_phone').textContent=T.vp_phone; $('kwe_modal_t').textContent=T.modal_t; $('kwe_copycode').textContent=T.copy; $('kwe_closemodal').textContent=T.close; }function buildServiceInputs(){ var w=$('kwe_services');w.innerHTML=''; state.services.forEach(function(s,i){ var d=document.createElement('div');d.className='svc'; d.innerHTML='
'+T.svc+' '+(i+1)+'
' +'' +''; w.appendChild(d); }); w.querySelectorAll('input').forEach(function(inp){ inp.addEventListener('input',function(e){ state.services[+e.target.dataset.si][e.target.dataset.sf]=e.target.value;render(); }); }); }function paintPalette(){ var p=$('kwe_palette'); Array.prototype.slice.call(p.querySelectorAll('.sw')).forEach(function(n){n.remove();}); state.palette.forEach(function(c){ var sw=document.createElement('div'); sw.className='sw'+(c===state.brand?' active':''); sw.style.background=c;sw.title=c; sw.onclick=function(){state.brand=c;paintPalette();render();}; p.appendChild(sw); }); p.style.display='flex'; }function handleImg(file,cb){ var reader=new FileReader(); reader.onload=function(e){cb(e.target.result);}; reader.readAsDataURL(file); }// Ridimensiona l'immagine prima di incorporarla (evita base64 enormi che non si caricano) function resizeImg(img,maxDim,mime,quality){ var w=img.naturalWidth||img.width, h=img.naturalHeight||img.height; if(!w||!h) return null; var scale=Math.min(1, maxDim/Math.max(w,h)); var cw=Math.max(1,Math.round(w*scale)), ch=Math.max(1,Math.round(h*scale)); var c=document.createElement('canvas');c.width=cw;c.height=ch; var ctx=c.getContext('2d'); if(mime==='image/jpeg'){ctx.fillStyle='#ffffff';ctx.fillRect(0,0,cw,ch);} try{ctx.drawImage(img,0,0,cw,ch);return c.toDataURL(mime,quality);}catch(e){return null;} }// Il logo ha bisogno di un riquadro scuro? Solo se prevalentemente trasparente con contenuto chiaro function logoIsLight(img){ var c=document.createElement('canvas'),s=48;c.width=s;c.height=s; var ctx=c.getContext('2d');ctx.clearRect(0,0,s,s); try{ctx.drawImage(img,0,0,s,s);}catch(e){return false;} var d;try{d=ctx.getImageData(0,0,s,s).data;}catch(e){return false;} var cnt=0,dark=0,transp=0,total=s*s; for(var i=0;i0.45 && darkFrac<0.12; }function resetLogo(){ state.logo=null;state.logoLight=false; state.palette=['#F29100','#2b2b2b','#57C5B6'];state.brand='#F29100'; var drop=$('kwe_drop');drop.classList.remove('has'); drop.innerHTML='
'+T.drop_t+''+T.drop_s+'
'; $('kwe_logoInput').value=''; $('kwe_palette').style.display='none'; render(); } function resetCover(){ state.cover=null; var drop=$('kwe_coverDrop');drop.classList.remove('has'); drop.innerHTML='
'+T.cov_t+''+T.cov_s+'
'; $('kwe_coverInput').value=''; render(); }function onLogo(file){ handleImg(file,function(data){ var img=new Image(); img.onload=function(){ state.logoLight=logoIsLight(img); state.logoAspect=(img.naturalWidth||img.width)/(img.naturalHeight||img.height)||3; var pal=extractPalette(img); if(pal&&pal.length){state.palette=pal;state.brand=pal[0];} state.logo=resizeImg(img,400,'image/png',1)||data; // PNG piccolo (mantiene trasparenza) var drop=$('kwe_drop');drop.classList.add('has'); drop.innerHTML='
'+T.loaded_t+''+T.loaded_s+'
'; $('kwe_logoX').addEventListener('click',function(e){e.stopPropagation();resetLogo();}); paintPalette();render(); }; img.src=data; }); } function onCover(file){ handleImg(file,function(data){ var img=new Image(); img.onload=function(){ state.cover=resizeImg(img,1600,'image/jpeg',0.82)||data; // JPEG leggero per la copertina var drop=$('kwe_coverDrop');drop.classList.add('has'); drop.innerHTML='
'+T.cov_loaded_t+''+T.cov_loaded_s+'
'; $('kwe_coverX').addEventListener('click',function(e){e.stopPropagation();resetCover();}); render(); }; img.src=data; }); }// bind campi testo [['kwe_f_name','name'],['kwe_f_sector','sector'],['kwe_f_claim','claim'],['kwe_f_about','about'], ['kwe_f_phone','phone'],['kwe_f_wa','wa'],['kwe_f_email','email'],['kwe_f_addr','addr'], ['kwe_f_hours','hours'],['kwe_f_ig','ig'],['kwe_f_fb','fb']].forEach(function(pair){ $(pair[0]).addEventListener('input',function(e){state[pair[1]]=e.target.value;render();}); });// eventi immagini $('kwe_drop').addEventListener('click',function(){$('kwe_logoInput').click();}); $('kwe_logoInput').addEventListener('change',function(e){if(e.target.files[0])onLogo(e.target.files[0]);}); $('kwe_coverDrop').addEventListener('click',function(){$('kwe_coverInput').click();}); $('kwe_coverInput').addEventListener('change',function(e){if(e.target.files[0])onCover(e.target.files[0]);}); ['dragover','dragleave','drop'].forEach(function(ev){ $('kwe_drop').addEventListener(ev,function(e){e.preventDefault();if(ev==='drop'&&e.dataTransfer.files[0])onLogo(e.dataTransfer.files[0]);}); $('kwe_coverDrop').addEventListener(ev,function(e){e.preventDefault();if(ev==='drop'&&e.dataTransfer.files[0])onCover(e.dataTransfer.files[0]);}); });// viewport Array.prototype.slice.call(root.querySelectorAll('.vp button')).forEach(function(b){ b.onclick=function(){ root.querySelectorAll('.vp button').forEach(function(x){x.classList.remove('on');}); b.classList.add('on'); $('kwe_browser').classList.toggle('phone',b.dataset.vp==='phone'); }; });function toast(m){var t=$('kwe_toast');t.textContent=m;t.classList.add('show');setTimeout(function(){t.classList.remove('show');},2200);} function isEmail(e){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);}function postLead(email){ if(!CFG.ajax)return; try{ var body=new URLSearchParams(); body.append('action','kwe_lead');body.append('nonce',CFG.nonce); body.append('email',email);body.append('name',state.name); body.append('sector',state.sector);body.append('lang',CFG.lang); body.append('privacy','1');body.append('privacy_url',CFG.privacy||''); fetch(CFG.ajax,{method:'POST',body:body,credentials:'same-origin'}); }catch(e){} }function doDownload(){ var html=buildSite(state); var blob=new Blob([html],{type:'text/html'}); var a=document.createElement('a'); a.href=URL.createObjectURL(blob);a.download='index.html'; document.body.appendChild(a);a.click();a.remove(); setTimeout(function(){URL.revokeObjectURL(a.href);},1000); toast(T.t_dl); }function showPublished(url){ var box=$('kwe_result'); box.innerHTML='
'+T.pub_title+'
' +'
' +'' +''+T.pub_open+'
' +'
'+T.pub_note+'
'; box.style.display='block'; $('kwe_pub_copy').onclick=function(){ var f=$('kwe_pub_url');f.select(); try{navigator.clipboard.writeText(f.value);}catch(e){document.execCommand('copy');} toast(T.t_linkcopied); }; box.scrollIntoView({behavior:'smooth',block:'nearest'}); }$('kwe_publish').onclick=function(){ var email=$('kwe_f_lead').value.trim(); if(!isEmail(email)){toast(T.need_email);$('kwe_f_lead').focus();return;} if(!$('kwe_f_priv').checked){toast(T.need_privacy);$('kwe_f_priv').focus();return;} if(!CFG.ajax){toast(T.pub_err);return;} var btn=$('kwe_publish'), label=btn.textContent; btn.disabled=true; btn.textContent=T.publishing; var body=new URLSearchParams(); body.append('action','kwe_publish');body.append('nonce',CFG.nonce); body.append('email',email);body.append('name',state.name); body.append('sector',state.sector);body.append('lang',CFG.lang); body.append('privacy','1');body.append('privacy_url',CFG.privacy||''); body.append('html',buildSite(state)); fetch(CFG.ajax,{method:'POST',body:body,credentials:'same-origin'}) .then(function(r){return r.json();}) .then(function(j){ if(j&&j.success&&j.data&&j.data.url){ showPublished(j.data.url); } else{ toast((j&&j.data&&j.data.msg==='rate')?T.pub_rate:T.pub_err); } }) .catch(function(){ toast(T.pub_err); }) .then(function(){ btn.disabled=false; btn.textContent=label; }); };$('kwe_closemodal').onclick=function(){$('kwe_modal').classList.remove('show');}; $('kwe_modal').onclick=function(e){if(e.target===$('kwe_modal'))$('kwe_modal').classList.remove('show');}; $('kwe_copycode').onclick=function(){ var ta=$('kwe_codearea');ta.select(); try{navigator.clipboard.writeText(ta.value);}catch(e){document.execCommand('copy');} toast(T.t_copy); };// init fillText(); buildServiceInputs(); render(); })();