Create and Publish your website for free. Ready in 2 minutes

Upload your logo, add your details and publish a professional website with one click.
No coding, no costs.

With Web Express by Komuniki you create your website in minutes, even if you’ve never touched a line of code.

Upload your logo, we pick up its colours automatically, enter your business name, your services and contact details, and watch a modern, mobile-perfect page come to life in real time.

When you’re happy with it, publish it with one click and instantly get your website link, ready to share on WhatsApp, Google or social media.

It’s the fastest way to be online today: a solid starting point you can grow whenever you want.

How it works

  1. Upload your logo, the site colours adapt to your brand automatically
  2. Add your details, services and contacts, just a few lines
  3. Publish,  your website is online and ready to share
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_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(); })();