<![CDATA[Blog Webmaster & Tutorial Template — GiancarloWeb]]> https://www.giancarloweb.it/blog/ IT Fri, 09 Oct 2026 08:00:00 +0200 <![CDATA[Oggetto Portfolio con contenuto responsive]]> imblog

Oggetto Portfolio con contenuto responsive

Circa tre mesi fa mi sono reso conto che, nella mia pagina Portfolio, l’oggetto utilizzato per presentare la galleria di alcuni lavori realizzati negli anni non era più adeguato. Nonostante i numerosi interventi e le personalizzazioni implementate nel tempo tramite codice aggiuntivo, l'oggetto Swiper Grid Slider mostrava ormai i segni del tempo; alcune funzionalità di base avevano smesso di funzionare correttamente. Ho quindi deciso che era arrivato il momento di sostituirlo.
 
A questo punto mi sono chiesto, perché non utilizzare direttamente l’oggetto Portfolio disponibile di default nella mia versione di Website. Le mie esigenze erano piuttosto semplici: una galleria priva di filtri di ricerca e categorie. Ho quindi rimosso gli elementi superflui, inserito immagini e link, e personalizzato quanto possibile tramite le opzioni di base. Successivamente, con codice personalizzato, ho eliminato la barra del titolo in fondo alle card (ridondante per il mio utilizzo, purtroppo con mia sorpresa non era possibile dalle opzioni dell'oggetto) e aggiunto una leggera ombra per migliorarne l’aspetto estetico.
 
Inizialmente il risultato sembrava soddisfacente: con interventi minimi ero riuscito a sostituire il vecchio oggetto. Tuttavia, al termine del lavoro, è emersa una criticità importante. Sebbene l’oggetto fosse considerato responsive, le immagini al suo interno non lo erano correttamente: il rapporto tra larghezza e altezza non veniva rispettato all'interno delle card. Si tratta, purtroppo, di una limitazione che si riscontra spesso in questo software, come già accade per altri componenti (come ad esempio il Blog, l'oggetto Content Slider, ed altri).


A questo punto avevo due possibilità: sviluppare un widget partendo da zero oppure intervenire sull'oggetto esistente per renderne responsive il contenuto.

Ho scelto la seconda opzione, decisamente più complessa, poiché richiede di lavorare su una struttura e una logica interna non completamente note.

L’intelligenza artificiale si è rivelata molto utile nella scrittura del codice, ma resta fondamentale fornire indicazioni precise su dove intervenire, come ID degli elementi e selettori di classe. Questo implica un’analisi del codice sorgente per individuare e comprendere le classi coinvolte. Non è un’operazione particolarmente complessa, ma richiede comunque una discreta conoscenza di base.

Ho iniziato concentrandomi sul breakpoint per smartphone, definendo un’altezza adeguata per quella risoluzione. Dopo diverse ore di lavoro, (anche perché, in molti casi, il risultato fornito non rispecchiava minimamente le richieste) ero riuscito a ottenere un buon compromesso visivo, eliminando gli spazi superflui tra le card. Tuttavia, mi sono accorto che lo spazio recuperato veniva trasferito tutto nella parte inferiore dell’oggetto, lasciando la pagina con tanto spazio inutilizzato.

Il problema era legato a una classe del contenitore che impostava un’altezza fissa a valle. Non conoscendo nel dettaglio la logica interna del componente, ho risolto forzando la classe .portfolio__container-items a un’altezza automatica basata sul contenuto.
Ho successivamente replicato questo intervento sui diversi breakpoint, adattando le altezze delle card per mantenere, per quanto possibile, le proporzioni delle immagini. Ho inoltre ottimizzato la disposizione su più colonne in funzione della larghezza disponibile.
 

Il risultato finale è visibile nella pagina Portfolio, dove è disponibile anche il codice completo (basta leggere il sorgente della pagina), commentato nelle sue parti principali. Chi lo desidera può utilizzarlo liberamente; chiedo soltanto di mantenere il credit iniziale “by giancarloweb.it”, come forma simbolica di riconoscimento per il tempo dedicato a questo lavoro.


    

Il codice CSS serve a rendere completamente responsive l’oggetto Portfolio, correggendo alcuni bug di visualizzazione su schermi piccoli.
 
Ecco in sintesi i punti chiave:
1. Reset e Pulizia  
  • Eliminazione altezze anomale: Il codice forza l'altezza del contenitore su auto. Questo serve a rimuovere quegli spazi vuoti enormi (a volte causati da  calcoli errati del software originale) che rendono la pagina lunghissima senza motivo.
  • Rimozione elementi: Nasconde la barra inferiore delle card (.portfolio__card__bottom-bar) per un design più pulito.
 
2. Gestione del Layout (Grid System)
Il codice adatta il numero di card per riga in base alla larghezza dello schermo usando i float e larghezze percentuali:
  • Schermi Grandi (sopra 1200px): Layout a 3 colonne (width: 31.33%).
  • Tablet (tra 1200px e 720px): Layout a 2 colonne (width: 48%).
  • Smartphone (sotto i 720px): Layout a colonna singola (width: auto), dove le card occupano tutta la larghezza disponibile.
 
3. Ottimizzazione Immagini
  • Effetto Cover: Usa object-fit: cover. Questo è fondamentale perché permette alle immagini di riempire sempre la card senza deformarsi (vengono ritagliate proporzionalmente invece di essere schiacciate).
  • Altezze fisse: Ogni "breakpoint" (fascia di risoluzione) assegna un'altezza specifica alle card (es. 280px, 240px, 220px) per mantenere la griglia ordinata e uniforme.

4. Correzioni Tecniche (!important)
  • Override aggressivo: L'uso massiccio di !important serve a sovrascrivere gli stili "inline" o quelli generati via JavaScript dal plugin del portfolio, che altrimenti impedirebbero queste modifiche estetiche.
  • Fix Overflow: Impedisce che il contenuto esca dai bordi dello schermo, specialmente su mobile, forzando la larghezza al 100% e azzerando i margini laterali negativi.

Questo codice rappresenta una base di partenza completa e adeguata per le esigenze attuali. Tuttavia, è possibile estenderne ulteriormente le funzionalità attraverso una personalizzazione mirata. In particolare, si può incrementare il livello di adattabilità e controllo del layout replicando le sezioni relative ai breakpoint, definendo configurazioni aggiuntive per diverse risoluzioni dello schermo. Per ciascun breakpoint è inoltre consigliabile specificare altezze delle card dedicate, così da garantire una resa grafica coerente e ottimizzata su ogni dispositivo.
Aggiornamento: una soluzione più lineare con CSS Grid e clamp()

Dopo qualche test mi sono accorto che la gestione a breakpoint, pur funzionando, risultava un po’ “scattosa”: a ogni soglia le card cambiavano di colpo larghezza e altezza, e le altezze fisse finivano per tagliare le immagini ai lati. Ho quindi sostituito i sette blocchi @media con un’unica regola basata su CSS Grid. La classe .portfolio__container-items diventa una griglia di 3 colonne, che scende a 2 colonne sotto i 1199.9px (per mantenere una buona leggibilità) e a 1 colonna sugli smartphone.

La spaziatura tra le card è gestita con la funzione clamp(), che permette di definire un valore minimo, uno ideale e uno massimo: il gap cresce e si riduce in modo fluido con la larghezza dello schermo, senza salti da un breakpoint all’altro. Ho inoltre eliminato le altezze fisse impostando height: auto sulle immagini, che ora mantengono le proporzioni originali e non vengono più ritagliate.

Il risultato è un codice molto più corto, più facile da mantenere e con un comportamento più naturale durante il ridimensionamento della pagina.


]]> Fri, 09 Oct 2026 06:00:00 GMT https://www.giancarloweb.it/blog/?oggetto-portfolio-con-contenuto-responsive https://www.giancarloweb.it/blog/rss/000000058 <![CDATA[Proteggere i Form di WebSite X5: Smart-Unlock Captcha]]> imblog


Proteggere i Form di WebSite X5: Smart-Unlock Captcha (No-Library)

Se utilizzi WebSite X5, sai quanto sia fondamentale avere dei moduli di contatto (Form Mail) funzionanti. Tuttavia, c'è un nemico sempre in agguato: lo spam. I bot automatizzati riempiono le nostre caselle email di messaggi spazzatura, rendendo difficile gestire le richieste reali.
Molti ricorrono a Google reCAPTCHA, ma non tutti amano caricare script esterni pesanti o sottostare alle complicate normative sulla privacy. Per questo ho sviluppato Smart-Unlock Captcha, una soluzione leggera, elegante e completamente integrata.

Cos'è Smart-Unlock Captcha?
Non è il solito plugin. È un piccolo "custode" digitale che si posiziona sopra il tuo pulsante di invio. La sua logica è semplice ma efficace: se non risolvi il codice visivo, il pulsante "Invia" non esiste.
Il codice originale di WebSite X5 viene nascosto tramite CSS prioritario e appare con una fluida dissolvenza solo quando l'utente dimostra di essere umano.

I punti di forza:
  • Privacy First: Nessun cookie di terze parti, nessun tracciamento. Tutto gira sul browser dell'utente.
  • Velocità: Non carica librerie esterne pesanti. È puro codice HTML, CSS e JavaScript.
  • User Experience: Ho eliminato i caratteri ambigui (come lo zero e la 'O') per evitare frustrazioni, e il sistema accetta sia maiuscole che minuscole.
  • Design Adattivo: Si centra automaticamente e si adatta allo stile del tuo sito.


Come implementarlo nel tuo progetto
Implementare questa protezione richiede meno di 5 minuti.

Ecco i passaggi:
1. Recupera l'ID del tuo pulsante
Ogni form in WebSite X5 ha un identificativo unico (es: imObjectForm_270_form_submit). Puoi trovarlo facilmente visualizzando l'anteprima del tuo sito, facendo click destro sul tasto "Invia" e scegliendo "Ispeziona".
2. Inserisci l'Oggetto HTML
Trascina un Oggetto HTML nel Passo 3 del software, posizionandolo dove preferisci appaia il controllo di sicurezza.
3. Incolla e personalizza
Copia il codice che trovi qui sotto (inserisci qui il link al tuo codice o il box di testo). Ricordati di cambiare l'ID del pulsante nel CSS e nel JavaScript con quello che hai recuperato al punto 1.
Pro Tip: Se il box ti sembra troppo alto o troppo basso, puoi agire direttamente sulla proprietà padding e min-height del CSS per renderlo millimetricamente perfetto per il tuo layout.

Perché scegliere questa solizione?
Oltre alla velocità, il vantaggio principale è il controllo totale. Puoi cambiare i colori delle lettere, lo sfondo di disturbo e persino la velocità con cui il pulsante di invio appare dopo la verifica. È uno strumento creato dai designer per i designer.

Trovi il codice completo e le istruzioni su giancarlolab al seguente link

Spero che questa risorsa vi aiuti a mantenere i vostri siti puliti e professionali. Se avete domande sulla personalizzazione, lasciate un commento qui sotto!




]]> Fri, 04 Sep 2026 06:00:00 GMT https://www.giancarloweb.it/blog/?proteggere-i-form-di-website-x5--smart-unlock-captcha--no-library- https://www.giancarloweb.it/blog/rss/000000057 <![CDATA[Content Slider con Video Responsive]]> imblog

Content Slider + Video Responsive in Website X5: guida semplice con CSS personalizzato
Come migliorare uno slider video in Website X5 rendendolo moderno, responsive e più leggibile su desktop, tablet e smartphone

Introduzione
Se utilizzi Website X5 e hai inserito un Content Slider con video, probabilmente ti sei accorto che il risultato non sempre è perfetto su tutti i dispositivi.
Magari su desktop tutto sembra corretto, ma su smartphone:
  • il testo diventa troppo grande;
  • il video viene tagliato;
  • gli spazi risultano poco armoniosi;
  • lo slider occupa troppo spazio.

È una situazione abbastanza comune e dipende dal fatto che il comportamento responsive standard non sempre riesce ad adattarsi bene a contenuti più complessi come video, testi sovrapposti e sezioni hero moderne (Intro grafiche evolute).
La buona notizia è che Website X5 permette di migliorare molto il risultato utilizzando un piccolo CSS personalizzato.
Non serve essere programmatori: basta inserire alcune regole nel punto corretto del progetto (pagina dove inserito oggetto e video) per ottenere uno slider molto più ordinato, leggibile e professionale.


Perché personalizzare il Content Slider

Il Content Slider integrato in Website X5 funziona bene nella maggior parte dei siti semplici.
Quando però si aggiungono:
  • video di sfondo;
  • titoli grandi;
  • testi animati;
  • pulsanti;
  • contenuti responsive;
possono comparire piccoli problemi grafici, soprattutto su tablet e smartphone.

Ad esempio:
  • il testo può uscire dallo schermo;
  • il video può apparire “zoomato”;
  • alcuni elementi possono sovrapporsi;
  • lo slider può diventare troppo alto.

Con alcune regole CSS è possibile controllare meglio questi comportamenti e adattare automaticamente lo slider alle diverse dimensioni dello schermo.
In pratica, il sito rimane più pulito e più facile da leggere su ogni dispositivo.

Come funziona questa soluzione
L’idea è molto semplice.
Si procede in questo modo:
  1. si assegna un ID specifico al Content Slider;
  2. si inserisce il CSS personalizzato;
  3. si definiscono alcune regole responsive;
  4. si modificano:
    • altezza dello slider;
    • dimensioni dei testi;
    • spaziature;
    • comportamento del video su mobile.
Il vantaggio principale è che le modifiche interesseranno soltanto quello slider, senza alterare il resto del sito.


Cosa fa il CSS personalizzato

Il codice CSS serve principalmente a migliorare l'adattamento automatico dello slider sui vari dispositivi.
In modo molto semplice, il CSS permette di dire al sito:
  • "Se lo schermo è piccolo, riduci testi e spaziature."
  • "Se lo schermo è grande, usa una versione più ampia ed elegante."
  • "Adatta automaticamente l'altezza dello slider in modo proporzionato alla dimensione dello schermo."

Questo sistema viene chiamato responsive design.
Per l'altezza del Content Slider viene utilizzata la funzione CSS clamp(), che permette di definire un'altezza minima, una dimensione dinamica che si adatta alla larghezza dello schermo e un'altezza massima.
In questo modo il video mantiene sempre proporzioni equilibrate senza dover creare numerose regole specifiche per ogni dispositivo.

Adattamento responsive senza breakpoint rigidi
Nella versione attuale del codice, sia il titolo che la descrizione del Content Slider non vengono più gestiti tramite breakpoint responsive tradizionali.
L'adattamento alle diverse dimensioni dello schermo avviene infatti attraverso la funzione clamp(), che permette di definire valori dinamici capaci di aumentare o diminuire in modo progressivo in base alla larghezza della finestra del browser.

In pratica, invece di passare bruscamente da una dimensione all'altra al raggiungimento di determinate soglie (desktop, tablet o smartphone), testo e spaziature si adattano in modo fluido e continuo.
Questo approccio rende il layout più armonioso su qualsiasi dispositivo, riduce la necessità di regole responsive aggiuntive e garantisce una migliore esperienza di lettura su schermi di ogni dimensione.

Questo permette di avere:
  • testi più leggibili;
  • slider più equilibrati;
  • video meglio proporzionati;
  • una navigazione più comoda.

Cosa viene controllato nel Content Slider
Le regole CSS personalizzate intervengono soprattutto su questi elementi:
Altezza dello slider
Lo slider può diventare troppo alto su smartphone.
Con il CSS possiamo ridurne automaticamente l’altezza per evitare schermate troppo “pesanti”.

Dimensione dei titoli
Un titolo molto bello su desktop potrebbe risultare enorme su mobile.
Il CSS ridimensiona automaticamente il testo mantenendo una buona leggibilità.

Testi descrittivi
Anche paragrafi e sottotitoli vengono adattati in modo automatico per evitare righe troppo strette o troppo lunghe.

Adattamento del video
Il video di sfondo viene gestito meglio sui dispositivi piccoli, evitando tagli eccessivi o proporzioni poco gradevoli.

Dove inserire il codice CSS in Website X5
In Website X5 puoi inserire il codice personalizzato nella pagina dedicata:
Passo 3 → Seleziona Pagina → Proprietà → Esperto → Prima della chiusura del tag HEAD
È il metodo più semplice e consigliato.
In alternativa puoi inserire il CSS direttamente nel file principale del progetto, se preferisci gestire tutte le personalizzazioni in un unico punto.

Alcuni consigli pratici
Per ottenere un risultato davvero professionale conviene seguire alcune semplici regole.
Usa video leggeri
Video troppo pesanti rallentano il caricamento del sito, soprattutto su smartphone.
Meglio utilizzare file ottimizzati e compressi.

Evita testi troppo lunghi
Lo slider deve colpire rapidamente il visitatore.
Titoli brevi e chiari funzionano molto meglio.

Controlla sempre il sito da smartphone
L’anteprima del computer aiuta, ma il test reale su telefono rimane fondamentale.

Cura il contrasto
Se il video è molto chiaro o molto movimentato, il testo potrebbe diventare difficile da leggere.
In questi casi conviene usare:
  • overlay scuri;
  • ombre leggere;
  • testi ben contrastati.

Il risultato finale
Con poche modifiche CSS il Content Slider può diventare:
  • più moderno;
  • più elegante;
  • più leggibile;
  • più professionale;
  • molto più responsive.

È una soluzione ideale per:
  • homepage moderne;
  • siti aziendali;
  • landing page;
  • portfolio;
  • siti creativi realizzati con Website X5.

Conclusione
Personalizzare un Content Slider con video in Website X5 è uno dei modi più semplici ed efficaci per migliorare immediatamente l’impatto visivo del sito.
Anche senza conoscenze avanzate di programmazione è possibile ottenere uno slider più ordinato, responsive e piacevole da navigare.
Con poche regole CSS ben organizzate il sito acquista un aspetto decisamente più moderno, mantenendo tutta la semplicità di gestione tipica di Website X5.


]]> Fri, 26 Jun 2026 06:00:00 GMT https://www.giancarloweb.it/blog/?content-slider-con-video-responsive https://www.giancarloweb.it/blog/rss/00000005B <![CDATA[Template Website X5 per B&B, Case Vacanza e Strutture]]> imblog

Template Website X5 per B&B, Case Vacanza e Strutture

Un template elegante e contemporaneo, progettato per creare un sito web professionale dedicato a B&B, appartamenti vacanze, case sul mare, ville sul lago, chalet di montagna, boutique hotel e piccole strutture ricettive. La sua grafica raffinata e versatile valorizza ogni tipologia di soggiorno, dalle località balneari ai suggestivi paesaggi lacustri e alpini, mettendo in evidenza il carattere distintivo della struttura e l’esperienza unica offerta agli ospiti. Ideale per comunicare accoglienza, qualità e autenticità, favorendo una presenza online capace di attrarre nuovi visitatori e incrementare le prenotazioni.

Creato per Website X5 Pro a partire dalla 2024.2, questo template unisce semplicità di utilizzo, design emozionale e una struttura studiata per valorizzare al meglio l’esperienza dell’ospitalità. Le atmosfere mediterranee, le immagini immersive e gli spazi armoniosi permettono di raccontare la propria struttura in modo autentico e coinvolgente.

Il layout è progettato per mettere al centro ciò che conta davvero: il fascino della location, la qualità degli ambienti, il comfort degli ospiti e l’identità della struttura. Ogni sezione accompagna il visitatore in un’esperienza visiva chiara ed elegante, ideale per presentare camere, appartamenti, servizi, gallerie fotografiche e informazioni turistiche.

Perfetto per:
  • B&B
  • Appartamenti vacanze
  • Affittacamere
  • Boutique hotel
  • Chalet di montagna
  • Case vacanza
  • Strutture ricettive in località turistiche

Il template è completamente personalizzabile e adatto sia a chi desidera creare un sito semplice e raffinato, sia a chi vuole sviluppare una presenza online più completa e professionale.



Tra le caratteristiche principali:
  • Design moderno ed emozionale
  • Struttura responsive per smartphone e tablet
  • Sezioni dedicate a camere, servizi e gallery
  • Layout elegante pensato per il settore hospitality
  • Navigazione intuitiva e coinvolgente
  • Ideale per valorizzare immagini e prenotazioni
  • Overlay menù incorporato con codice
  • Widget WhatsApp incluso con codice
  • Widget G|Traslate incluso free

Una soluzione perfetta per trasformare la propria struttura in un’esperienza digitale capace di trasmettere accoglienza, relax e bellezza fin dal primo sguardo.

Guarda il template online

Il template “B&B Mare” è attualmente disponibile.
Per informazioni è possibile contattarmi direttamente tramite email, per l'acquisto visitare la scheda prodotto cliccando questo link
Il template include del codice aggiuntivo pensato per aggirare alcune limitazioni responsive native di Website X5 e consentire l’utilizzo di oggetti gratuiti, evitando così la necessità di acquistare elementi dal marketplace.

]]> Fri, 29 May 2026 17:03:00 GMT https://www.giancarloweb.it/blog/?template-website-x5-per-b-b-case-vacanza-e-strutture https://www.giancarloweb.it/blog/rss/00000005C <![CDATA[Liquid Image Effect]]> imblog

Liquid Image Effect: creare immagini fluide e interattive con HTML, CSS e JavaScript in WebSite X5

Nel web design moderno, l’interazione visiva è diventata uno degli elementi più importanti per catturare l’attenzione dell’utente. Animazioni fluide, effetti dinamici e micro-interazioni non sono più semplici dettagli estetici, ma strumenti fondamentali per migliorare l’esperienza utente e rendere un progetto memorabile.

In questo articolo voglio presentare un effetto grafico molto interessante che ho sviluppato: il Liquid Image Effect, una tecnica che trasforma una normale immagine in un elemento dinamico e fluido, capace di reagire al movimento del mouse creando distorsioni morbide ed eleganti.

L’obiettivo è ottenere un impatto visivo moderno e immersivo, perfetto per landing page, portfolio creativi, showcase di prodotti digitali o siti ad alto contenuto visuale.

Cos’è il Liquid Image Effect
Il Liquid Image Effect è un’animazione interattiva che simula una deformazione liquida dell’immagine.
Quando l’utente muove il cursore sopra l’elemento, l’immagine reagisce generando onde, distorsioni e movimenti fluidi che ricordano il comportamento dell’acqua o di una superficie gelatinosa.

L’effetto combina:
  • rendering dinamico
  • distorsioni fluide
  • interazione realtime
  • animazioni smooth
  • transizioni GPU accelerated
Il risultato finale è un’interfaccia moderna, elegante e altamente coinvolgente.

Tecnologie utilizzate
Per realizzare questo effetto ho utilizzato un approccio completamente frontend basato su:

HTML5
Per la struttura semantica della pagina e il contenitore dell’effetto.

CSS3
Per:
  • layout responsive
  • gestione delle animazioni
  • transizioni fluide
  • effetti visivi avanzati

JavaScript
Per:
  • tracciare il movimento del mouse
  • aggiornare dinamicamente la distorsione
  • creare l’interazione realtime
  • ottimizzare le performance

L’intero sistema è stato progettato per essere:
  • leggero
  • facilmente integrabile
  • responsive
  • personalizzabile


Integrazione con WebSite X5
Uno degli aspetti più interessanti di questo progetto è che il Liquid Image Effect è stato sviluppato e integrato all’interno di siti realizzati con WebSite X5.
Spesso si pensa che piattaforme visuali o builder semplificati abbiano forti limiti dal punto di vista creativo, ma in realtà, attraverso codice personalizzato in HTML, CSS e JavaScript, è possibile estendere enormemente le funzionalità della piattaforma e creare esperienze moderne e altamente interattive.

L’effetto è stato progettato per integrarsi perfettamente con la struttura di WebSite X5, mantenendo:
  • compatibilità responsive
  • leggerezza del codice
  • semplicità di integrazione
  • ottime performance
  • compatibilità cross-browser

Questo approccio consente di aggiungere animazioni avanzate e interazioni dinamiche anche in progetti sviluppati con builder visuali, senza dover ricorrere a framework complessi o soluzioni esterne pesanti.
Questo progetto dimostra come sia possibile trasformare un sito realizzato con WebSite X5 in un’esperienza moderna e immersiva grazie all’integrazione di codice frontend personalizzato.

Perché usare questo effetto in un progetto web
Un effetto di questo tipo non serve soltanto a “fare scena”.
Se utilizzato correttamente, può aumentare sensibilmente la qualità percepita di un’interfaccia.

Alcuni vantaggi:
Maggiore coinvolgimento visivo
L’utente tende a interagire di più con elementi dinamici e reattivi.

Esperienza moderna
Le animazioni fluide trasmettono immediatamente un senso di innovazione e qualità.

Valorizzazione dei contenuti
Immagini, prodotti o portfolio acquistano maggiore impatto estetico.

Differenziazione
In un web sempre più standardizzato, effetti personalizzati aiutano a distinguere un progetto dalla massa.

Ottimizzazione e performance
Uno degli aspetti più importanti durante lo sviluppo è stata l’ottimizzazione delle performance.
Gli effetti grafici avanzati possono facilmente diventare pesanti se non progettati correttamente, soprattutto su dispositivi mobile.

Per questo motivo il sistema è stato ottimizzato utilizzando:
  • animazioni hardware accelerated
  • rendering efficiente
  • gestione intelligente degli eventi mouse
  • riduzione dei repaint inutili
  • codice modulare e pulito

Il risultato è un’animazione fluida anche su dispositivi meno potenti.

Responsive Design
L’effetto è responsive, l'immagine si adatta automaticamente a:
  • desktop
  • tablet  (Interattività touch minima, per evitare problemi di usabilità.)
  • smartphone (Interattività touch minima, per evitare problemi di usabilità.)

L’interazione viene gestita in modo differente sui dispositivi touch, mantenendo comunque un’esperienza coerente e gradevole.

Personalizzare WebSite X5 con effetti frontend avanzati
Negli ultimi anni il frontend development si è evoluto enormemente.
Oggi non basta più creare interfacce “funzionanti”: è fondamentale offrire esperienze coinvolgenti, fluide e visivamente curate.

Anche utilizzando piattaforme come WebSite X5, è possibile implementare funzionalità avanzate attraverso codice personalizzato e ottenere risultati professionali senza rinunciare alla semplicità del builder.

Effetti come il Liquid Image Effect rappresentano perfettamente questa evoluzione:
  • design immersivo
  • interazioni naturali
  • animazioni cinematiche
  • maggiore attenzione all’esperienza utente
L’obiettivo non è solo mostrare contenuti, ma creare emozioni attraverso il movimento.

Demo del codice
Puoi vedere il progetto completo e il codice implementato nella pagina dedicata:
giancarlolab.it - Liquid Image Effect Demo

Conclusione
Il Liquid Image Effect è un ottimo esempio di come HTML, CSS e JavaScript possano essere combinati per creare esperienze visive moderne e altamente interattive.
Attraverso animazioni fluide, distorsioni dinamiche e interazioni realtime, è possibile trasformare una semplice immagine in un elemento capace di catturare immediatamente l’attenzione dell’utente.

Questo progetto dimostra inoltre come sia possibile estendere enormemente le potenzialità di WebSite X5 attraverso integrazioni frontend personalizzate, ottenendo effetti moderni e professionali anche all’interno di siti sviluppati con builder visuali.
Nel web moderno, i dettagli fanno la differenza.

Ed è proprio attraverso effetti come questo che un’interfaccia può diventare davvero memorabile.

]]> Fri, 15 May 2026 06:00:00 GMT https://www.giancarloweb.it/blog/?liquid-image-effect https://www.giancarloweb.it/blog/rss/000000059 <![CDATA[Trasforma i visitatori in clienti: Widget WhatsApp Dialog per WebSite X5]]> imblog


Trasforma i visitatori in contatti reali - Widget WhatsApp Dialog per WebSite X5

Hai mai notato come il classico pulsante WhatsApp sul tuo sito web sembri ormai… un po’ spento?
Per anni è bastato un’icona verde in fondo alla pagina.
Oggi però il web è cambiato: l’interazione è tutto. Un sito che non dialoga con i visitatori rischia di restare invisibile, anche se è ben fatto.
Per questo ho sviluppato WhatsApp Dialog, un widget moderno e leggero pensato appositamente per chi lavora con WebSite X5 e vuole trasformare i visitatori in contatti (e clienti) reali.

Non un semplice pulsante, ma un vero “dialogo”
WhatsApp Dialog non è un link statico.
È un piccolo assistente virtuale, discreto ed elegante, che rompe il ghiaccio al posto tuo.

Il widget simula l’inizio di una conversazione reale:
“Ciao 👋 Posso aiutarti?”
Ed è proprio qui che entra in gioco la psicologia dell’utente.

Un visitatore è molto più propenso a cliccare quando:
  • riceve un saluto
  • gli viene fatta una domanda diretta
  • percepisce una presenza “umana” dall’altra parte
Risultato?
👉 Più click, più chat avviate, più contatti reali.

Perché un “Dialog” funziona meglio di un tasto WhatsApp
Un pulsante dice: “Clicca se vuoi”
Un dialogo dice: “Sono qui per aiutarti”
La differenza è enorme.

Il widget che trovi su GiancarloLab:
  • appare con un fumetto di benvenuto
  • invita all’azione in modo naturale
  • non interrompe la navigazione
  • accompagna l’utente senza infastidirlo

Le caratteristiche che lo rendono davvero unico
🎨 Design moderno & floating
Il widget fluttua elegantemente nell’angolo della pagina e resta visibile durante la navigazione, senza mai essere invadente.
🧩 Personalizzazione totale
Puoi:
  • cambiare il messaggio di benvenuto
  • impostare il nome dell’operatore
  • usare un avatar personalizzato
  • adattare colori e stile al tuo brand

Il risultato è un contatto più umano e credibile.

📱 Ottimizzazione mobile perfetta
Oltre il 90% delle chat WhatsApp avviene da smartphone.
Il widget è 100% responsive e si adatta perfettamente a ogni schermo.

⚡ Leggerezza estrema
Nessun rallentamento del sito.
Il codice è ottimizzato per:
  • non appesantire le pagine
  • non influire negativamente su SEO e performance
  • funzionare perfettamente su WebSite X5

Come integrarlo in WebSite X5 (ci vogliono 2 minuti)
Niente plugin complicati, niente configurazioni infinite.
L’integrazione è pensata per essere semplice anche per chi non è uno sviluppatore.
1️⃣ Copia il codice
Vai alla pagina dedicata: 👉 giancarlolab.it/whatsapp-dialog-2.html
2️⃣ Incollalo in WebSite X5
Apri il progetto e vai su: Passo 3 →  Seleziona la Pagina → Proprietà di pagina - Custom Code
3️⃣ Posizionalo correttamente
Incolla il codice nella sezione: “Prima della chiusura del tag BODY”
Fatto ✅

Il tocco in più per i più smanettoni
Nel codice trovi alcune variabili CSS già pronte, che ti permettono di:
  • cambiare i colori
  • adattare il widget alla palette del tuo sito
  • mantenere coerenza grafica con il brand
Semplice, pulito, efficace.

Scarica il widget gratuitamente
Ho deciso di rendere WhatsApp Dialog gratuito per la community di WebSite X5, perché credo che:
ogni sito meriti una comunicazione moderna e professionale.
Se pubblichi un sito, un e-commerce o una landing page, questo widget può davvero fare la differenza.
👉 Vai al Widget WhatsApp Dialog su GiancarloLab
e scarica subito il codice pronto all’uso.

In conclusione
Un sito web moderno non deve solo mostrarsi, deve saper parlare.
Con WhatsApp Dialog:
  • il tuo sito smette di essere una brochure statica
  • diventa un canale di contatto attivo 24/7
  • migliora il tasso di interazione in modo naturale
Provalo sul tuo sito e poi dimmi nei commenti:
quanto è aumentato il numero di contatti? 🚀


]]> Fri, 17 Apr 2026 06:00:00 GMT https://www.giancarloweb.it/blog/?trasforma-i-visitatori-in-clienti--widget-whatsapp-dialog-per-website-x5 https://www.giancarloweb.it/blog/rss/000000056 <![CDATA[WebSite X5: Guida alla Sopravvivenza. I 10 errori da evitare e come mettere al sicuro il tuo lavoro]]> imblog
WebSite X5: Guida alla Sopravvivenza

🛟 WebSite X5: Guida alla Sopravvivenza. I 10 errori da evitare e come mettere al sicuro il tuo lavoro

Creare un sito web con WebSite X5 è un viaggio entusiasmante: trascini gli oggetti, personalizzi lo stile e, in pochi clic, vedi la tua idea prendere forma. Tuttavia, come ogni strumento professionale, nasconde delle piccole insidie che possono trasformare un pomeriggio creativo in un incubo di link rotti, immagini mancanti o, peggio, progetti perduti.

Quante volte abbiamo letto sul forum richieste d'aiuto disperate per un'esportazione fallita o per un backup che non si trova? La verità è che la maggior parte dei problemi tecnici non dipende da un "bug" del software, ma da piccole distrazioni procedurali che tutti, prima o poi, abbiamo commesso.

In questo articolo abbiamo raccolto i 10 errori più comuni segnalati dalla community e una guida definitiva alla gestione dei file e dei backup. Che tu sia un utente alle prime armi o un veterano del software, questo promemoria ti aiuterà a lavorare più velocemente, meglio e, soprattutto, senza stress.

📌 Promemoria: I 10 errori più comuni su WebSite X5

Ecco una guida rapida per evitare i "vicoli ciechi" più frequenti segnalati dalla community. Prima di chiedere aiuto sul forum, controlla se il tuo problema rientra in questi punti!
1) Immagini troppo pesanti:
Caricare foto direttamente dalla reflex (5-10MB l'una) rallenta l'anteprima e il caricamento del sito. Consiglio: Ridimensiona e comprimi sempre le immagini prima di importarle.

2) Nomi file con spazi o caratteri speciali:
Rinominare file e cartelle con spazi, accenti o simboli (es. foto mare.jpg o menù.pdf) può rompere i link dopo l'esportazione. Consiglio: Usa solo lettere minuscole, numeri e trattini (es. foto-mare.jpg).

3) Mancato backup (.iwzip):
Salvare solo il file di progetto non basta. Se il PC si rompe o il file si corrompe, rischi di perdere tutto. Consiglio: Esporta regolarmente il progetto al Passo 5 (Esportazione del progetto) per creare un file .iwzip di sicurezza.

4) Gestione della Libreria di Progetto:
Anche se WebSite X5 copia i file all'interno della sua libreria, è fondamentale non manipolare mai manualmente le cartelle interne al progetto (nella cartella Library). Consiglio: Se devi spostare il tuo lavoro su un altro computer, non copiare le cartelle a mano: usa sempre la funzione "Esporta Progetto" per generare il file .iwzip. Solo così sarai certo che tutti i collegamenti ai file rimangano intatti e non appaiano i temuti punti interrogativi rossi.

5) Configurazione FTP percorso corretto:
Se l'esportazione fallisce, il segreto potrebbe essere nel percorso. Consiglio: Al Passo 5, clicca sull'icona della cartellina accanto al campo "Cartella di destinazione". Se i dati sono corretti, il software si connetterà al server mostrandoti le cartelle remote. Inserendo uno / potrai navigare e scegliere la cartella di pubblicazione esatta (es. public_html).

6) Sovrapposizione e layout nel Responsive:
Se gli oggetti si sovrappongono o appaiono "schiacciati" su mobile, il problema è la gestione dello spazio nelle risoluzioni inferiori.
  • Elementi sacrificati: Se su smartphone hai più oggetti sulla stessa riga che appaiono stretti e lunghi, non forzarli a stare vicini.
  • La soluzione: Usa le "Interruzioni di riga". Clicca sull'icona dell'interruzione ed inserisci l'interruzione (riga rossa) tra un oggetto e l'altro nella griglia del Passo 4 per le risoluzioni minori; questo porterà l'oggetto a capo, regalandogli l'intera larghezza dello schermo e dando più respiro al design.
  • Nascondi se necessario: Se un elemento rimane comunque troppo ingombrante o inutile per la navigazione da mobile, usa la funzione "Nascondi" solo per quella specifica risoluzione.

7) Dimenticare la "Analisi del Progetto":
Molti errori di SEO o link rotti vengono segnalati dal software stesso. Consiglio: Prima di pubblicare, vai su Analisi e Ottimizzazione e correggi tutti gli errori rossi.

8) Codice HTML personalizzato errato:
Inserire widget esterni senza chiudere i tag <div> o <script> può "rompere" il layout dell'intero sito.
Consiglio: Se il sito appare bianco o deformato dopo un inserimento, rimuovi l'ultimo codice aggiunto.

9) Cache del browser non svuotata:
Fai una modifica, carichi il sito, ma vedi tutto come prima. Consiglio: Premi CTRL + F5 sulla tastiera per forzare il refresh del browser e vedere le modifiche reali.

10) PHP non aggiornato sull'hosting:
Il pannello di controllo o l'e-commerce potrebbero non funzionare se il tuo server usa una versione di PHP non idonea. Consiglio: Verifica nel tuo pannello hosting che la versione di PHP sia almeno la 7.4 o superiore (consigliata la massima 8.2 su ultima versione 2025.3).




🛠️ Mini-Guida: Come non perdere mai il tuo lavoro (Backup e Gestione File)
La gestione dei file e il backup del progetto. È il classico errore che, se non risolto, porta alla perdita di mesi di lavoro.
Ecco una mini-guida pratica, scritta con un tono semplice e diretto, pronta per essere condivisa come approfondimento.
Uno degli errori più comuni è confondere il salvataggio del programma con l'esportazione del progetto. Ecco come gestire i file come un professionista per evitare errori o perdite di dati.


Esporta Progetto iwzip1. La differenza vitale tra "Salva" ed "Esporta"
Salva (Il tasto floppy): Salva le modifiche nel database locale di WebSite X5 sul tuo PC. Se il computer si formatta o il software ha un errore critico, questo salvataggio potrebbe
non bastare.

Esporta Progetto (Il file .iwzip): Questa è la tua vera ancora di salvataggio. Crea un singolo file compresso che contiene tutto: foto, testi, video e impostazioni.

2. Come creare un Backup perfetto (Passo 5)
Non limitarti a caricare il sito online. Almeno una volta a settimana:

1. Vai al Passo 5 - Esportazione.
2. Scegli l'opzione Esporta il Progetto.
3. Seleziona una cartella (meglio se su un cloud come Dropbox/Drive o un disco esterno).
4. Clicca su Avanti (inserisci percorso di salvataggio ed il nome del progetto) e attendi la creazione del file nomeprogetto.iwzip.



3. Mai più "Image Error" (Rigenerazione Anteprima)
Se nell'anteprima o nel software vedi dei quadratini rossi o immagini mancanti (image Error), non andare nel panico: non significa necessariamente che hai perso i file (dato che WebSite X5 li copia nella sua libreria interna). Spesso si tratta solo di un errore di generazione della cache locale.
  • La soluzione magica: Tieni premuto il tasto CTRL sulla tastiera e, contemporaneamente, clicca sul pulsante Anteprima.
  • Cosa succede? Questo comando forza WebSite X5 a rigenerare completamente tutti i file del sito da zero, ricostruendo i collegamenti della libreria e pulendo la cache interna. È la soluzione risolutiva nell'80% dei casi di visualizzazione errata.
  • Quando usarlo: Usalo ogni volta che noti anomalie grafiche, font che non si caricano correttamente o immagini che sembrano sparite nell'anteprima.

4. Recupero da un crash (Funzione Backup)
Se il progetto non si apre più o hai commesso un errore grave, WebSite X5 ha un sistema di protezione interno.
  • Versione Pro: È la più semplice. Nella schermata di selezione del progetto, clicca sull'icona "Backup" . Vedrai una lista dei salvataggi automatici creati dal software; ti basta selezionare quello desiderato e cliccare su "Ripristina".
  • Versione Evo: Se non vedi il pannello dedicato, il software salva comunque delle copie di sicurezza. Puoi trovarle nella cartella del progetto (sotto Backup). Se non la conosci, al caricamento di Website in basso a sinistra trovi una icona ingranaggio preferenze Preferenze, cliccaci sopra, nella finestra che si aprirà troverai il percorso esatto dove il software salva i progetti.
  • Tuttavia, ricorda che il file .iwzip creato manualmente al Passo 5 rimane la tua assicurazione sulla vita più sicura contro ogni guasto del PC.



🧹 Bonus: Pulizia e Ottimizzazione del Progetto
Con il tempo e le continue modifiche, il progetto può accumulare file inutilizzati (immagini sostituite, PDF vecchi, ecc.) che appesantiscono inutilmente il backup .iwzip.

Ecco la sequenza corretta per fare "pulizia":
  1. Analisi: Vai al Passo 5 > Ottimizzazione del progetto. Entrando in questa videata, il software esegue già un'analisi automatica della salute del file.
  2. Verifica: Controlla nella sezione "Risorse non collegate" se sono presenti file orfani (quelli non più usati nelle pagine).
  3. Azione: Se sono presenti file inutili, vai nella sezione Risorse (nel menu laterale o nel pannello di gestione) e clicca sulla funzione "Elimina risorse non collegate".
  4. Risultato: L'ottimizzazione partirà automaticamente, rimuovendo fisicamente i file superflui dalla libreria del progetto. Otterrai così un file .iwzip molto più leggero e un progetto più veloce da gestire e caricare online.


]]> Fri, 20 Mar 2026 07:32:00 GMT https://www.giancarloweb.it/blog/?website-x5--guida-alla-sopravvivenza--i-10-errori-da-evitare-e-come-mettere-al-sicuro-il-tuo-lavoro https://www.giancarloweb.it/blog/rss/000000051 <![CDATA[Calendario di Prenotazione – Il Widget Gratuito per il Tuo Sito]]> imblog

📅 Calendario di Prenotazione – Il Widget Gratuito per il Tuo Sito

Se gestisci un B&B, un agriturismo o un appartamento per ospiti, sai quanto sia importante avere un sistema semplice ed efficace per mostrare le disponibilità e ricevere le prenotazioni direttamente dal tuo sito.
Per rispondere a questa esigenza, sul forum viene chiesto uno strumento facile da integrare. Spesso in risposta vengono proposti widget nativi di Website collegati a servizi esterni a pagamento per la gestione di appuntamenti, pensati per studi professionali o attività di servizi. Tuttavia, questi strumenti non sono adatti alla gestione delle prenotazioni di strutture ricettive come B&B, agriturismi o appartamenti, dove è fondamentale visualizzare chiaramente le disponibilità, i periodi occupati e quelli prenotatili. Per questo motivo ho realizzato  un calendario completamente autonomo e gratuito specificamente progettato per le esigenze del settore turistico-ricettivo.

🔹 Che cos’è il widget Calendario Prenota
Il Calendario di Prenotazione è un widget sviluppato per aiutarti a:
  • mostrare le date libere e occupate della tua struttura,
  • permettere ai visitatori di scegliere periodi disponibili,
  • semplificare il processo di prenotazione senza dipendere da portali esterni.
È pensato appositamente per piccole realtà ricettive in cui non serve un sistema complesso, ma una visione immediata delle disponibilità e un modo chiaro per prenotare.

📌 Perché usarlo sul tuo sito
Molte strutture oggi si affidano a calendari di disponibilità per mostrare quando è possibile prenotare una stanza o un appartamento, riducendo così telefonate o messaggi lunghi. Un calendario chiaro:
✔ riduce il rischio di overbooking;
✔ rende più professionale la tua presentazione online;
✔ permette al visitatore di valutare subito la disponibilità senza uscire dal sito;
✔ può essere integrato su qualsiasi pagina del tuo sito.

🛠️ Come funziona (in pratica)
Il widget si presenta come un calendario visuale in cui:
  1. Le date disponibili vengono evidenziate in un colore (es. verde).
  2. Le date già occupate sono bloccate o segnalate (es. rosso).
  3. Il visitatore può selezionare uno o più giorni per la propria prenotazione.
  4. Viene mostrato un semplice modulo per completare la richiesta.
Non richiede competenze tecniche: basta incollare lo script nella pagina dove vuoi mostrare il calendario.

📈 Vantaggi per B&B, agriturismi e appartamenti
Per strutture di piccole e medie dimensioni, questo tipo di calendario offre benefici concreti come:
🔹 una visualizzazione immediata della disponibilità;
🔹 un’interfaccia intuitiva per gli ospiti;
🔹 la possibilità di ridurre le richieste via email/telefono;
🔹 maggiore professionalità percepita dal visitatore.
In confronto a strumenti complessi o costosi, il nostro widget è leggero, veloce da integrare e totalmente gratuito.

🚀 Come integrarlo
  1. Copia il codice che trovi nella sezione linkata (o nella documentazione del widget).
  2. Incollalo nella pagina del tuo sito dove vuoi che appaia il calendario.
  3. Personalizza le impostazioni in base alle tue esigenze.
Se utilizzi Website X5, non è necessario alcun plugin aggiuntivo: puoi inserire lo script direttamente nella pagina o nel blocco HTML (consigliato).

💡 Suggerimenti d’uso
  • Inserisci il calendario in una pagina dedicata alle prenotazioni per migliorarne la visibilità.
  • Aggiungi un breve testo con le istruzioni per l’utente (es. “Seleziona le date, quindi invia la richiesta”).
  • Mantieni aggiornate le disponibilità per evitare errori e garantire un’esperienza fluida.

Configurazione Plus per strutture con più camere o appartamenti


]]> Thu, 19 Feb 2026 07:00:00 GMT https://www.giancarloweb.it/blog/?calendario-di-prenotazione---il-widget-gratuito-per-il-tuo-sito https://www.giancarloweb.it/blog/rss/000000055 <![CDATA[Website X5: La Guida Definitiva per Ottimizzare SEO, Performance e Mobile]]> imblog



Website X5: La Guida Definitiva per Ottimizzare SEO, Performance e Mobile

Il tuo sito Website X5 non corre come vorresti? In questo articolo vediamo come intervenire su un progetto già strutturato per velocizzarne il caricamento, scalare i risultati di ricerca e renderlo perfetto su smartphone.

1. Mobile & Responsività
In Website X5, la gestione dei punti di interruzione (breakpoints) è fondamentale.
  • Gestione dei Contenuti: Non limitarti a rimpicciolire gli oggetti. Usa la funzione "Nascondi su questo breakpoint" per eliminare elementi superflui su mobile (come video di sfondo pesanti o decorazioni eccessive) che peggiorano l'esperienza utente.
  • Menu Mobile: Assicurati che l'icona "hamburger" sia facilmente raggiungibile e che i font del menu siano abbastanza grandi (almeno 16px-18px) per essere cliccati senza errori.
  • Test del "Dito": Verifica che i pulsanti (CTA) abbiano abbastanza spazio intorno per evitare clic accidentali.

2. Performance (Velocità)
La velocità è un fattore di ranking e di conversione.
  • Ottimizzazione Immagini: È il punto critico. Prima di importarle, passale sempre su strumenti come TinyPNG o convertile in formato WebP. Website X5 permette di impostare la qualità, ma un file già ottimizzato a monte è meglio.
  • Codice Esterno: Se usi molti widget esterni (meteo, chat, social feed), questi rallentano il caricamento. Valuta se sono davvero necessari o se puoi sostituirli con link statici.
  • Hosting: Se il progetto è cresciuto, un hosting economico potrebbe non bastare più. Assicurati che il server supporti HTTP/2 e abbia una buona gestione della cache.

3. SEO (Visibilità)
  • Tag Heading (H1, H2, H3): Controlla che ogni pagina abbia un solo H1 (il titolo principale) e che gli altri titoli seguano una gerarchia logica. Non usare gli Hx solo per "estetica" (per avere il testo grande), ma per struttura.
  • Descrizioni Alt: Assicurati che ogni immagine abbia il testo alternativo compilato. È fondamentale per l'accessibilità e per Google Immagini.
  • Dati Strutturati: Nelle proprietà della pagina, sfrutta i campi per il Schema.org (se utilizzi la versione Pro), specialmente per prodotti o articoli del blog.

4. Aspetto Grafico (UI/UX)
  • Spazi Vuoti (White Space): Un errore comune è voler riempire ogni centimetro. Dai "respiro" ai contenuti aumentando i margini tra gli oggetti.
  • Tipografia: Limita l'uso a 2, massimo 3 font. Usa i Google Fonts (integrati nel software) per un look moderno e leggero.
  • Coerenza Cromatica: Definisci una palette di 3-4 colori e applicala rigorosamente a pulsanti, titoli e icone. La coerenza trasmette professionalità.


Un consiglio extra: Analisi dei dati
Prima di fare modifiche strutturali, ti suggerisco di passare il tuo sito su due strumenti gratuiti (se non lo hai già fatto):
  1. Google PageSpeed Insights: Ti dirà esattamente cosa rallenta la pagina.
  2. Google Search Console: Ti indicherà se ci sono errori di usabilità sui dispositivi mobili.


Guida pratica performance SEO

Come ottimizzare le immagini senza perdere qualità o come strutturare meglio i tag SEO nel software

1. Ottimizzazione Immagini (Performance e SEO)
Le immagini sono quasi sempre la causa principale di un sito lento. Ecco come gestirle come un professionista:
  • Il formato WebP: Se non lo stai già facendo, converti le tue immagini in .webp (verifica prima che il tuo hosting sia compatibile). È un formato che mantiene un'alta qualità ma pesa fino all'80% in meno rispetto a JPG o PNG.
  • Tool consigliato: Usa Squoosh.app (di Google) o TinyPNG prima di importarle in X5.
  • Risoluzione corretta: Non importare una foto da 4000px se nel sito verrà visualizzata in un box da 800px. Ridimensionala alla misura esatta di cui hai bisogno.
  • Testo Alt: Nell'Oggetto Immagine, vai nella scheda "Esperto" o "Descrizione" e compila sempre il Testo Alternativo. Usa parole chiave descrittive (es: "scarpe-trekking-impermeabili-cuoio" invece di "IMG_001").

2. Struttura SEO dei Contenuti
Molti utenti di Website X5 commettono l'errore di usare i titoli solo per l'estetica. Per Google, invece, la gerarchia è tutto.
  • I Tag Heading (H1-H3): 1.  Apri l'Oggetto Testo. 2.  Seleziona il titolo della tua sezione. 3.  Usa l'apposito menu a tendina nella barra degli strumenti del testo per assegnare il tag H1 (solo uno per pagina!), H2 o H3. 4.  Trucco: Non cambiare font e dimensione manualmente ogni volta. Definisci gli stili nel "Passo 2: Impostazioni Modello" -> "Testi e Pulsanti", così il sito sarà coerente e il codice pulito.
  • Titolo e Descrizione della Pagina: Vai al "Passo 3: Creazione della Mappa", seleziona una pagina e clicca su "Proprietà".
  • Il Titolo della pagina deve contenere la parola chiave principale.
  • La Meta Description deve essere un invito al clic (massimo 150-160 caratteri).

    3. Migliorare l'Esperienza Mobile (UX)
    Spesso su mobile il sito appare "strizzato" o troppo lungo.
    • Gestione dei Breakpoints: Vai al "Passo 2: Risoluzioni e Dispositivi". Non aver paura di aggiungere un breakpoint specifico se vedi che a 480px il layout si rompe.
    • Nascondere oggetti pesanti: Se in Home Page hai un video o una galleria complessa che su mobile rallenta tutto, seleziona l'oggetto, vai nelle impostazioni di visibilità e nascondilo per le risoluzioni più basse. Sostituiscilo con un'immagine statica più leggera dedicata solo agli smartphone.
    • Distanza tra i link: Assicurati che i menu e i pulsanti siano facili da cliccare con il pollice. Aumenta il margine (padding) degli oggetti nel "Passo 4".

    4. Pulizia del Codice (Avanzato)
    • Compressione HTML/CSS: Al momento dell'esportazione (Passo 5), verifica se la tua versione di X5 permette di attivare la minimizzazione del codice. Questo elimina gli spazi vuoti inutili nel file finale, rendendolo più leggero.
    • Analisi dei font: Stai usando troppi font diversi? Ogni font è una chiamata al server. Cerca di limitarti a 2 max 3 font della famiglia Google Fonts: uno per i titoli e uno per il corpo del testo.

    Guida pratica gestione TAG H1 H2

    WebSite X5: Guida Definitiva ai Tag H1, H2 e H3 (Manuale vs Automatica)
    Gestire la gerarchia dei titoli in WebSite X5 è fondamentale per scalare le posizioni su Google. Esistono due strade: una meticolosa (Manuale) e una rapida (Automatica Intelligente). Ecco come configurarle correttamente per evitare errori e doppioni.

    1. La Gerarchia Logica (La Regola del Libro)
    Indipendentemente dal metodo scelto, la struttura deve sempre essere coerente:
    • H1 (Titolo del Capitolo): Unico per pagina. Deve contenere la parola chiave principale.
    • H2 (Paragrafi principali): Dividono il contenuto in macro-sezioni.
    • H3 (Approfondimenti): Sottoparagrafi annidati negli H2.

    2. La Strategia Rapida: Gestione Automatica "Intelligente"
    Se non vuoi inserire manualmente i titoli in ogni pagina, puoi sfruttare un comportamento specifico del software per rendere efficace l'automazione.

    Il problema del "Titolo Scomparso"
    Molti utenti scelgono l'opzione "H1 per Titolo della Pagina", ma se al Passo 2 (Stile dei Testi) l'opzione per visualizzare il Titolo della Pagina nell'intestazione è disattivata (magari per ragioni estetiche), il software spesso non genera alcun tag H1 nel codice.

    La soluzione (Il Trucco del Formato Title)
    Per forzare il software a creare sempre un H1 corretto e "parlante", segui questa combinazione:
    1. Imposta il Formato Title: In Impostazioni Avanzate > Statistiche e SEO, imposta il formato come: [PAGE_TITLE] - [SITE_TITLE].
    2. Attiva l'opzione "Aggressiva": Al Passo 1 > SEO, scegli l'opzione "3 - H1 Intestazione Sito, H2 Titolo pagina".

    Perché questa configurazione funziona?
    • Forza l'H1: Anche se il titolo è nascosto graficamente nel modello, questa impostazione spinge il software a scrivere l'H1 nel codice HTML.
    • Priorità alla Pagina: Grazie al formato impostato ([PAGE_TITLE] al primo posto), il tuo H1 inizierà con la parola chiave specifica della pagina (es. Contatti o Tutorial X5), dando a Google il segnale corretto, mentre il nome del sito rimarrà in fondo come rinforzo del brand.




    3. La Strategia Professionale: Gestione Manuale
    Per chi vuole il controllo totale (scelta consigliata per pagine di vendita o landing page competitive):
    1. Disattiva gli automatismi: Al Passo 1, imposta la gestione dei tag su "Manuale".
    2. Usa l'Oggetto Testo: Inserisci un oggetto testo in cima alla pagina e assegna il tag H1 dal menu a tendina dell'editor.
    3. Vantaggio: Puoi scrivere un H1 diverso dal titolo della mappa (es. Titolo Mappa: "Servizi" -> H1 Manuale: "Consulenza SEO Professionale a Milano").

    4. Come evitare i doppioni (Il controllo finale)
    Il rischio maggiore è avere due tag H1. Questo succede se usi il "Trucco" dell'automazione e contemporaneamente aggiungi un H1 manuale nell'oggetto testo.

    Regola d'oro:
    • Se usi la Strategia Rapida (Automatica): Nell'Oggetto Testo usa solo H2 e H3.
    • Se usi la Strategia Manuale: Assicurati che l'intestazione automatica sia disattivata.

    Verifica in 10 secondi
    Una volta online, premi F12 sul browser e cerca (CTRL+F) il tag <h1>.
    Deve comparire una sola volta. Se vedi [Titolo Pagina] - [Nome Sito], la tua automazione intelligente sta funzionando perfettamente!

    Conclusione
    Non esiste una scelta sbagliata, ma ora hai gli strumenti per decidere: la Strategia Rapida è ottima per blog e siti ampi; la Strategia Manuale è l'arma segreta per le tue pagine più importanti.


    Sintesi Estrema: Gestire i Tag su WebSite X5 senza errori
    1. La Regola d'Oro
    • Un solo H1 per pagina: È il titolo principale e più importante per Google.
    • Gerarchia Rigida: Segui sempre l'ordine H1 - H2 - H3 (come i capitoli di un libro). Mai saltare un livello.
    • SEO vs Estetica: Non scegliere mai un tag (es. H3) solo perché è "più piccolo". Imposta il tag corretto per la gerarchia e cambia la sua dimensione nel Passo 2 (Stile dei Testi).
    2. Strada A: Gestione Manuale (Il controllo totale)
    • Cosa fare: Passo 1 (SEO) > Imposta la gestione tag su "Manuale" o "Nessuna".
    • Azione: In ogni pagina, trascina un Oggetto Testo in alto, scrivi il titolo e seleziona H1 dal menu a tendina.
    • Perché: È la scelta migliore per la SEO avanzata. Ti permette di scrivere un H1 "pulito" (senza il nome del sito) e ottimizzato per una specifica parola chiave.
    3. Strada B: Gestione Automatica (Il "Trucco" della concatenazione)
    • Cosa fare: Passo 1 (SEO) > Scegli "H1 Intestazione Sito, H2 Titolo pagina".
    • Il trucco: In Statistiche e SEO, imposta il formato Title come [PAGE_TITLE] - [SITE_TITLE].
    • Perché: Anche se nascondi il titolo graficamente, il software "forza" la creazione di un H1 nel codice. Grazie a questo trucco, l'H1 inizierà sempre con il titolo della pagina (più rilevante per la SEO), seguito dal nome del sito.
    4. L'Errore Fatale: Il Doppione
    Non mescolare mai le due strade. Se attivi l'automatismo (Strada B) e inserisci anche un H1 a mano nell'oggetto testo (Strada A), avrai due H1. Questo è un errore grave che confonde i motori di ricerca e diluisce la forza dei tuoi contenuti.
    5. Verifica Finale (Il test del programmatore)

    Una volta online, controlla sempre il tuo lavoro:
    1. Apri la pagina nel browser.
    2. Premi CTRL + U (visualizza sorgente) o F12 (ispeziona).
    3. Cerca con CTRL + F il comando <h1>.
    4. Deve comparire una sola volta. Se vedi <h1>Titolo Pagina - Nome Sito</h1>, hai fatto un ottimo lavoro.



    ]]>     Fri, 30 Jan 2026 07:55:00 GMT https://www.giancarloweb.it/blog/?website-x5--la-guida-definitiva-per-ottimizzare-seo,-performance-e-mobile https://www.giancarloweb.it/blog/rss/000000050     <![CDATA[GiancarloLAB: Potenziare WebSite X5 con Script e Soluzioni Free]]> imblog


    Potenzia WebSite X5: Script e Soluzioni Gratuite con GiancarloLAB

    Nel mondo del web design, la flessibilità è tutto. Chi utilizza WebSite X5 sa di avere tra le mani uno strumento potente e intuitivo, ma sa anche che, a volte, ci si scontra con piccoli limiti strutturali o con la necessità di acquistare oggetti extra per funzioni che dovrebbero essere semplici.
    Se stai cercando un modo per personalizzare il tuo sito oltre le opzioni standard, senza dover mettere mano al portafoglio, c'è una risorsa che devi assolutamente conoscere: giancarlolab.it

    Cos'è GiancarloLAB?
    GiancarloLAB.it è un portale nato con una missione chiara: democratizzare l'uso di funzioni avanzate per WebSite X5. Non si tratta solo di un sito di template, ma di una vera e propria "cassetta degli attrezzi" per webmaster creativi.
    Il cuore del progetto risiede in una vasta raccolta di script HTML, CSS3 e soluzioni tecniche gratuite pensate per integrare funzionalità che normalmente sarebbero a pagamento o del tutto assenti nel software originale.

    Perché ogni utente WebSite X5 dovrebbe visitarlo?
    1. Superare i limiti del software (Gratis)
    Molti oggetti nel Marketplace ufficiale di WebSite X5 sono eccellenti, ma hanno un costo. GiancarloLAB offre un'alternativa: frammenti di codice "custom" che permettono di ottenere risultati simili — e spesso più personalizzabili — a costo zero.

    2. Soluzioni pronte all’uso (Copia e Incolla)
    Non devi essere un programmatore per usare queste risorse. Ogni script è accompagnato da istruzioni semplici e chiare. Basta copiare il codice e incollarlo nelle sezioni apposite di WebSite X5 (come la sezione "Esperto" o prima della chiusura dei tag HEAD/BODY).

    3. Esempi di cosa puoi trovare:
    • Effetti visivi moderni: Animazioni CSS3 e hover avanzati per rendere i tuoi pulsanti e le tue immagini interattivi.
    • Miglioramenti della navigazione: Menu personalizzati, barre di notifica e pulsanti dal design unico.
    • Widget e Utility: Integrazioni social, gallerie particolari e piccoli script per ottimizzare l'interfaccia utente (UI).


    Leggerezza e Performance: Un vantaggio SEO
    Uno dei problemi degli oggetti pre-confezionati è che spesso caricano librerie pesanti che possono rallentare il tuo sito. Le soluzioni proposte da GiancarloLAB sono invece focalizzate sul codice pulito.
    Utilizzare uno script mirato invece di un plugin pesante significa avere un sito più veloce, un fattore che Google apprezza moltissimo per il posizionamento nei risultati di ricerca.

    Non solo codice: Blog e Tutorial
    GiancarloLAB non ti lascia solo con un pezzo di codice. Il sito include una sezione Blog e Tutorial in continua evoluzione, dove vengono spiegate le ultime tendenze del web design e come adattarle specificamente all'ambiente di WebSite X5. È un punto di riferimento per imparare trucchi tecnici che trasformano un sito amatoriale in un progetto professionale.

    In conclusione
    Se il tuo obiettivo è trasformare il tuo sito WebSite X5 da "standard" a "straordinario", GiancarloLAB è il partner ideale. È una testimonianza di come la passione e la condivisione possano aiutare una community a crescere, offrendo strumenti di alta qualità accessibili a tutti.

    👉 Visita ora: www.giancarlolab.it

    ]]>     Thu, 01 Jan 2026 07:39:00 GMT https://www.giancarloweb.it/blog/?giancarloweb--potenziare-website-x5-con-script-e-soluzioni-free https://www.giancarloweb.it/blog/rss/00000004F     <![CDATA[Overlay Menù Navigazione Moderna]]> imblog


    Un overlay menu è un elemento di navigazione moderno che compare in sovrapposizione al contenuto della pagina quando l’utente lo attiva. Questo tipo di menù permette di mantenere l’interfaccia pulita e focalizzata, mostrando le opzioni di navigazione solo quando necessario. È particolarmente efficace nei design minimalisti e nelle versioni mobile dei siti web, dove l’ottimizzazione dello spazio e la chiarezza visiva sono fondamentali.

    • L'Oggetto Menù di WebSite X5 crea automaticamente la navigazione del sito in base alla Mappa del Sito.
    • Si aggiorna da solo quando aggiungi, elimini o modifichi pagine.
    • Di solito viene inserito nell’Header come menù principale, o insieme ad esso.

    Importante:
    Il mio Overlay Menù utilizza come riferimento lo stesso menù di navigazione nativo di website e si aggiorna automaticamente insieme ad esso.
    Per questo il menù principale non va mai eliminato: se non vuoi mostrarlo, devi semplicemente nasconderlo, mantenendolo comunque presente nel progetto.

    Ecco le sue caratteristiche principali:
    1. Comportamento
    • Appare sopra il contenuto esistente, senza ricaricare la pagina.
    • Copre l’intero schermo.
    • Si chiude cliccando un pulsante di chiusura, l’icona X del menù.

    2. Obiettivi
    • Offrire una navigazione chiara e pulita, specialmente su dispositivi mobili.
    • Ridurre gli elementi visibili nella pagina, mantenendo un design più minimale.
    • Dare massimo risalto al contenuto, evitando menù troppo ingombranti.

    3. Vantaggi
    • Usabilità mobile migliorata: è uno dei pattern più diffusi su smartphone.
    • Esperienza utente più immersiva perché il menù domina l’attenzione quando necessario.
    • Migliore gestione dello spazio: il menù non occupa spazio fisso nell'interfaccia.
    • A differenza dell'oggetto nativo a pagamento, questo mostra anche le voci dei livelli

    Il mio non è un oggetto a pagamento
    Il mio Overlay Menu non è un componente a pagamento, ma uno script personalizzato integrato in alcuni dei miei template. Nei modelli che includono questa funzionalità sono presenti sia il menù desktop tradizionale, sia l’icona hamburger che attiva l’overlay.
    In base alle esigenze, è possibile scegliere se mostrarli entrambi, utilizzare l’overlay solo su dispositivi con schermi più piccoli (come tablet e smartphone) oppure adottare esclusivamente l’overlay menu su tutte le pagine del sito.

    Solo Overlay Menù
    Attivare questa opzione è molto semplice.
    Dallo Step 2 (vedi punto 1 nell’immagine), accediamo al Contenuto del modello e poi alla sezione Header. Qui selezioniamo il menù principale (vedi punto 2 nell’immagine).
    Una volta selezionato, clicchiamo su Mostra/Nascondi (vedi punto 3 nell’immagine) e scegliamo l’opzione “Nascondi per questa visualizzazione e per quelle inferiori”.
    In questo modo, il menù principale verrà nascosto e resterà visibile solo l’hamburger menu, su tutte le risoluzioni.



    Overlay Menù solo per Smart e Tablet
    In questa modalità è necessario nascondere l’hamburger menu fino alla risoluzione in cui il menù principale non è più compatibile con lo spazio disponibile. A quel punto disattiveremo il menù principale e attiveremo l’hamburger seguendo il metodo descritto in precedenza, con alcune varianti. Vediamo i passaggi nel dettaglio.



    Per prima cosa, partiamo dallo step con la risoluzione maggiore ed effettuiamo la disattivazione dell’oggetto HTML che contiene l’hamburger.
    Dallo Step 2 (vedi punto 1 nell’immagine), accediamo al Contenuto del modello e successivamente alla sezione Header. Qui selezioniamo la risoluzione più ampia (vedi punto 2 nell’immagine) e, all’interno dell’header, individuiamo l’oggetto HTML corrispondente all’hamburger (vedi punto 3 nell’immagine).

    Dopo averlo selezionato, clicchiamo su Mostra/Nascondi (vedi punto 4 nell’immagine) e scegliamo l’opzione “Nascondi per questa visualizzazione” (vedi punto 5 nell’immagine).
    Ripetiamo la stessa operazione per gli step successivi, fino a raggiungere la risoluzione in cui il menù principale passa automaticamente alla modalità hamburger. A questo punto dobbiamo nascondere il menù principale e attivare il nostro overlay menu.

    Tutto qui: il risultato finale sarà una gestione fluida e coerente della navigazione, adattata in modo ottimale a ogni risoluzione.


    L’Oggetto Menù di WebSite X5 genera automaticamente la navigazione del sito sulla base della Mappa del Sito. Si aggiorna in modo autonomo ogni volta che vengono modificate o aggiunte pagine e può essere inserito sia nel modello grafico sia nelle singole pagine. Il menù principale – generalmente l’unico necessario – viene solitamente posizionato nell’Header del sito.
    L’Overlay Menù è collegato al menù di navigazione di WebSite X5 e, di conseguenza, si aggiorna automaticamente quando vengono aggiunte nuove pagine. Per questo motivo il menù principale non deve mai essere eliminato, ma semplicemente reso non visibile, come descritto in precedenza, qualora non si desideri mostrarlo nel sito.
    L’Overlay menu mostra tutte le pagine linkabili nell’ordine in cui compaiono nel menu principale. I livelli non linkabili vengono automaticamente esclusi, eliminando i classici e fastidiosi effetti a fisarmonica. Se il menu contiene molte pagine, il contenuto dell’overlay diventeraà scrollabile, garantendo una navigazione semplice e intuitiva.
    Puoi valutare il comportamento dell’overlay direttamente sui miei template. Cerca in particolare quelli che riportano la dicitura ‘Overlay Menù Free’.

    Potrebbe interessarti anche: Come personalizzare un mio Template


    ]]>     Fri, 21 Nov 2025 06:46:00 GMT https://www.giancarloweb.it/blog/?overlay-menu https://www.giancarloweb.it/blog/rss/00000004E     <![CDATA[Testa in pochi secondi se il tuo sito è davvero responsive!]]> imblog


    Come verificare se il tuo sito è responsive

    Verifica subito come il tuo sito web appare su smartphone, tablet e desktop. Uno strumento di test responsive ti permette di controllare in tempo reale se i contenuti, le immagini e i menu si adattano correttamente a ogni schermo. In pochi clic puoi individuare eventuali problemi di visualizzazione e migliorare l’esperienza utente su tutti i dispositivi, assicurando un sito veloce, accessibile e professionale.


    1 - Inserisci url completo del sito da testare
    2 - Pulsanti simulazione della visualizzazione responsive sui device più comuni
    3 - Consente il cambio di modalità dell’interfaccia tra Light e Dark

     Un sito responsive è progettato per adattarsi automaticamente a qualsiasi dispositivo, garantendo una navigazione ottimale su smartphone, tablet e computer. Oggi è possibile testare in pochi secondi la compatibilità del proprio sito grazie a strumenti online che mostrano in tempo reale come vengono visualizzate le pagine su diversi schermi. Questi test aiutano a individuare eventuali problemi di layout, testi fuori posto o immagini tagliate, permettendo di migliorare l’esperienza utente e l’accessibilità del sito. Mantenere un design responsive è fondamentale per assicurare una buona usabilità e un miglior posizionamento nei motori di ricerca.




    ]]>     Wed, 05 Nov 2025 16:45:00 GMT https://www.giancarloweb.it/blog/?testa-in-pochi-secondi-se-il-tuo-sito-e-davvero-responsive- https://www.giancarloweb.it/blog/rss/00000004D     <![CDATA[Quale nuovo template vorresti trovare su giancarloweb]]> imblog

    Quale nuovo template vorresti trovare su giancarloweb.it?

    Siamo sempre alla ricerca di modi per rendere giancarloweb.it ancora più completo, creativo e su misura. E quale modo migliore per farlo se non chiedendo direttamente a chi ci segue?

    Vogliamo sapere: che tipo di template ti piacerebbe trovare sullo shop del sito? Che tu stia cercando un design elegante per il tuo portfolio, un layout dinamico per un blog personale o un template funzionale per il tuo e-commerce, le tue idee possono diventare realtà!

    💡 Dicci la tua: lascia il tuo voto per il template che desideri e potresti vederlo presto sul sito!




    ]]>     Wed, 29 Oct 2025 14:03:00 GMT https://www.giancarloweb.it/blog/?quale-nuovo-template-vorresti-vedere-su-giancarloweb-it--- https://www.giancarloweb.it/blog/rss/00000004C     <![CDATA[Repair Company Template]]> imblog


    Repair Company
    Il template professionale per artigiani, tecnici e aziende di assistenza

    Presenta la tua attività con un sito web moderno, veloce e ottimizzato per ogni dispositivo.
    Repair Company è un template professionale progettato per aziende di assistenza tecnica, installatori, manutentori, elettricisti, idraulici, serramentisti e piccole imprese artigiane che desiderano una presenza online affidabile e professionale.
    Grazie a una struttura già pronta all'uso, puoi pubblicare il tuo sito in tempi rapidi semplicemente sostituendo immagini, testi e recapiti con quelli della tua attività.

    Perché scegliere Repair Company

    Design professionale
    Un layout moderno e curato che trasmette immediatamente competenza, affidabilità e professionalità ai tuoi clienti.
    Responsive al 100%
    Il sito si adatta automaticamente a smartphone, tablet e computer garantendo una navigazione perfetta su qualsiasi dispositivo.

    Ottimizzato per acquisire contatti
    Le sezioni sono studiate per mettere in evidenza servizi, punti di forza, recensioni e contatti, favorendo le richieste di preventivo.

    Personalizzazione semplice
    Non sono richieste competenze di programmazione. Modifica facilmente immagini, testi, colori e contenuti direttamente da Website X5.

    Compatibilità garantita
    Compatibile con WebSite X5 PRO dalla versione 2024.2.8 e successive.

    Ideale per
    • Assistenza tecnica
    • Installatori
    • Imprese edili
    • Idraulici
    • Elettricisti
    • Tecnici specializzati
    • Aziende di manutenzione
    • Artigiani professionisti

    Funzionalità incluse
    • Design Responsive Multi-page
    • Effetti di transizione moderni
    • Google Fonts
    • Font Awesome 6.2
    • Social Icons animate
    • Effetti CSS3
    • Modulo contatti Email
    • Pulsante WhatsApp flottante
    • Slider responsive
    • Skill Bar
    • Overlay Menu
    • Pagina Privacy e Policy




    Pubblica il tuo sito in poche ore
    Evita settimane di lavoro partendo da zero.
    Con Repair Company hai già una struttura professionale pronta all'uso che ti permette di concentrarti esclusivamente sui contenuti della tua attività.
    Sostituisci immagini e testi, pubblica online e inizia subito a presentarti ai clienti con un'immagine professionale e credibile.

    Per informazioni è possibile contattarmi direttamente tramite email, per l'acquisto visitare la scheda prodotto cliccando questo link
    Il template include del codice aggiuntivo pensato per aggirare alcune limitazioni responsive native di Website X5 e consentire l’utilizzo di oggetti gratuiti, evitando così la necessità di acquistare elementi dal marketplace.

    Clicca al link che segue per Anteprima Template


    ]]>     Tue, 14 Oct 2025 06:50:00 GMT https://www.giancarloweb.it/blog/?repair-company-template https://www.giancarloweb.it/blog/rss/00000004A     <![CDATA[Tecno Solution Template]]> imblog


    Tecno Solution – Template Professionale per Aziende e Agenzie

    Un design moderno per valorizzare la tua presenza online
    Se stai cercando un template professionale per realizzare un sito aziendale moderno, elegante e completamente responsive, Tecno Solution è la soluzione ideale.
    Progettato per aziende, consulenti, professionisti, startup e agenzie digitali, questo template offre una struttura grafica curata nei minimi dettagli, pensata per comunicare affidabilità, innovazione e professionalità fin dal primo impatto.
    Grazie alla sua impostazione moderna e alla completa compatibilità con WebSite X5 PRO, puoi creare rapidamente un sito web dall'aspetto professionale senza dover partire da zero.

    Perché scegliere Tecno Solution
    Oggi un sito web non deve essere soltanto bello da vedere: deve trasmettere fiducia, essere facile da navigare e adattarsi perfettamente a qualsiasi dispositivo.
    Tecno Solution è stato sviluppato seguendo questi principi, offrendo un'esperienza utente moderna e coinvolgente.

    Design professionale
    Layout pulito, moderno ed elegante, studiato per valorizzare servizi, prodotti e contenuti aziendali.

    Responsive al 100%
    Il template si adatta automaticamente a smartphone, tablet e desktop garantendo una visualizzazione ottimale su qualsiasi schermo.

    Personalizzazione semplice
    Colori, immagini, testi e sezioni possono essere modificati rapidamente per adattare il progetto alle esigenze della tua attività.

    Esperienza utente coinvolgente
    Animazioni fluide, effetti grafici moderni e transizioni eleganti contribuiscono a migliorare la navigazione e l'impatto visivo.

    Struttura pronta all'uso
    Tutte le sezioni principali sono già organizzate per permetterti di pubblicare il sito in tempi rapidi.

    Caratteristiche principali
    Tecno Solution integra numerose funzionalità avanzate che contribuiscono a migliorare l'aspetto e la fruibilità del sito:
    • Layout responsive
    • Menu di navigazione moderno
    • Slider immagini e contenuti
    • Effetti CSS3 e animazioni
    • Google Fonts integrati
    • Sezioni servizi e presentazione aziendale
    • Area contatti professionale
    • Struttura ottimizzata per la personalizzazione
    • Compatibilità con WebSite X5 PRO
    • Design moderno e professionale

    Ideale per
    Tecno Solution è particolarmente indicato per:
    • Aziende di servizi
    • Studi professionali
    • Consulenti
    • Agenzie di comunicazione
    • Agenzie web
    • Startup innovative
    • Società informatiche
    • Attività commerciali
    • Imprese tecnologiche
    • Liberi professionisti
    Grazie alla sua versatilità può essere facilmente adattato a numerosi settori professionali.

    Vantaggi per il tuo business
    Scegliere un template professionale permette di ridurre drasticamente i tempi di realizzazione di un progetto web mantenendo elevata la qualità del risultato finale.

    Con Tecno Solution puoi:
    ✔ Presentare la tua attività in modo professionale
    ✔ Migliorare la credibilità online del tuo brand
    ✔ Offrire una navigazione ottimale da dispositivi mobili
    ✔ Ridurre i tempi di sviluppo del sito
    ✔ Personalizzare facilmente ogni sezione
    ✔ Partire da una base grafica moderna e aggiornata




    Un template pensato per crescere con te
    Tecno Solution non è soltanto un semplice layout grafico ma una base solida sulla quale costruire la tua presenza online.
    La struttura flessibile consente di ampliare facilmente il sito aggiungendo nuove pagine, servizi, portfolio, gallerie fotografiche e contenuti informativi, mantenendo sempre un'immagine professionale e coerente.

    Conclusioni
    Se desideri realizzare un sito web aziendale moderno, responsive e professionale senza affrontare lunghi tempi di progettazione, Tecno Solution rappresenta una scelta efficace e immediata.
    Una soluzione completa che combina design contemporaneo, semplicità di personalizzazione e funzionalità avanzate per aiutarti a creare una presenza online credibile, professionale e pronta a conquistare nuovi clienti.

    Il template Tecno Solution è compatibile con Website X5 PRO 2024.2.8 e superiori compresa ultima versione PRO.
    Per informazioni è possibile contattarmi direttamente tramite email, per l'acquisto visitare la scheda prodotto cliccando questo link
    Il template include del codice aggiuntivo pensato per aggirare alcune limitazioni responsive native di Website X5 e consentire l’utilizzo di oggetti gratuiti, evitando così la necessità di acquistare elementi dal marketplace.

    Clicca sul testo che segue per Anteprima Template

    ]]>     Thu, 09 Oct 2025 10:50:00 GMT https://www.giancarloweb.it/blog/?tecnosolution-template https://www.giancarloweb.it/blog/rss/000000049     <![CDATA[Fitness Template]]> imblog

    Fitness – Template Professionale per Palestre, Personal Trainer e Centri Fitness

    Il template ideale per promuovere la tua attività nel settore fitness
    Nel mondo del fitness la prima impressione è fondamentale.
    Che tu gestisca una palestra, un centro sportivo, un'attività di personal training o un progetto dedicato al benessere, avere un sito web professionale rappresenta uno strumento essenziale per comunicare credibilità, attrarre nuovi clienti e valorizzare i tuoi servizi.
    Fitness è un template moderno e completamente responsive progettato per aiutarti a creare una presenza online efficace, dinamica e professionale.
    Grazie alla sua grafica accattivante e alla struttura intuitiva, puoi realizzare rapidamente un sito capace di trasmettere energia, affidabilità e motivazione.

    Un design creato per il settore fitness
    Fitness è stato sviluppato pensando alle esigenze di chi opera nel mondo dello sport e del benessere.
    L'obiettivo è offrire una comunicazione visiva forte, moderna e coinvolgente, capace di valorizzare programmi di allenamento, corsi, servizi personalizzati e attività sportive.
    Le immagini a grande impatto, gli effetti dinamici e la struttura professionale contribuiscono a creare un'esperienza utente coinvolgente e moderna.

    Perché scegliere Fitness
    Immagine professionale immediata
    Presenta la tua attività con una grafica moderna che trasmette energia, competenza e affidabilità.

    Perfetto su ogni dispositivo
    Il layout responsive garantisce una visualizzazione ottimale da smartphone, tablet e computer.

    Maggiore coinvolgimento degli utenti
    Animazioni fluide, sezioni dinamiche e contenuti ben organizzati migliorano la navigazione e aumentano l'interesse dei visitatori.

    Facile da personalizzare
    Puoi modificare rapidamente immagini, colori, testi e contenuti adattando il template alla tua identità professionale.

    Struttura pronta all'uso
    Tutte le sezioni principali sono già predisposte per presentare corsi, servizi, programmi di allenamento, trainer e contatti.

    Caratteristiche principali
    Fitness include numerose funzionalità moderne progettate per offrire un'esperienza professionale e coinvolgente:
    • Layout responsive
    • Design moderno e sportivo
    • Effetti CSS3 e animazioni avanzate
    • Slider immagini professionale
    • Google Fonts integrati
    • Sezioni dedicate ai servizi
    • Presentazione corsi e programmi fitness
    • Area trainer e staff
    • Sezione contatti professionale
    • Compatibilità con WebSite X5 PRO
    • Navigazione intuitiva e veloce

    Ideale per
    Questo template è particolarmente adatto a:
    • Palestre
    • Personal Trainer
    • Centri Fitness
    • Centri Wellness
    • Studi di preparazione atletica
    • Corsi di allenamento online
    • Associazioni sportive
    • Palestre funzionali
    • Attività di coaching sportivo
    • Centri dedicati al benessere fisico
    La sua struttura versatile consente di adattarlo facilmente a differenti tipologie di attività sportive e professionali.

    Aumenta la tua presenza online
    Un sito web professionale può diventare uno dei principali strumenti per acquisire nuovi clienti.
    Fitness è stato progettato per aiutarti a:
    ✔ Promuovere corsi e servizi
    ✔ Presentare il tuo staff e le tue competenze
    ✔ Comunicare professionalità e affidabilità
    ✔ Migliorare la visibilità online della tua attività
    ✔ Offrire una navigazione ottimale da dispositivi mobili
    ✔ Valorizzare immagini, programmi e risultati




    Comunica energia, motivazione e professionalità
    Nel settore fitness l'aspetto visivo ha un ruolo determinante.
    Fitness utilizza una struttura moderna che permette di mettere in evidenza immagini motivazionali, programmi di allenamento, risultati raggiunti e servizi professionali, contribuendo a rafforzare l'identità del tuo brand.
    Ogni sezione è progettata per migliorare la comunicazione con il cliente e facilitare il contatto diretto con la tua attività.

    Una soluzione moderna per il tuo progetto fitness
    Partire da una base grafica professionale consente di risparmiare tempo e ottenere un risultato finale di qualità superiore.
    Fitness rappresenta una soluzione completa per chi desidera creare rapidamente un sito web moderno, responsive e professionale senza affrontare lunghi tempi di progettazione.

    Conclusioni
    Se desideri promuovere la tua palestra, il tuo centro fitness o la tua attività di personal training con un sito moderno e professionale, Fitness è il template ideale per iniziare.
    Una soluzione pensata per valorizzare la tua immagine online, migliorare la comunicazione con i clienti e offrire una presenza web efficace, dinamica e perfettamente adattabile a qualsiasi dispositivo.
    Il template Fitness è compatibile con Website X5 PRO 2024.2.8 e superiori compresa ultima versione PRO.

    Per informazioni è possibile contattarmi direttamente tramite email, per l'acquisto visitare la scheda prodotto cliccando questo link
    Il template include del codice aggiuntivo pensato per aggirare alcune limitazioni responsive native di Website X5 e consentire l’utilizzo di oggetti gratuiti, evitando così la necessità di acquistare elementi dal marketplace.

    Clicca sul testo che segue per Anteprima Template

    ]]>     Sun, 05 Oct 2025 10:50:00 GMT https://www.giancarloweb.it/blog/?fitness https://www.giancarloweb.it/blog/rss/000000048     <![CDATA[Come personalizzare un mio Template con le tue immagini 2]]> imblog
    setup Come personalizzare un mio Template con le tue immagini
     

    Iniziamo insieme un percorso guidato, passo dopo passo, per personalizzare i template in modo preciso e coerente con la tua identità visiva.

    La prima e più frequente attività di personalizzazione riguarda la sostituzione delle immagini predefinite presenti nei blocchi principali del modello: Header (testata), Body (corpo) e Footer (piè di pagina). È fondamentale sapere dove sono collocate e come aggiornarle correttamente per ottenere un risultato professionale e uniforme.
    Come esempio, utilizzeremo il template Repair Company — le stesse istruzioni si applicano anche a tutti gli altri modelli disponibili. In particolare, ti mostrerò come sostituire il logo nella sezione Header.

    🔧 Procedura di personalizzazione del logo
    1. Apri il template che desideri modificare.
    2. Vai al “Passo 2 – Modello”.
    3. Seleziona l’icona “Contenuto del modello” (la terza), per accedere alla sezione dedicata alla gestione delle immagini e degli elementi grafici.
    Da qui potrai aggiornare facilmente il logo e ogni altro elemento visivo, adattandolo all’identità del tuo brand.




    Ci troviamo ora nella schermata denominata “Contenuto del Modello”. In questa sezione è possibile personalizzare l’aspetto grafico del template sostituendo il logo predefinito con uno proprio. Per procedere, è sufficiente cliccare sull’immagine del logo “REPAIRCOMPANY” e caricare il file desiderato, avendo cura che sia dimensionato in modo appropriato per garantire una resa ottimale.

    Dopo aver inserito il nuovo logo, è importante verificarne la visualizzazione nei vari breakpoint (evidenziati dalle frecce rosse), che corrispondono alle diverse risoluzioni dei dispositivi. Cliccando su ciascun breakpoint, è possibile controllare l’allineamento dell’immagine: se il logo non appare correttamente posizionato, è sufficiente trascinarlo manualmente fino al punto desiderato per assicurare un corretto adattamento grafico su tutti i formati.




    In questa sezione è possibile configurare in modo avanzato l’aspetto grafico del menù, intervenendo su elementi quali font, dimensione del testo, colori e ulteriori parametri di stile. Le medesime opzioni di personalizzazione sono disponibili anche per il menù di secondo livello e per il menù hamburger, garantendo coerenza visiva sull’intera navigazione del sito.

    Per iniziare la modifica, fate doppio clic sull’elemento del menù (come illustrato nell’immagine precedente, indicato dalla freccia blu sulla barra del menù nell’Header). Verrà visualizzata un’interfaccia dedicata in cui sono presenti tutte le opzioni di personalizzazione. Selezionando le sezioni evidenziate in rosso, potrete accedere alle impostazioni specifiche per ciascuna tipologia di menù e applicare le modifiche desiderate in modo mirato.


    Oggetto menù

    Sempre dal pannello “Contenuto del Modello” è possibile accedere alla sezione Footer (piè di pagina), ovvero l’area inferiore del nostro template, dedicata agli elementi conclusivi o ricorrenti dell’impaginato.
     
    nota #NOTA: Header e Footer sono sezioni che si ripetono su tutte le nostre pagine, a differenza del Corpo o body della nostra pagina, dove troviamo invece i contenuti veri e propri che naturalmente variano da pagina a pagina.





    Come illustrato nell’immagine precedente, ci troviamo nell’editor del Footer (piè di pagina) del template Repair Company, all’interno del quale sono raccolti tutti gli elementi che compongono questa sezione.
    Cliccando su ciascun elemento è possibile accedere alle relative opzioni di personalizzazione del contenuto. Analogamente a quanto avviene per l’Header (testata), è fondamentale verificare la corretta disposizione degli elementi nel layout e, se necessario, effettuare ottimizzazioni per i dispositivi con risoluzioni inferiori, come tablet e smartphone. In tali circostanze, è possibile utilizzare la funzione Mostra/Nascondi per occultare gli elementi che non si adattano correttamente agli spazi ridotti, garantendo così una visualizzazione ordinata e coerente su tutti i dispositivi.

    sostituire SOSTITUIRE LE IMMAGINI SULLE PAGINE
    Ora passiamo alle immagini presenti nel corpo (body) della pagina del template “Repair Company”.

    Per modificare una pagina del template, accedere allo Step 3 – MAPPA. Nella sezione destra dell’interfaccia viene visualizzato l’elenco completo delle pagine che compongono il modello.
    Per intervenire su una pagina specifica, come ad esempio la HOME (evidenziata nell’interfaccia con una freccia blu), è sufficiente effettuare un doppio clic sul nome della pagina desiderata.




    nota #NOTA: visto che siamo sulla sezione mappa ne approfitto per informarvi che solo su questo step (3) possiamo rinominare le pagine, ma anche aggiungerne di nuove o eliminarne. Ogni modifica che effettuerete in questa sezione varierà automaticamente anche il menù principale, quello sull’Header (testata).
     
    Le immagini visualizzate nello slider della Home page sono contenute nel primo elemento della struttura, denominato Content Slider, accessibile tramite l’editor. Per aggiornarle, è sufficiente selezionare l’elemento e caricare le nuove immagini, assicurandosi che rispettino la larghezza consigliata di 1920 px per garantire una corretta visualizzazione e ottimizzazione del layout.



    È possibile osservare che l’elemento selezionato presenta una larghezza superiore rispetto agli altri oggetti presenti nella pagina.

    A partire dalla versione V17 di Website, è stata introdotta la funzionalità che consente di estendere gli oggetti a tutta la larghezza della finestra del browser. Per abilitare questa opzione, è sufficiente selezionare l’oggetto e fare clic sull’icona dedicata, evidenziata dalla freccia blu.

    Nelle versioni più recenti, inoltre, gli oggetti di tipo immagine visualizzano un’anteprima del contenuto direttamente all’interno dell’editor di pagina, facilitando in modo significativo l’individuazione e la gestione delle immagini.

    immagine Immagine sulle ROW (Righe)
    Anche le immagini inserite all’interno delle righe (ROW) della pagina possono essere facilmente sostituite. Ad esempio, prendiamo in considerazione l’immagine evidenziata in rosso nella homepage del template Repair Company e analizziamo il procedimento per sostituirla con una nostra immagine personalizzata.



    Prima di tutto dobbiamo individuare sulla pagina home la riga o le righe su cui intervenire.



    Per modificare le proprietà dello Stile Righe, accedendo alla pagina con l’elenco di tutti gli oggetti (vedi figura sopra), è sufficiente cliccare sull’icona Stile Righe in alto per entrare nella sezione dedicata.

    All’interno dello stile righe, selezioniamo la riga che desideriamo modificare (rettangolo rosso). Sul lato destro appariranno diverse opzioni (freccia rossa) che consentono di:
    • sostituire l’immagine,
    • attivare l’opzione colore,
    • impostare l’allineamento,
    • e altre funzioni sperimentabili a seconda delle esigenze.

    Successivamente, è possibile regolare l’effetto parallasse, l’overlay e l’estensione della riga (rettangoli rossi in alto), come mostrato nella figura sottostante.
    L’anteprima dell’immagine corrente è indicata dalla freccia blu.





    immagine ALTRE IMMAGINI IN PROPRIETA' DI PAGINA
    Ci sono alcuni template, come ad esempio Ristò, che hanno l’immagine principale nella proprietà della pagina in sezione grafica. Vediamo come arrivarci.
     



    Anche in questo caso dobbiamo andare allo step 3 MAPPA, selezionare la Home e cliccare sull’iconcina sopra Proprietà.



    Ora andiamo nella sezione Grafica: come potete vedere nella figura sotto, si attivano una serie di opzioni per personalizzare graficamente lo sfondo delle pagine. In questo caso sul template Risto ho inserito un’immagine da 1920px di larghezza che  ho reso fissa; nel campo File Immagine potrete inserirne una vostra per personalizzare la Home.



    Spero vi sia utile per modificare uno dei miei template, e probabilmente non solo.

    Vai al tutorial per versioni più obsolete

    Overlay Menù Tutorial

    Scarica la versione in PDF





    ]]>     Wed, 10 Sep 2025 14:24:00 GMT https://www.giancarloweb.it/blog/?come-personalizzare-un-mio-template-con-le-tue-immagini-2 https://www.giancarloweb.it/blog/rss/00000004B     <![CDATA[Noleggio Transenne e altro]]> imblog

    Nuovo radicale aggiornamento al sito Noleggio Transenne, si è cercato di rispettare le specifiche grafiche volute dal cliente (colori, immagini, video, loghi, ecc.) rendendo al tempo stesso il sito responsive e più fruibile da smartphone e Tablet. Per questo aggiornamento si è utilizzato la versione 2024.2, la gestione è stata poi affidata in autonomia al cliente.

       
    Altro (radicale) aggiornamento grafico e di contenuti è stato eseguito su https://www.agenziastudioeffe.it/ , il cliente ha fornito linee guida ed indicazioni precise sulle tonalità grafiche del sito, lasciando però libera autonomia al design, alla composizione e alla struttura.

    Altri aggiornamenti sono stati apportati sul sito https://www.aziendaagricolaciccone.it/ , in questo caso si è trattato solo di variazioni su alcuni contenuti e qualche ritocco ed aggiustamento alla grafica, in seguito questo progetto su richiesta del cliente, è stato lasciato in autogestione.




    ]]>     Sat, 25 Jan 2025 09:31:00 GMT https://www.giancarloweb.it/blog/?noleggio-transenne https://www.giancarloweb.it/blog/rss/000000047     <![CDATA[Template Gocciasana]]> imblog


    Un buon template ti permette di risparmiare molte ore di lavoro e questo credo che sia innegabile, almeno in base alla mia esperienza. Una buona base di partenza ti consente di programmare in tranquillità la sequenza di lavoro e le modifiche da apportare al modello per realizzare il proprio sito web.

    Gocciasana è un sito pronto all'uso per WebSite X5 Pro. E' utilizzabile a partire dalla versione 2021.4.7 PRO (NO EVO) a quelle successive (ultima compresa) senza problemi, il tema è dedicato all'e-commece per depuratori e filtri acqua, ma con poche modifiche è adattabile a qualsiasi e-commerce.

    Come potete anche vedere e valutare dall'anteprima il template è pronto all'uso, è facilmente adattabile alla propria attivita, basta inserire il proprio logo e immagini, adattare i testi ed alcuni contenuti è sei subito online. Il template viene fornito sia in italiano che in inglese, necessita di due oggetti opzionali .
    PS: Il template contiene del codice CSS per poter potenziare e personalizzare alcune funzioni non presenti in website X5.

    Il template Gocciasana è compatibile con website x5 V2021.4.7 PRO (e successive).

    Link anteprima inglese: clicca quì
    Link anteprima italiano: clicca quì

    ]]>     Wed, 24 Apr 2024 11:23:00 GMT https://www.giancarloweb.it/blog/?template-gocciasana https://www.giancarloweb.it/blog/rss/000000046     <![CDATA[Pulizia e ottimizzazione dei progetti di Website X5]]> imblog


    Il Problema
    Purtroppo è una problematica che affligge da sempre i progetti di Website X5 e non si capisce perchè Incomedia non abbia affrontato seriamente questo "bug". Nelle nuove versioni ha inserito una nuova funzione di analisi del progetto per liberarlo dalla spazzatura, ma anche questa spesso non è sufficente e non porta alla pulizia completa del progetto.

    Se ti trovi alle prese con progetti complessi dovrai lavorarci in modo assiduo ed apportare diverse modifiche ed aggiornamenti che con il passare del tempo, però, iniziano inesorabilmente ad appesantirsi portandosi dietro molti dati e vecchie immagini obsolete e non più utilizzate, diventando molto pesanti e spesso ingestibili nonostante l'utilizzo di PC performanti.

    Esistono alcune macchinose procedure consigliate sulla community, ma purtroppo oltre alla inevitabile perdita di tempo non portano quasi mai a risultati soddisfacenti.

    Nel tentativo di ripulire i miei progetti, mi sono anche cimentato nella macchinosa eliminazione delle vecchie immagini codificate presenti nella libreria, cosa che oltre che pericolosa per la sopravvivenza del progetto è veramente snervante.

    La Soluzione
    Poi finalmente mi sono imbattuto in WX5 File Manager, un software di terze parti che in pochi secondi ripulisce completamente il progetto da ogni tipo di file obsoleto. Io utilizzo questo software da oltre due anni e lo ritengo, ad oggi, l'unico strumento serio da utilizzare per la manutenzione dei progetti di Website X5, veloce e sicuro, almeno in base alla mia esperienza dato che l'ho testato su centinaia di lavori fra Template e siti.

    Vi allego un breve video che ha realizzato Gabriele della ditta Stiac che mostra come lavora WX5 File Manager sui progetti.

    Al link sotto potete anche richiedere una prova gratuita del software.

    ]]>     Mon, 01 Apr 2024 06:16:00 GMT https://www.giancarloweb.it/blog/?pulizia-progetti-website-x5 https://www.giancarloweb.it/blog/rss/000000045     <![CDATA[Cloudflare WARP: VPN gratuita per tutti a traffico illimitato]]> imblog

    Rapido. Gratuito. Privato.
    Il tuo provider di servizi Internet può vedere tutti i siti e le app che utilizzi, anche se sono crittografati. Alcuni provider vendono persino questi dati o li utilizzano per targetizzarti con annunci pubblicitari.
    1.1.1.1 con WARP impedisce a chiunque di spiarti crittografando una parte maggiore del traffico in uscita dal tuo dispositivo.
    Crediamo che la privacy sia un diritto. Non venderemo mai i tuoi dati.

    WARP: quattro motivi per provarla By Turbolat.it


    1. Innanzitutto Warp è completamente gratuita, questa è la prima caratteristica di spicco. Esiste anche la sua versione a pagamento (Warp+) che offre poco più del servizio gratuito, nulla di significativo a mio avviso.
    2. Warp è zero-stress, NON impone limiti di utilizzo, né di banda, né di traffico dati. NON richiede alcuna registrazione, NON veicola alcuna pubblicità e NON scoccia in alcun modo l'utente per il passaggio al piano a pagamento.
    3. Warp può essere utilizzata tramite i programmi, o le app ufficiali, compatibili per Windows, MAC, Linux e Android e che sono facilissimi da usare. E' pienamente compatibile con lo standard Wireguard e permette all'utente la libertà di scegliere liberamente programmi o app diversi da quelli ufficiali.
    4. La promessa di Warp è quella di velocizzare la navigazione di chi la impiega. Si tratta di una cosa insolita considerato che una VPN qualsiasi fa l'esatto opposto. Questa caratteristica è dovuta alla rete interna di Cloudflare che promette di accelerare il caricamento dei siti internet.





    ]]>     Sun, 03 Mar 2024 13:03:00 GMT https://www.giancarloweb.it/blog/?cloudflare-warp--vpn-gratuita-per-tutti-a-traffico-illimitato https://www.giancarloweb.it/blog/rss/000000044     <![CDATA[Carousel Card]]> imblog

    Carousel Card
    Il formato carosello ti consente di mostrare due o più immagini in una singola inserzione, tutte con il loro titolo, la descrizione, ed il link e call to action

    Come funziona
    Il semplice codice è da utilizzare in oggetto HTML, questo ci permette di scorrere una serie di Card, nel nostro esempio ogni card è composta da immagine con sotto del testo personalizzato ed un pulsante con link.
    Include anche il supporto per i controlli e gli indicatori precedente/successivo.
    Al link sotto troverete la demo di questo componente con il codice e le istruzioni per la realizzazione.





    https://giancarloweb.altervista.org/


    ]]>     Wed, 29 Nov 2023 15:33:00 GMT https://www.giancarloweb.it/blog/?carousel-card https://www.giancarloweb.it/blog/rss/000000043     <![CDATA[Da Sea & Hills a Residenza Cardinale]]> imblog

    Un buon template ti permette di risparmiare molte ore di lavoro e questo credo che sia innegabile, almeno in base alla mia esperienza. Una buona base di partenza ti consente di programmare in tranquillità la sequenza di lavoro e le modifiche da apportare al modello per realizzare il proprio sito web. Naturalmente non nego che le ore di lavoro non siano state poche per passare dal template Sea & Hill al sito Residenza Cardinale, ma con una struttura responsive e completa di pagine pronte, mi sono concentrato molto più sulle modifiche grafiche e sull'inserimento e la preparazione delle immagini e dei testi inerenti al B&B in questione.

    Con i 5 Step di Website X5 è molto semplice lavorare su un modello già pronto, naturalmente occorre un minimo di esperienza ma comunque si lavora in modo spedito. Andando sullo Step 2 è facile applicare le varie modifiche grafice generali di Header e Footer ed anche personalizzare la grafica del menù principale.

    Qui troviamo anche le informazioni inerenti al responsive ed i vari breakpoint, dove siamo naturalmente obbligati ad intervenire per adattare  Header e Footer alle varie risoluzioni. Con un minimo di esperienza si riesce in pochi passaggi a rendere il nostro sito facilmente visibile ed utilizzabile sui vari device, come smartphone e tablet, oltre naturalmente alla versione desktop per PC che è quella di partenza.



    Al Passo 3 e 4 possiamo intervenire sulle rispettive pagine del sito mediante l'editor messo a disposizione in Website X5. Questo è composto da una pagina suddivisa in righe e colonne (adattabili in numero e dimensione in base alle proprie esigenze) dove troviamo inseriti all'interno di questi blocchi i diversi oggetti dedicati che utilizziamo per allestire la nostra pagina.

    Naturalmente sul modello Sea & Hills questi oggetti sono già predisposti e allestiti con testi ed immagini generiche e comunque pronti solo per essere facilmente personalizzati.

    Non possiamo comunque realizzare un progetto senza avere un minimo di conoscenza dell'editor di Website X5, ma comunque non è un software difficile. Esiste anche un mio tutorial che ho messo a disposizione per facilitare le modifiche sui miei template e lo trovate a questo link. Naturalmente il mio consiglio, se siete alle prime armi, è quello di leggervi le guide ufficiali che trovate clicando appunto sulla scritta in grassetto.

    Quindi, in pratica, sono partito da questo Template e sono arrivato a questo sito. Se non conoscete Website X5 e volete acquistarlo scontato, lo potete trovare sul mio sito a questa pagina. (Licenza originale Incomedia)

    Se avete delle curiosità o delle info da chiedere, potete tronquillamente scrivere alla mia email  utilizzando il form presente sul sito specificando l'argomento, oppure postare un messaggio utilizzando il Blog, vi risponderò il prima possibile.


    ]]>     Mon, 11 Sep 2023 08:49:00 GMT https://www.giancarloweb.it/blog/?da-sea---hills-a-residenza-cardinale https://www.giancarloweb.it/blog/rss/000000042     <![CDATA[Tropea un borgo che balla]]> imblog

    Kermesse di 3 giorni dedicata alla danza a 360°

    Il Centro Storico di Tropea diventa un grande palcoscenico all’aperto, dove l’arte della danza si esprimerà in tutta la sua bellezza e le sue sfaccettature, rapportandosi con gli spazi urbani del Borgo più bello d’Italia.

    Performance estemporanee, esibizioni di stili differenti, incontri, concorsi e workshop, il tutto svolto tra le più belle e caratteristiche piazze, strade, vicoli del centro urbano.
    Tre giornate intense di emozioni, colori, divertimento e tanta allegria.

    L’evento si svilupperà attraverso un percorso guidato che indirizzerà e coinvolgerà il pubblico nelle location degli spettacoli.

    Evento rivolto a Scuole/Gruppi e Singoli ballerini.
    Durante la serata di Gala vi sarà la FINALE del 1° Trofeo “Tropea un Borgo che Balla” con i migliori gruppi, coppie e solisti per ogni genere di danza selezionati durante le esibizioni.
    Altri premi e riconoscimenti verranno assegnati a tutti i partecipanti del Gala.



    ]]>     Sun, 26 Mar 2023 09:27:00 GMT https://www.giancarloweb.it/blog/?tropea-un-borgo-che-balla https://www.giancarloweb.it/blog/rss/000000041     <![CDATA[Rimuovere contenuti obsoleti dal nostro Hosting]]> imblog

    Come rimuovere i vecchi contenuti dal nostro spazio web.

     
    Spesso leggo questa domanda: perché ho ancora quella pagina indicizzata su Google quando io sul mio progetto in Website l’ho cancellata?
     
    La risposta è semplice: Website NON elimina le pagine obsolete presenti online sul nostro hosting, la pagina viene eliminata sul nostro progetto, ma per le vecchie risorse presenti online dovremo intervenire noi manualmente.

     
    La procedura è semplice, possiamo fare questo anche direttamente con website. Di seguito vi mostro i semplici passi:

    1) Al passo 5 di Website andiamo su “Esportazione del sito Internet”


    2) Clicchiamo sulla cartella cerchiata di rosso (visibile in figura)
    3) Si apriranno tutte le cartelle ed i file presenti sul nostro sito online (Hosting)




    4) A questo punto cerchiamo i file obsoleti da cancellare, clicchiamoci sopra in modo da evidenziarli (per selezioni multiple teniamo premuto il tasto Maiuscolo della tastiera)

    5) Una volta selezionati file/cartelle basterà cliccare sulla X rossa per eliminarli


             

    Naturalmente con il passare del tempo spariranno anche da Google, ma volendo velocizzare la procedura basterà andare su Search Console e comunicare gli indirizzi delle pagine non più presenti.

    ]]>     Thu, 09 Feb 2023 08:00:00 GMT https://www.giancarloweb.it/blog/?rimuovere-contenuti-obsoleti-dal-nostro-hosting https://www.giancarloweb.it/blog/rss/000000040     <![CDATA[Content Slider Fullscreen]]> imblog

    In questo semplice e breve tutorial vediamo come creare una pagina con immagine full screen che si addatta in altezza utilizzando l'oggetto Content Slider e del codice che mi è stato gentilmente fornito dal moderatore KolAsim (forum di Incomedia).

    Nel link sotto potete direttamente vedere online come è possibile rendere l'oggetto Content Slider adattabile automaticamente in altezza alla vostra pagina, in base alla risoluzione che viene visualizzata. I codici vanno inseriti nella pagina dove è presente l'oggetto e vanno messi prima della chiusura del TAG HEAD.

    L'unica accortezza da avere è identificare la cella in cui è presente l'oggetto Content Slider, mediante la funzione "Strumenti per Sviluppatore" del vostro browser, e personalizzare il codice solo nelle parti in grassetto.




    ]]>     Wed, 25 Jan 2023 16:39:00 GMT https://www.giancarloweb.it/blog/?content-slider-fullscreen https://www.giancarloweb.it/blog/rss/00000003F     <![CDATA[Template Casa Arredo]]> imblog

    Casa Arredo più che un template multiuso è un sito pronto all'uso per WebSite X5 Pro. E' utilizzabile a partire dalla versione 2021.1.5 PRO a quelle successive senza problemi, il tema è dedicato all'arredo ed al design in generale.

    E' l'ideale per negozi di arredo casa. Come potete anche valutare dall'anteprima il template è pronto all'uso, è facilmente adattabile alla propria attivita, basta inserire il proprio logo e immagini, adattare i testi ed alcuni contenuti è sei subito online. Il template necessita di due oggetti opzionali .

    Link anteprima: clicca quì
    ]]>     Mon, 28 Nov 2022 08:12:00 GMT https://www.giancarloweb.it/blog/?template-casa-arredo https://www.giancarloweb.it/blog/rss/00000003E     <![CDATA[Settimana Incomedia CyberWeek]]> imblog

    Settimana Incomedia CyberWeek, sconti del 40% sui prodotti Website X5 EVO e PRO e 30% su WebAnimator, l'offerta è attiva nel periodo indicato sopra ed è raggiungibile al seguente link Clicca quì
    ]]>     Thu, 17 Nov 2022 07:30:00 GMT https://www.giancarloweb.it/blog/?settimana-incomedia-cyberweek https://www.giancarloweb.it/blog/rss/00000003D     <![CDATA[Template Clinic Care]]> imblog
    Clinic Care è un template multiuso per WebSite X5 Evo e Pro utilizzabile a partire dalla versione 2020.2.7 a quelle successive senza problemi, tema dedicato alla salute ed alla medicina in generale.
    E' l'ideale per studi medici privati e servizi sanitari. E' facilmente adattabile a piccoli studi medici ma anche a strutture sanitarie multiservizi, il template NON necessita di oggetti opzionali a pagamento.

    Link anteprima: clicca quì

    ]]>     Wed, 30 Mar 2022 12:08:00 GMT https://www.giancarloweb.it/blog/?template-clinic-care https://www.giancarloweb.it/blog/rss/00000003B     <![CDATA[Novità: -40% su WebAnimator Now E Plus]]> imblog
    Novità: -40% su WebAnimator Now E Plus


    WebAnimator plus 3



    WebAnimator now 3

    WebAnimator è il programma per creare gif, animazioni in HTML5, banner e bottoni che funzionano perfettamente su ogni browser e dispositivo, senza scrivere nessun codice.

    ]]>     Mon, 07 Feb 2022 11:24:00 GMT https://www.giancarloweb.it/blog/?novita---40--su-webanimator-now-e-plus https://www.giancarloweb.it/blog/rss/00000003A     <![CDATA[Rilascio della nuova versione 2021.4]]> imblog

    Rilascio della nuova versione 2021.4
    Incomedia lancia WebSite X5 Hosting, il nuovo servizio di hosting tagliato su misura per il suo software WebSite X5

       
    • WebSite X5 Evo: -40%
    • WebSite X5 X5 Pro: -40%

    Settembre 2021 - Con il rilascio della nuova versione 2021.4 di WebSite X5, il software “100% made in Italy” per la creazione di siti web, blog ed e-commerce, Incomedia completa la sua offerta proponendo un servizio di hosting studiato ad hoc.
     
    Per chi non è propriamente un esperto, l’hosting rappresenta spesso un ostacolo difficile da superare. Le offerte sono tante e non è sempre facile destreggiarsi tra proposte diverse e, soprattutto, tra tante configurazioni e specifiche tecniche.
     
    Incomedia, che da sempre si impegna per dare a chiunque la possibilità di creare un sito web attraverso un software semplice e intuitivo come WebSite X5, ha deciso di scendere in campo offrendo ai suoi utenti un servizio di hosting tagliato su misura e già perfettamente integrato.
     
    In pratica, con l’acquisto di WebSite X5 gli utenti avranno anche 12 mesi di hosting incluso: spazio web, dominio automatico, e-mail … insomma, tutto quello che serve per pubblicare subito online il sito realizzato. Nessuna richiesta di parametri di connessione al server, né di attivazione del database o delle e-mail; nessun problema di compatibilità legato a sistemi operativi o configurazioni PHP: è già tutto integrato e risolto a monte. Così anche l’hosting diventa semplice e conveniente!
     
    Troverai la promozione di Website X5 PRO ed EVO il 21-Settembre sulla pagina Template di giancarloweb
    Questa promozione è gestita direttamente da Incomedia. All'atto dell'acquisto verificate sempre lo sconto che viene applicato.
    Non essendo sotto il mio controllo non sono responsabile di eventuali variazioni. Offerta valida dal 22/09/21 al 28/09/21

    ]]>     Tue, 14 Sep 2021 16:40:00 GMT https://www.giancarloweb.it/blog/?rilascio-della-nuova-versione-2021-4 https://www.giancarloweb.it/blog/rss/000000039     <![CDATA[Offerta Pacchetto Start]]> imblog
    giancarloweb ti offre il pacchetto Start:
    • una licenza (2PC) aggiornata di WebSite X5 PRO scontata del 20%
    • uno o più Templates scontati del 50% e le istruzioni necessarie perché tu possa adattare in autonomia il tuo template
    • oggi anche 25 crediti a costo zero.

    Vai al pacchetto start
    ]]>     Tue, 15 Jun 2021 15:37:00 GMT https://www.giancarloweb.it/blog/?offerta-pacchetto-start https://www.giancarloweb.it/blog/rss/000000038     <![CDATA[Template Sea & Hills]]> imblog
    Nuovo template Sea & Hills, ideale per piccoli Hotel, B&B, agriturismi, pensioni. Offre la possibilità di presentare in modo completo la propria struttura, dalle camere per pernottate con immagini e modulo disponibilità, al menù del ristorante. Come scritto si può richedere la disponibilità utilizzando il pratico e veloce modulo, questo anche solo per una particolare suite.  

    Il template è compatibile con le versioni EVO e PRO a partire dalla 2020.2.7 e successive.

    Preview

    ]]>     Tue, 20 Apr 2021 09:41:00 GMT https://www.giancarloweb.it/blog/?template-sea---hills https://www.giancarloweb.it/blog/rss/000000037     <![CDATA[Template Natural-Store user account]]> imblog
    Nuovo Template Natural Store, "Il tuo negozio di generi alimentari online". Hai un negozio di alimentari ( o prodotti per l'igene e la pulizia della casa, cibi per animali, erboristeria, ecc.) e vuoi cominciare a vendere  i tuoi prodotti online? con questo semplice modello si basterà sostituire le immagini e i testi con quelli inerenti alla tua attività, e sarai online con il minimo sforzo. Il template è abilitato alla registrazione degli utenti che acquistano sulla pagina SHOP.
    Questa versione customizzata permette la visualizzazione della pagina utente personale con la cronologia degli ordini, nonchè i dati principali. Inoltre, offre la possibilità di personalizzare il proprio account caricando un'immagine (avatar personale).
    Il Template Natural Store non necessita di oggetti opzionali a pagamento.

    Preview

    ]]>     Sat, 20 Mar 2021 14:26:00 GMT https://www.giancarloweb.it/blog/?template-natural-store-user-account https://www.giancarloweb.it/blog/rss/000000036     <![CDATA[Template Tools-Shop user account]]> imblog

    Nuovo Template Tools Shop, "la vostra ferramenta online", un modello e-commerce per la vendita di attrezzi ed attrezzatura da lavoro. Il template è abilitato alla registrazione degli utenti che acquistano sulla pagina SHOP. Questa versione customizzata permette la visualizzazione della pagina utente personale con la cronologia degli ordini, nonchè i dati principali. Inoltre, offre la possibilità di personalizzare il proprio account caricando un'immagine (avatar personale). Il Template Tools Shop non necessita di oggetti opzionali a pagamento.
    Il Template è compatibile con la versione di Website 2020.2.7 PRO o superiore e per il corretto funzionamento necessita di Host con database MySQL.


    New Template Tools Shop, "your online hardware store", an e-commerce model for the sale of tools and work equipment. The template is enabled to register users who purchase on the SHOP page. This customized version allows the display of the personal user page with the order history, as well as the main data. Furthermore, it gives the possibility to personalize your account by uploading an image (personal avatar). The Template Tools Shop does not need any optional paid items. The Template is compatible with the version of Website 2020.2.7 PRO or higher and for the correct functioning it needs a Host with MySQL database.

    ]]>     Sat, 13 Mar 2021 05:22:00 GMT https://www.giancarloweb.it/blog/?template-toolsshop https://www.giancarloweb.it/blog/rss/000000035     <![CDATA[Template ArredoGarden con e-commerce]]> imblog

    Arredo Garden è un Template e-commerce per la vendita di prodotti per il giardinaggio. Può essere utilizzato a partire da Website pro 2020.1.14 e superiori. Per questo modello occorrono due oggetti opzionali, Animated image ed Accordion text, ma possono essere sostituiti tranquillamente con oggetti di serie al programma.

    L'anteprima del template è visibile al seguente link


    ]]>     Wed, 10 Mar 2021 16:55:00 GMT https://www.giancarloweb.it/blog/?template-arredogarden-shop https://www.giancarloweb.it/blog/rss/000000034     <![CDATA[Proseguiamo la rassegna sui migliori servizi Hosting]]> imblog

    Proseguiamo la rassegna sui migliori servizi Hosting attualmente sul mercato. Oggi vi segnalo una piattaforma tutta italiana, uno dei pochi in grado di offrirvi un servizio di assistenza veloce ed efficiente, ed inoltre, è anche uno dei pochi in Italia che vi può offrire un Hosting con caratteristiche professionali apprezzabili, tecnologia d’avanguardia a prezzi tutto sommato contenuti.

    La continuità del servizio offerto è uno dei fattori più importanti per chi cerca un hosting stabile veloce ed affidabile.  Il nuovo datacenter di Keliweb (Datacenter DC2) vanta uno SLA superiore al 99,99% che lo porta alla classificazione Tier-4/Rating4, il più alto grado di affidabilità e sicurezza che un datacenter può offrire ai suoi clienti.

    Oltre al classico hosting Linux, Keliweb mette a disposizione dei piani Windows, server dedicati, VPS, Cloud e hosting specifici per CMS come Wordpress, Joomla, Prestashop e Magento.

    Se dovessi scegliere un pacchetto, probabilmente per il mio sito web sceglierei KeliPro, naturalmente su server Linux, ottimo prezzo in rapporto alle caratteristiche offerte ed ai servizi inclusi, da non sottovalutare anche le prestazioni elevate dei server. Nell'immagine sopra trovare il codice di sconto del 10% offerto dal canale YouTube AssistenzaWP.


    ]]>     Sun, 10 Jan 2021 23:37:00 GMT https://www.giancarloweb.it/blog/?proseguiamo-la-rassegna-sui-migliori-servizi-hosting https://www.giancarloweb.it/blog/rss/000000031     <![CDATA[Come realizzare un logo gratis]]> imblog

    Ho trovato questo semplice tool da utilizzare direttamente online (non occorre installazione sul pc) per la realizzazione di un proprio logo. Il servizio permette la realizzazione di loghi da utilizzare sui propri documenti e siti, è possibile creare facilmente un logo in pochi minuti. Il processo è molto semplice ed intuitivo ed è perfetto per startup, piccole imprese e per chiunque desideri creare un logo per un evento.

    Avete a disposizione oltre al piano di lavoro completo di strumenti di editing avanzato, anche centinai di immagini suddivisi per categorie, troverete anche dei modelli preconfezionati facilmente modificabili in base alle proprie esigenze.

    Potrete anche caricare una vostra immagine da utilizzare sul progetto, come vedete le possibilità offerte da questo pratico e gratuito tool sono veramente molte.

    Una volta ultimato il tuo design, potrai scaricarlo o fartelo inviare tramite email.





    ]]>     Mon, 04 Jan 2021 17:00:00 GMT https://www.giancarloweb.it/blog/?come-realizzare-un-logo-gratis https://www.giancarloweb.it/blog/rss/000000032     <![CDATA[Qual è il miglior servizio hosting attualmente sul mercato?]]> imblog


    Qual è il miglior servizio hosting attualmente sul mercato? Come sapete, io utilizzo Aruba, mi trovo bene, ha un prezzo onesto ed un pannello di controllo che ti permette di gestire facilmente le varie opzioni ed i settaggi del tuo Hosting, tanto che non ho mai avuto grossi problemi ed ho quindi utilizzato pochissimo l’assistenza tecnica, quindi su quest’ultima caratteristica di questo Host non posso esprimermi, evidentemente per il mio utilizzo fortunatamente non ne ho mai avuto la necessità, credo sia una buona caratteristica da non sottovalutare.

    Ma veniamo al vincitore, in rete SiteGround è considerato dagli esperti il miglior Hosting, sicuramente è uno dei migliori hosting WordPress al mondo.
    Se la fondazione di WordPress lo ha inserito fra i migliori Top hosting per il suo CMS, evidentemente un motivo ci sarà.
    Naturalmente SiteGround propone molti servizi e fra questi anche per Web hosting. I prezzi sono leggermente superiori ad Aruba, ma il servizio sembra promettere grandi soddisfazioni, questo è quanto emerge leggendo le moltissime recensioni di professionisti on-line.
    Le principali chiavi del successo di SiteGround sono:
    • Qualità del servizio;
    • Performance elevate;
    • Ottimo supporto, anche in lingua italiana.

    https://it.siteground.com/

    ]]>     Sun, 20 Dec 2020 10:08:00 GMT https://www.giancarloweb.it/blog/?qual-e-il-miglior-servizio-hosting-attualmente-sul-mercato- https://www.giancarloweb.it/blog/rss/000000030     <![CDATA[Cose Fatte da Noi]]> imblog

    Il nuovo sito che ho realizzato per l'amico Mauro è online, un piccolo e-commerce di oggetti artigianali da lui realizzati e dalla compagna Lisa. Gli oggetti in vendita sono pezzi unici realizzati uno ad uno, nel massimo rispetto della qualità della materia prima e della lavorazione effettuata. Le venature del legno e la lavorazione artigianale conferiscono agli oggetti quella unicità che li potrebbe rendere, a volte, leggermenete diversi dalle immagini proposte nel sito.  




    ]]>     Mon, 14 Dec 2020 11:22:00 GMT https://www.giancarloweb.it/blog/?cose-fatte--da-noi https://www.giancarloweb.it/blog/rss/00000002F     <![CDATA[Sito Interni Arredamenti]]> imblog

    Preso online il nuovo sito di Interni Arredamenti progetto realizzato tenedo conto delle esigenze del cliente. Interni Arredamenti è da oltre 30 anni nel settore, questo permette all’azienda di garantire al cliente notevole competenza ed professionalità: inoltre offriamo un servizio di Studio e Progettazione che ci permette di realizzare le soluzioni ideali per voi.

    www.internicucine.it

    ]]>     Tue, 01 Dec 2020 10:09:00 GMT https://www.giancarloweb.it/blog/?sito-interni-arredamenti https://www.giancarloweb.it/blog/rss/00000002D     <![CDATA[Utilizziamo l'oggetto HTML]]> imblog


    Il sito CodePen è una fonte inesauribile ed incredibilmente completa e gratuita di script.
    Sulle pagine del sito raggiungibile cliccando al link sotto, ho selezionato ed adattato allo scopo, alcuni interessanti script  trovati in rete da inserire sulle proprie pagine.

    Utililizzando il solo oggetto HTML di Website, possiamo realizzare incredibili e divertenti oggetti completamente gratuiti.

    Naturalmente, se avete idee e consigli in merito da sottopormi e da inserire sulle mie pagine, potete scrivetemi.



    ]]>     Sun, 27 Sep 2020 12:54:00 GMT https://www.giancarloweb.it/blog/?divertiamoci- https://www.giancarloweb.it/blog/rss/00000002B     <![CDATA[Template shopBusiness user account]]> imblog
    Il Template shopBusiness cambia aspetto e si arricchise, ora è stata aggiunta la possibilità di fare registrare gli utenti che acquistano sulla pagina SHOP.  Questa versione customizzata vi consente di visualizzare la vostra personale pagina ordini con i vostri dati principali, inoltre avrete la possibilità di caricare una vostra immagine (avatar).
    Il Template è compatibile con la versione di Website 2020.2.5 PRO o superiore, per il corretto funzionamento necessita di Host con database MySQL.


    The shopBusiness Template changes appearance and is enriched, now the possibility of registering users who purchase on the SHOP page has been added. This customized version allows you to view your personal order page with your data, in addition you will have the possibility to upload your own image (avatar).
    The Template is compatible with the version of Website 2020.2.5 PRO or higher, for the correct functioning it needs a Host with MySQL database.

    ]]>     Mon, 21 Sep 2020 04:22:00 GMT https://www.giancarloweb.it/blog/?template-shopbusiness-user-account https://www.giancarloweb.it/blog/rss/000000029     <![CDATA[Template shopBusiness]]> imblog


    Con il template shopBusiness puoi pubblicizzare e vendere i tuoi prodotti online, creare consulenze ed appuntamenti per il tuo business, pesentare in modo professionale la tua azienda. Con shopBusiness dai un tocco di classe alla tua attività e ti fai conoscere in rete. ShopBusiness è un template All Included, cioè tutto incluso, perché NON necessita di nessun oggetto opzionale a pagamento. E' un modello semplice, economico e veloce. Metti subito online la tua attività con poca fatica ed in modo efficace.  

    Il template shopBusiness è compatibile con website x5 V2020.1.14 PRO (e successive).

     
     


    With the shopBusiness template you can advertise and sell your products online, create consultancy and appointments for your business, professionally weigh your company. With shopBusiness you give a touch of class to your business and make yourself known online. shopBusiness is an All Included template, that is, because it does NOT require any optional paid items. It is a simple, cheap and fast model. Get your business online quickly with little effort and effectively.
    The shopBusiness template is compatible with website x5 V2020.1.14 PRO (and later).




    ]]>     Tue, 14 Jul 2020 07:00:00 GMT https://www.giancarloweb.it/blog/?template-shopbusiness https://www.giancarloweb.it/blog/rss/000000028     <![CDATA[ImmobiliareWeb Template]]> imblog

    Immobiliare web è un template compatibile con website 2020.1.12 PRO e versioni superiori. La caratteristica principale di questo modello adatto per piccole agenzie immobiliari è l'inserimento e la gestione facilitata degli immobili sfruttando le potenzialità del carrello e-commerce di website opportunamente customizzato per questo scopo.

    Inserimento Immobili
     
    Al Passo 1 - Impostazioni del Sito clicca sul pulsante Carrello e-commerce

       
    L’inserimento degli immobili avviene sfruttando il carrello prodotti di website, naturalmente è stata disabilitata la funzione con la proceduta di acquisto online. Si inseriscono le categorie (degli immobili) che fungeranno anche da filtro di ricerca es: Appartamento, Villetta, Casa indipendente, ecc.


     
     
    Dentro le varie categorie troviamo le schede degli immobili (Impostazioni prodotto), dove inseriremo i dati, foto, descrizione, prezzo, ecc. ed un eventuale collegamento alla scheda dettagli dell’immobile. La procedura più semplice che vi consiglio per l’inserimento di nuovi immobili è quella di duplicarne uno e poi modificarlo con le nuove informazioni.
     
    Per la compilazione della scheda del prodotto, vi consiglio di consultare l’ottima guida online di Incomedia al seguente indirizzo: https://guide.websitex5.com/it/support/solutions/articles/44000672808-come-si-imposta-il-catalogo-dei-prodotti-
     
    Vi Basterà creare la scheda immobile solo una volta, questa poi per mezzo dell’oggetto “Catalogo Prodotti” e della funzione “Ricerca” del carrello, sarà sempre disponibile, avremmo a disposizione tutti gli immobili aggiornati, anche per i nuovi inseriti o cancellati.

     
    Scheda dettaglio dell’immobile
     
    Per ogni immobile possiamo creare e collegare la “Scheda dettaglio dell’immobile”, anche in questo caso si duplica una scheda esistente assegnando ad esempio il none con il codice dell’immobile, esempio: immobile Rif:001 associato alla Scheda001.

    Nella scheda troviamo l’oggetto “Catalogo Prodotti” vi basterà selezionare mettendo ad esempio il flag sull’immobile 001 per avere automaticamente tutti i dati che avevamo compilato in precedenza sulla scheda del carrello al passo1.

    L’unica cosa che ci resta da ultimare è quella di compilare la scheda nella zona Dettagli, ed inserire l’indirizzo corretto sull'oggetto mappa.  

    Va anche sottolineato che come il precedente myBusiness, anche questo template NON utilizza oggetti opzionali a pagamento, quindi è utilizzabile fin da subito.




    ]]>     Wed, 03 Jun 2020 07:30:00 GMT https://www.giancarloweb.it/blog/?immobiliareweb-template https://www.giancarloweb.it/blog/rss/000000026     <![CDATA[Stefano Ciccacci]]> imblog

    E' online il nuovo sito di Stefano Ciccacci, chitarrista e arrangiatore. La formazione musicale di Stefano si è sempre ispirata ai grandi chitarristi quali Wes Montgomery, Joe Pass, Jim Hall, Pat Metheny, Jimi Hendrix, Steve Vai, Joe Satriani, Carlos Santana, Van Halen, Gary Moore, Brian May, Jimmy Page ed altri.
     
     
    Ha partecipato a trasmissioni televisive quali “Ciao Enrica” con Enrica Bonaccorti e “Ci Siamo” programma su Rai 1 condotto da Gigi Sabani. E’ stato fondatore del gruppo musicale Aritmia con il quale ha vinto diverse manifestazioni musicali arrivando anche alle porte di San Remo nell’anno 2000.
     
     
    Ha fatto parte di una formazione musicale, suonando al casinò di Saint -Vincente e sulle navi da Crociera MSC. Ha suonato anche come solista chitarrista cantante in molti villaggi turistici e hotels, rimanendo talmente attratto da questo mondo, che ancora ora svolge la sua attività da solista nei periodi estivi.



    ]]>     Mon, 01 Jun 2020 12:05:00 GMT https://www.giancarloweb.it/blog/?stefano-ciccacci https://www.giancarloweb.it/blog/rss/000000027     <![CDATA[Due nuovi Template free]]> imblog
    Come avrete ormai visto, anche perché è nello spirito di giancarloweb.it, spesso metto a disposizione risorse e materiale scaricabili gratuitamente. Alcuni mi chiedono per quale motivo io condivida tali risorse: non c’è un motivo particolare se non il fatto che mi piace farlo e chi mi contatta, anche in privato per info o richiesta d'aiuto, credo se ne sia reso conto.
     
    Oggi ho realizzato e metto a disposizione due nuovi Template gratis, naturalmente scaricabili nella pagina Template Free. Come ho scritto e sottolineato più volte, l’unica mia richiesta è quella di non eliminare i credit sul codice dai templates che scaricate gratuitamente, nient'altro. Questa è l'unica mia richiesta, vedete voi.

    Buon divertimento… smanettoni!!!

    As you have seen by now, also because it is in the spirit of giancarloweb.it, I often make resources and materials available for free download. Some ask me why I share these resources: there is no particular reason other than the fact that I like to do it and those who contact me, even in private for info or requests for help, I think they realized.
    Today I made and make available two new free Templates, which can of course be downloaded from the Template Free page. As I have written and underlined several times, my only request is to not eliminate the credit on the code from the templates that you download for free, nothing else. This is my only request, you see. Have fun… geeks !!!


    ]]>     Sat, 30 May 2020 12:19:00 GMT https://www.giancarloweb.it/blog/?due-nuovi-template-free https://www.giancarloweb.it/blog/rss/000000025     <![CDATA[Sconto 10% su GDPR Iubenda]]> imblog


    Ti aiutiamo con gli obblighi di legge, così tu puoi dedicarti al tuo business
    Soluzioni pensate da un team di avvocati per adeguare i tuoi siti web e le tue app alle normative di più Paesi e legislazioni

    Link Iubenda con promozione, sconto 10%: https://bit.ly/2L6OEqI

    Ma che cosa è il GDPR? Approfondisci

    ]]>     Thu, 21 May 2020 12:01:00 GMT https://www.giancarloweb.it/blog/?sconto-10--su-iubenda https://www.giancarloweb.it/blog/rss/000000024     <![CDATA[Template myBusiness]]> imblog
    Hai un’agenzia d’affari o di mediazione, oppure un ufficio di consulenza finanziaria, o qualsiasi business agency? Con questo template puoi pubblicizzare il tuo ufficio in città, creare consulenze ed appuntamenti per il tuo business, pesentare in modo professionale la tua agenzia. Con myBusiness dai un tocco di classe alla tua attività e ti fai conoscere in rete. MyBusiness è un template All Included, cioè tutto incluso, perché NON necessita di nessun oggetto opzionale a pagamento. E' un modello semplice, economico e veloce. Metti subito online la tua attività con poca fatica ed in modo efficace.  

     
     


    You have a business or brokerage agency, or a financial advisory office, or any business agency? With this template you can advertise your office in the city. Create consultancy and appointments for your business, professionally present your agency. With myBusiness you give a touch of class to your business and make yourself known on the net. MyBusiness is an All Included template because it does NOT require any optional paid object. It is an easy, simple, cheap and fast model. Get your business online quickly with little effort and effectively.





    ]]>     Wed, 29 Jan 2020 08:00:00 GMT https://www.giancarloweb.it/blog/?template-mybusiness https://www.giancarloweb.it/blog/rss/000000023     <![CDATA[Template e-Fashion]]> imblog
    e-Fashion è un Template e-commerce dedicato coloro che desiderano lanciare un negozio online professionale in pochi minuti. Dotato di un layout flessibile e funzionale, questo Template è progettato per rendere facile e veloce lo sviluppo di siti Web e-commerce. Viene fornito di Cart Status Object utile per monitorare lo stato del carrello in tempo reale, inoltre il template NON necessita di oggetti opzionali a pagamento. Crea le tue gallerie di prodotti e inizia a vendere online con il tuo sito.
    Il template è compatibile a partire da Website X5 PRO V2019.3.14 e versioni superiori.



    e-Fashion is a dedicated e-commerce Template for those who wish to launch a professional online store in a few minutes. Equipped with a flexible and functional layout, this Template is designed to make the development of e-commerce websites quick and easy. It is supplied with a Cart Status Object useful for monitoring the status of the cart in real time, furthermore the template does NOT require extra optional objects. Create your product galleries and start selling online with your site.
    The template is compatible from Website X5 PRO V2019.3.14 and higher versions.




    ]]>     Sun, 26 Jan 2020 09:07:00 GMT https://www.giancarloweb.it/blog/?template-e-fashion https://www.giancarloweb.it/blog/rss/000000022     <![CDATA[Template myB&B]]> imblog
    Il template B&B si aggiorna alla versione 2019.3 e diventa myB&B. Questo modello sfrutta le nuove caratteristiche offerta da Website v2019.3. Il modello myB&B è l'ideale per gestire le prenotazioni online e mostrare ai tuoi clienti il tuo splendido B&B o Agriturismo, è naturalmente completo di modulo disponibilità o prenotazione on-line.
    Anche questo Template è adattabile alle tue esigenze in modo semplice e veloce, basta solo sostituire i contenuti con le tue foto ed i tuoi testi ed il sito è pronto. Moderno e completamente in responsive si adatta graficamente ed in modo del tutto automatico al dispositivo sul quale viene visualizzato (PC, Tablet, SmartPhone).



     
     
    The B&B template is updated to version 2019.3 and becomes myB&B. This model takes advantage of the new features offered by the v2019.3 website. The myB & B model is ideal for managing online reservations and showing your customers your wonderful B&B or Agriturismo, it is naturally complete with an availability form or online booking.

    Even this model is adaptable to your needs in a simple and fast way, just replace the contents with your photos and texts and the site is ready. Modern and completely responsive, it adapts graphically and automatically to the device on which it is displayed (PC, Tablet, SmartPhone).






    ]]>     Thu, 14 Nov 2019 09:23:00 GMT https://www.giancarloweb.it/blog/?template-myb-b https://www.giancarloweb.it/blog/rss/000000020     <![CDATA[Darkpub Template]]> imblog
    C'è un nuovo Pub in città, un locale giovane e alla moda che organizza eventi dedicati alla buona musica e serve buona birra e piatti di buon cibo, vieni a scoprirlo. Presenta il tuo nuovo locale sul web con un sito elegante e raffinato. Con il Template Darkpub in pochi passaggi e con poche personalizzazioni puoi presentare il tuo splendido locale al pubblico, organizza eventi e pubblicizzali sul Blog dedicato. Usa la potenza del Template in responsive design e la sua flessibilità per raggiungere i tuoi cliente e invitarli a scoprire cosa c'è di buono nel tuo locale.
    Il template Darkpub è compatibile con website x5 V2019.2.9 evo e pro (e successive).

    There's a new Pub in town, a young and trendy club that organizes events dedicated to good music and serves good beer and good food, come and find out. Present your new restaurant on the web with an elegant and refined website. With the Darkpub Template in a few steps and with few customizations you can present your splendid venue to the public, organize events and advertise them on the dedicated Blog. Use the power of the Template in responsive design and its flexibility to reach your customers and invite them to find out what's good in your room.
    The Darkpub template is compatible with website x5 V2019.2.9 evo and pro (and later).

    Preview
    ]]>     Mon, 28 Oct 2019 10:21:00 GMT https://www.giancarloweb.it/blog/?darkpub-template https://www.giancarloweb.it/blog/rss/00000001F     <![CDATA[Come aumentare le visite sul tuo sito]]> imblog
    come aumentare le visite al tuo sito

    Come aumentare le visite sul tuo sito
    E’ una frase che spesso troviamo in rete, solitamente viene associata a siti di specialisti e guru del SEO. Molti di essi promettono miracoli e naturalmente, il più delle volte, sono a pagamento.  Negli ultimi anni le agenzie di marketing e SEO Specialist si sono moltiplicate a dismisura, ma bisogna fare molta attenzione, spesso non è tutto oro quello che luccica. In rete troviamo molte dispense in merito, alcune troppo tecniche, altre dopo una prima parte invitante, ti obbligano a lasciare un tuo contatto per (forse) proseguire ed approfondire.  Ma come trovare consigli e indicazioni efficaci e utili per migliorare la visibilità del proprio sito? Potremmo dire che è quasi come lanciare i dadi e sperare in un buon risultato?
     
    Credo di no, basta attenersi e rispettare delle semplici regole per avere una pagina web appetibile per i motori di ricerca, ottimi contenuti, meglio se originali e non scopiazzati, keyword che abbiano una coerenza con il contenuto scritto e scelte con un certo criterio.
     
    Esistono molti altri fattori da tenere in considerazione: nel presente articolo ho raccolto i punti che io ritengo fondamentali in base alla mia esperienza per una corretta indicizzazione SERP. Vorrei, però, mostrarvi anche le tecniche utilizzate da due dei professionisti più acclamati del settore.
     

    Meta Title
    Cerchiamo di capire cosa sono e come vengono utilizzati sui motori di ricerca questi tag; diamo uno sguardo all’immagine sottostante presa da una ricerca fatta su Google (Snippet Google)
    Snippet Google
    Come vedete sopra, la prima riga è formata dal titolo del sito ed a seguire il titolo della pagina (in questo caso la index); l’elemento più importante della pagina web è probabilmente il Tag Title, in quanto si tratta di informazioni rapide sui contenuti e per questo vi consiglio di pensare bene a questo TAG dato che serve a Google per capire il tema trattato sulla pagina, meglio ancora se contiene keyword.

     
    Vediamo alcuni consigli per la Tag Title:
    • Non deve superare i 65 caratteri altrimenti Google taglia i titoli.
    • Le keyword a sinistra hanno più rilevanza delle altre.
    • Evitare il keyword Stuffing, cioè non esagerare con le parole chiave.
    • Non inserire termini generici tipo “Home” o “Untitled Document”.
    • Inserire un Tag Title diverso per ogni pagina.         
     

    Meta Description
    Snippet Google  
    La Meta Description è una descrizione dell'argomento trattato sulla pagina, non ha la stessa rilevanza della Title Page a livello di indicizzazione in quanto non ha un impatto diretto sul posizionamento, ma è comunque consigliabile inserire nel testo le Keyword in modo intelligente ed è importante che la descrizione sia realizzata in modo da attirare il visitatore inducendolo a cliccare per approfondire l'argomento a cui è interessato.
     
    La Meta Description ottimale dovrebbe avere una lunghezza tra i 150-160 caratteri, il testo oltre al numero di caratteri consigliato non viene mostrato da Google.
     
    La Description deve essere informativa ed invitante, possibilmente includere le informazioni più utili inerenti alla pagina, in modo d'aiutare gli utenti a capire se questa è rilevante per ciò che stanno cercando.
     
     
    I Contenuti Della Pagina
    Contenuti Della Pagina
    I contenuti di buona qualità consentono al visitatore di conoscere la tua attività o i servizi offerti e di valutare la tua competenza; fornire informazioni di qualità ed aggiornate piace anche ai motori di ricerca.
     
    Oltre a contenuti di qualità, occorre ricordarsi di inserire con intelligenza, nel testo, le Keyword, le stesse che inseriremo nell'apposito tag della nostra pagina; questo ci permette d’avere una coerenza fra le Keyword ed il contenuto della nostra pagina, fattore molto importate per una corretta indicizzazione.  
     
    Attenzione a non eccedere, evitate il Keyword Stuffing, cioè evitate di imbottire la vostra pagina di parole chiave, anche con stratagemmi o con keyword nascoste con codice in quanto rischiate fortemente di essere penalizzati dai motori di ricerca.

     
    La scelta delle Keyword
    La scelta delle giuste Keyword è il passo più importante nell'attività di indicizzazione di un sito web. Non è facile scegliere le parole giuste, evitiamo quelle troppo generiche e quindi molto utilizzate poiché rischiamo di cadere in mezzo alla ricerca di migliaia di pagine con la stessa parola chiave.
     
    Un altro errore che spesso viene commesso è non valutare correttamente la competitività che ha una Keyword sui motori di ricerca e di conseguenza essere penalizzati da un non soddisfacente posizionamento durante la ricerca.
    neilpatel
     
    Proviamo a fare un semplice esempio sulla competitività della parola chiave scelta: ipotizziamo di essere una agenzia immobiliare a Bologna. Se noi scegliamo la parola chiave “casa” o “comprare casa” non va bene in quanto troppo generiche, i primi che usciranno dalla nostra ricerca saranno i siti con un budget ed un peso maggiore, nomi storici nel campo immobiliare, difficile competere con questi, quindi il consiglio è quello di focalizzare le parole chiave con più termini, per scremare il troppo generico. Probabilmente, se io dovessi cercare casa a Bologna, digiterei “Agenzia Immobiliare a Bologna” oppure “case in vendita a Bologna”.
     
    Possiamo utilizzare dei tool che ci aiutano a valutare l’efficacia delle nostre scelte: uno su tutti è quello di Google, il famoso Keyword Planner https://ads.google.com/intl/it_it/home/tools/keyword-planner/
     
    Altro tools molto valido è quello di Neil Patel  https://neilpatel.com/it/  (È un autore di best seller del New York Times. Il Wall Street Journal lo definisce uno dei migliori influencer sul web, Forbes afferma di essere uno dei primi 10 marketer e Entrepreneur Magazine afferma di aver creato una delle 100 aziende più brillanti. Fonte neilpatel.com)
     
     
    Il metodo di Brian Dean (Uno dei maggiori esperti al mondo di SEO)
    “Le parole chiave sono come una bussola per le tue campagne SEO: ti dicono dove andare e se non si sta facendo progressi.
    In realtà, la ricerca di parole chiave è proprio la ricerca di mercato per il 21 ° secolo.”
     
    Ma veniamo alle sue teorie su come cercare le parole chiave che hanno naturalmente un reale fondamento confermato dai suoi successi; prendiamo l’esempio che vi ho proposto prima e cioè “comprare casa”. Uno dei metodi indicati da Brian Dean per trovare le parole chiave più ricercate è quello di utilizzare i suggerimenti di Google o Youtube: digitiamo la nostra keyword sul campo di ricerca per vedere cosa vi suggerisce Google Suggest.
    Google Suggest
     
    Se trovate una coerenza, queste sono parole chiave di grande impatto da aggiungere alla vostra lista.
    Un altro suggerimento intelligente di Brian Dean per trovare le parole chiave è quello di controllare le “Ricerche correlate a” in fondo ai risultati di ricerca di Google.
    Google Suggest
    Quindi non c'è bisogno di indovinare se sono o non sono popolari. Google ci sta letteralmente dicendo: “Tonnellate di gente cerca queste parole chiave”.
     
    Suggerimento: - Cliccare su una delle “Ricerche correlate a” parole chiave. Poi, scorrere fino alla fine di tali risultati. Questo vi darà un nuovo elenco di parole chiave correlate. Ripetere l'operazione per tutte le parole chiave delle "Ricerche correlate a"-.

    Vi voglio linkare un articolo che mi è sembrato molto interessante e ricco di spunti, tratta l’importanza della scelta delle Keyword https://www.spindox.it/it/blog/keyword-seo-strategy-come-creare-lista/
     
     
    Ubersuggest: questo tool genera suggerimenti di parole chiave dalle ricerche di Google; inoltre esso espone anche i dati di ogni parola chiave come il volume di ricerca, CPC, difficoltà di parola chiave e altro.

    Ubersuggest

    Bene, ora che si dispone di un elenco di parole chiave, come si fa a sapere quale scegliere?
     
    Purtroppo, non c'è lo strumento che ci dirà: “Questa è la parola chiave migliore della nostra lista”. È necessario analizzare ogni parola chiave sulla base di una manciata di nostri fattori, quindi non ci resta che scegliere la parola chiave che risulta la migliore e più efficiente per il nostro business.
     
    Un altro metodo furbo per reperirle è quello di trovare le parole chiave con cui si posizionano i tuoi concorrenti, ma non tu; quindi perché non utilizzare quelle degli annunci a pagamento che sono in cima alla SERP?
     
    Procediamo semplicemente seguendo questi tre passi:
    1: Cerchiamo gli annunci AdWords e troviamo le chiavi di ricerca inerenti alla nostra attività su cui vogliamo posizionarci.
    2: Utilizziamo le parole e le frasi presenti negli annunci di AdWords nei nostri Title e Description Tag.
    3: Risultato, otterremo più click e ci posizioneremo più in alto nella SERP.
     
    Il metodo proposto da Brian Dean sfrutta il potere della pubblicità su AdWords senza spendere un soldo in annunci a pagamento. Direi, non male!

     
    Ho Bisogno Subito di Risultati
    Abbiamo visto come ottimizzare in modo efficace le nostre pagine, come reperire le Keyword più efficienti in base al nostro business e come adattarle alle nostre esigenze; tutto questo ci consentirà, con le dovute tempistiche, di recuperare posizioni nella pagina dei risultati del motore di ricerca (SERP).
     
    Poco tempo fa, ho ricevuto una telefonata, la titolare di un’azienda di servizi matrimoniali aveva investito diversi soldi tramite un’agenzia di Marketing e SEO Specialist per avere clienti e cercare di essere ottimamente posizionata sulla SERP.
     
    All’inizio la situazione non sembrava così male, ma purtroppo, con il passare dei mesi, il tutto è precipitato. In breve, la sua azienda si è ritrovata con pochi contatti e con la mancanza di nuovi clienti. Disperata, mi ha chiesto come posso rimediare in fretta a questa situazione.
     
    Anche se estremamente efficaci, le tecniche che ho descritto sopra, per essere a regime, devono adeguarsi alle tempistiche dei motori di ricerca e quindi quale è un’alternativa che mi possa dare risultati immediati?
    Risultati Immediati

    Le campagne autogestite di AdWords abbinate ad una Landing Page efficace, credo possano essere una valida soluzione. Non occorre spendere grosse cifre per una campagna AdWords; investire qualche euro al giorno dovrebbe essere più che sufficiente. Per chi non conosce tale servizio, queste non sono altro che le campagne pubblicitaria di Google. Se facciamo una ricerca, ad esempio “wedding planner”, i primi siti in cima al SERP sono gli annunci che, come vedete nell’immagine sottostante, hanno appunto la dicitura “Annuncio”
    Google annunci

    Creare un “Annuncio” efficace su AdWords non è così complicato, io consiglio di cimentarsi da soli ma non di improvvisare.  Consultate i molti tutorial disponibili in rete per capirne il corretto funzionamento.
    Ho trovato un video molto utile che voglio proporre sul mio Blog . Esso spiega in modo semplice come creare una campagna annunci:

     
    Una campagna AdWords abbinata ad una Landing Page efficace, è capace di convertire le visite in contatti. La strategia migliore è quella di spiegare la nostra offerta in modo interessante, coinvolgente e progressivo, cercando di creare fiducia riguardo alla nostra proposta. Troverete informazioni più dettagliate consultando l’articolo del mio Blog dedicato appunto alle Landing Page.

     
    Link Utili per Approfondire




    (articolo aggiornato al 26/08/2019)
     
     
    ]]>     Mon, 26 Aug 2019 07:00:00 GMT https://www.giancarloweb.it/blog/?come-aumentare-le-visite-sul-tuo-sito https://www.giancarloweb.it/blog/rss/00000001E     <![CDATA[Landing Page]]> imblog
    La Landing page è di solito una pagina web separata dal sito principale, meglio ancora se ha un proprio dominio. Queste pagine sono realizzate per permettere a chi fa campagne digitali d’avere una pagina dove il visitatore può atterrare (pagina di atterraggio) per approfondire l’offerta che viene proposta. In pratica l’utente atterra dopo avere cliccato su di un contenuto a cui è interessato, come ad esempio un annuncio pubblicitario.

    Lo scopo della pagina è quello di convertire i contatti in un’azione successiva. Ecco alcuni esempi:
    • vendere prodotti o servizi
    • lanciare e pubblicizzare prodotti
    • generare iscrizioni
    • lasciare un indirizzo email, o un contatto
    • ecc.

    Esistono molti modelli di Landing Page, se fate una ricerca sul web vi renderete subito conto della varietà di formati e tipologie.

    La ricetta per una Landing Page efficace ha comunque alcuni punti obbligatori che sono la base per realizzare una pagina con il solo scopo di convertire i contatti in successive azioni. Vediamo i punti principali ed imprescindibili:

    1. Headline (Titolo e sottotitolo): una frase che identifica da subito la nostra proposta, questa è la prima cosa che l’utente vedrà e quindi è la frase più importante e d’impatto anche per dimensioni. Solitamente si realizza con caratteri grandi.
    2. Form contatti: è molto importante e potrà essere formata da uno o più campi. Sarà a nostra discrezione, ci serve per convertire la visita in un contatto, in un’azione.
    3. CTA (Call to Action): in pratica è il pulsante che di solito viene associato al Form, quindi ben visibile e con un testo appropriato.  
    4. Immagine: serve a creare un legame empatico fra il visitatore e la nostra pagina.
    5. Descrizioni: solitamente legate al prodotto e all’offerta (varia in base alla complessità della Landing).
    6. Elenco Benefits: elenco dei principali benefici della nostra offerta. Attenzione a non confondere i benefici con le caratteristiche della nostra proposta.
    7. Thank You Page: pagina di ringraziamento su form contatti ad azione eseguita.
    Landing Page

    La strategia migliore per convertire i contatti in azioni, è quella di spiegare la nostra offerta in modo interessante, coinvolgente e progressivo, cercando di creare fiducia riguardo alla nostra proposta.

    E’ consigliabile non inserire diversivi o distrazioni sulla landing page che risulta veramente efficace solo se ha un unico obiettivo, quello di portare l’utente ad una specifica azione.  
    landing page 3
    Queste sono le caratteristiche principali di una Landing Page efficace, naturalmente esistono molti altri aspetti da considerare sulle Landing page, le strategie di Marketing sono complesse e strutturate. Troverete in rete diverse dispense in merito per approfondire l’argomento. Bene, ora sapete quali sono le caratteristiche principali di una Landing Page, spero d'aver dato ispirazione per iniziare a creare da soli una Landing Page.

    Anteprima della Landing Page scaricabile gratuitamente sulla pagina Free Template

    ]]>     Wed, 17 Jul 2019 21:41:00 GMT https://www.giancarloweb.it/blog/?landing-page https://www.giancarloweb.it/blog/rss/00000001D     <![CDATA[Sito Tripodi Navigazione]]> imblog
    Tripodi Navigazione

    E' online il nuovo sito di Tripodi Navigazione, azienda Tour Operator di Tropea, specializzata in mini crociere verso le isole Eolie. Sito ricco di splendide immagini gentilmente fornite da Turismo Tropea, con descrizione delle isole raggiungibili, oltre che dalla Sicilia, anche dal porto turistico della splendida Tropea in Calabria.  

    https://www.tripodinavigazione.it/

    Panarea StromboliThe new Tripodi Navigazione website is online, a Tropea Tour Operator company, specializing in mini-cruises to the Aeolian Islands.

    Site full of splendid images kindly provided by Turismo Tropea, with descriptions of the islands reachable, as well as from Sicily, also from the tourist port of the splendid Tropea in Calabria.

    ]]>     Sat, 01 Jun 2019 12:07:00 GMT https://www.giancarloweb.it/blog/?sito-tripodi-navigazione https://www.giancarloweb.it/blog/rss/00000001C     <![CDATA[FastStone potente editor gratuito per immagini]]> imblog

    FastStone Image Viewer è un versatile browser di immagini, convertitore ed editor veloce, stabile e intuitivo. Ha una serie di potenti funzioni che includono la visualizzazione, la gestione, il confronto, la rimozione dell'effetto occhi rossi, l'invio di e-mail, il ridimensionamento, il ritaglio, il ritocco e le regolazioni del colore.

    La sua modalità a schermo intero, innovativa ma intuitiva, fornisce un rapido accesso alle informazioni EXIF, ai browser delle miniature e alle principali funzionalità tramite barre degli strumenti nascoste che si aprono quando il mouse tocca uno dei quattro lati dello schermo.

    Altre caratteristiche includono una lente di ingrandimento di alta qualità e una presentazione musicale con oltre 150 effetti di transizione, oltre a transizioni JPEG senza perdita di dati, effetti di ombreggiatura, annotazione di immagini, supporto scanner, istogramma e molto altro.

    Supporta i principali formati grafici (BMP, JPEG, JPEG 2000, GIF animati, PNG, PCX, PSD, EPS, TIFF, WMF, ICO, CUR e TGA) e i popolari formati RAW per fotocamere digitali (CR2, CR3, CRW, NEF, NRW , PEF, RAF, RWL, MRW, ORF, SRW, X3F, ARW, SR2, SRF, RW2 e DNG).


    Scarica FastStone dal sito ufficiale  https://www.faststone.org/FSIVDownload.htm

    ]]>     Tue, 30 Apr 2019 17:08:00 GMT https://www.giancarloweb.it/blog/?faststone-potente-editor-immagini https://www.giancarloweb.it/blog/rss/00000001B     <![CDATA[Come personalizzare un mio Template con le tue immagini]]> imblog
    setup Come personalizzare un mio Template con le tue immagini

    Vediamo come personalizzare i miei template in base alle proprie esigenze. Probabilmente la modifica principale consiste nel sostituire le immagini sui vari blocchi Header, Body e Footer, cerchiamo quindi di capire dove sono e come arrivarci.
     
    Prendiamo come esempio il template MyCompany (valido anche per tutti gli altri modelli): vediamo come sostituire il logo della testata (Header).

    Apriamo il nostro template ed andiamo al passo 2 Modello, quindi selezioniamo la terza icona “Contenuto del modello”.

    impostazione modello

    Bene, ora ci troviamo nella schermata che vedete nella figura sotto, cioè nel “Contenuto del Modello”; in questa sezione possiamo sostituire il logo con uno desiderato e ci basterà cliccare sull’immagine myCompany del logo per inserirne una nostra opportunamente ridimensionata.
     
    Fatto questo, ci dobbiamo assolutamente ricordare di controllare anche la situazione sui vari breakpoint (frecce blu): cliccando al centro dei vari breakpoint, se troviamo l’immagine non posizionata correttamente, ci basterà trascinarla nella giusta posizione.

    contenuto modello

    In questa sezione possiamo anche modificare il tipo di Font, la dimensione del carattere, il colore e molto altro del menù, ma anche del menù di livello e dell’hamburger menù.

    Per fare questo, cliccate due volte sull'oggetto menù, si aprirà una nuova schermata con tutte le opzioni per personalizzare quanto indicato sopra. Cliccando sulle varie sezioni cerchiate in rosso, potrete intervenire sulle altre tipologie di menù.

    Oggetto menù

    Sempre da “Contenuto del Modello” possiamo accedere al Footer (il piè di pagina) e cioè la parte bassa del nostro template.
     
    nota #NOTA: Header e Footer sono sezioni che si ripetono su tutte le nostre pagine, a differenza del Corpo o body della nostra pagina, dove troviamo invece i contenuti veri e propri che naturalmente variano da pagina a pagina.

    contenuto header

    Come possiamo vedere nell’immagine sottostante, siamo all'interno dell’editor del Footer (piè di pagina) del nostro template MyCompany con tutti i vari oggetti.
     
    Cliccando sopra ad ogni oggetto possiamo personalizzare i contenuti di ognuno di essi e anche in questa sezione, come sull’Header (testata), dobbiamo verificare la giusta disposizione dei vari oggetti, per eventualmente intervenire sulle risoluzioni inferiori per rendere non visibile (pulsante Mostra/nascondi) qualche oggetto che non riesce più ad entrare negli spazi ristretti di Tablet e Smartphone.

    contenuto footer



    sostituire SOSTITUIRE LE IMMAGINI SULLE PAGINE
    Ora passiamo alle immagini contenute sul corpo o body della pagina del nostro template MyCompany.

    Per modificare la pagine dovete andare allo step 3 in MAPPA: sulla destra vediamo le varie pagine che compongono il template. Per modificare la HOME (freccia blu), ad esempio, clicchiamo 2 volte sulla scritta HOME.

    creazione mappa

    nota #NOTA: visto che siamo sulla sezione mappa ne approfitto per informarvi che solo su questo step (3) possiamo rinominare le pagine, ma anche aggiungerne di nuove o eliminarne. Ogni modifica che effettuerete in questa sezione varierà automaticamente anche il menù principale, quello sull’Header (testata).
     
    Le immagini che scorrono nello slider della Home del template MyCompany sono nel primo oggetto che vedete sull’editor della pagina. Per sostituire le immagini vi basterà cliccare sull'oggetto stesso e poi procedere alla sostituzione, inserendo le vostre rispettando, naturalmente, le opportune dimensioni in larghezza di 1920px.

    creazione pagina

    Avrete senz'altro notato che  l’oggetto è più largo degli altri. A partire dalla versione V17 di Website è stata finalmente introdotta la possibilità di estendere gli oggetti per tutta la larghezza del browser; per attivare questa funzione basta selezionare l’oggetto e cliccare sull’iconcina indicata dalla freccia blu.


    immagine Immagine sulle ROW (Righe)
    Altre immagini che possiamo sostituire, senza grosse difficoltà, sono quelle presenti sulle ROW (righe) della nostra pagina. Prendiamo, come esempio, quello della ragazza bionda presente sulla home del template myCompany e vediamo come possiamo inserirne una nostra.

    immagine mycompany

    Prima di tutto dobbiamo individuare sulla pagina home la riga o le righe su cui intervenire.

    editor di pagina

    Per potere intervenire sulle proprietà dello “Stile Righe”, quando entriamo sulla pagina in cui troviamo tutti gli oggetti (vedi figura sopra), ci basterà cliccare sull’iconcina in alto Stile Righe per entrare nella sezione dedicata.
     
    Una volta entrati nello stile righe dobbiamo cliccare sulla riga da modificare: sulla destra si attiveranno una serie di opzioni utili per sostituire l’immagine, modificare l’effetto parallasse, attivare l’opzione colore, ecc. , come visibile nella figura sotto.

    stile righe



    immagine ALTRE IMMAGINI IN PROPRIETA' DI PAGINA
    Ci sono alcuni template, come ad esempio Ristò, che hanno l’immagine principale nella proprietà della pagina in sezione grafica. Vediamo come arrivarci.
     
    Anche in questo caso dobbiamo andare allo step 3 MAPPA, selezionare la Home e cliccare sull’iconcina sopra Proprietà.

    mappa sito

    Ora andiamo nella sezione Grafica: come potete vedere nella figura sotto, si attivano una serie di opzioni per personalizzare graficamente lo sfondo delle pagine. In questo caso sul template Risto ho inserito un’immagine da 1920px di larghezza che  ho reso fissa; nel campo File Immagine potrete inserirne una vostra per personalizzare la Home.

    proprietà di pagina

    Spero vi sia utile per modificare uno dei miei template, e probabilmente non solo.

    Scarica PDF del tutorial.


    ]]>     Wed, 17 Apr 2019 14:24:00 GMT https://www.giancarloweb.it/blog/?come-personalizzare-un-mio-template-con-le-tue-immagini https://www.giancarloweb.it/blog/rss/00000001A     <![CDATA[Da Windows&Doors a sito Rodar.it]]> imblog

    Un eloquente esempio di integrazione del template Windows & Doors.
     
    L’azienda Rodat.it ha realizzato un ottimo sito web utilizzando un mio Template. Naturalmente il caso vuole che il template come tema abbia proprio i serramenti e gli infissi.
    Come ribadito più volte è la struttura del modello la caratteristica principale, l’argomento o che si voglia dire il tema del template viene dato dalle immagini, basta sostituire semplicemente queste e aggiornare i testi ed il template si trasforma e si adatta facilmente alle proprie esigenze.  


    An eloquent example of integration of the Windows & Doors template.

    The Rodat.it company has created an excellent website using my Template. Of course, the case has it that the template as a theme has its own frames and fixtures.

    As stated several times is the structure of the model, the main feature, the topic or the theme of the template is given by the images, it is enough to simply replace these and update the texts and the template is transformed and easily adapted to your needs .

    ]]>     Wed, 17 Apr 2019 09:56:00 GMT https://www.giancarloweb.it/blog/?da-windows-doors-a-sito-rodar-it https://www.giancarloweb.it/blog/rss/000000018     <![CDATA[Showfolio]]> imblog

    Con il template Showfolio puoi facilmente esporre in modo estremamente veloce la tua galleria fotografica, suddivisa per lavori e temi trattati. Anche questo Template è facilmente adattabile alle proprie esigenze, con pochi passaggi puoi ampliarlo ed arricchirlo di nuovi contenuti ed informazioni innerenti alla tua attività, ha un design moderno, e come tutti i miei template è naturalmente responsive.
    Il template Showfolio è compatibile con website x5 V17 evo e pro (e successive).

    With the Showfolio template you can easily expose your photo gallery extremely quickly, divided by works and themes. Even this Template is easily adaptable to your needs, with a few steps you can expand it and enrich it with new contents and information in your activity, has a modern design, and like all my templates is naturally responsive.
    The Showfolio template is compatible with website x5 V17 evo and pro (and later).

    ]]>     Tue, 12 Feb 2019 18:04:00 GMT https://www.giancarloweb.it/blog/?showfolio https://www.giancarloweb.it/blog/rss/000000017     <![CDATA[Anteprima errata immagine social]]> imblog
    Mi è capitato spesso di impostare un’immagine del sito da associare come copertina grafica o presentazione sui social utilizzando il protocollo Open Graph protocol ma questa non corrisponde al tag inserito sulla pagina del sito, spesso viene visualizzata un’altra immagine presente sulla stessa pagina.
    Bene anzi male, comunque ho trovato una soluzione semplice al problema, è sufficiente inserire il link della pagina incriminata nel Debugger ufficiale sviluppato da Facebook per i developer, e confermare. Il debugger visualizzerà molte altre informazioni relative alla pagina inserita. A questo punto la condivisione e l'immagine impostata dovrebbero corrispondere di nuovo, semplice ed efficace.

     

    I often set up an image of the site to be associated as a graphic cover or presentation on social networks using the Open Graph protocol but this does not correspond to the tag placed on the page of the site, often another image appears on the same page.
    Well bad indeed, however I found a simple solution to the problem, just insert the link of the offending page in the official Debugger developed by Facebook for developers, and confirm. The debugger will display a lot of other information related to the inserted page. At this point the sharing and the set image should correspond again, simply and effectively.


    ]]>     Wed, 05 Dec 2018 10:13:00 GMT https://www.giancarloweb.it/blog/?anteprima-errata-immagine-social https://www.giancarloweb.it/blog/rss/000000016     <![CDATA[Video in fullHD Responsive]]> imblog

    Semplice tutorial che spiega come inserire sulle pagine in un oggetto HTML un video 1920px e renderlo responvive grazie all'aggiunta  di poche righe di codice. Al link sotto, oltre all'esempio visivo, troverete il codice e la spiegazione su come utillizzarlo ed inserirlo sul vostro progetto.

    ]]>     Sun, 11 Nov 2018 17:22:00 GMT https://www.giancarloweb.it/blog/?video-in-fullhd-responsive https://www.giancarloweb.it/blog/rss/000000015     <![CDATA[Perchè WordPress]]> imblog
    WordPress è probabilmente la piattaforma più utilizzata al mondo per la realizzazione di pagine web, Wordpress ti permette di creare siti aziendali, blog e negozi online. Wordpress,  è scaricabile e utilizzabile gratuitamente, inoltre potete utilizzare sempre gratuitamente migliaia di temi e plugin e cosa non da poco è supportato da una comunità open source. I presupposti sono allettanti, a questo punto non ci resta che testare e valutare di persona questa potente piattaforma.
     
    Se siete alle prime armi e non avete mai utilizzato WordPress, potreste affidarvi ad un servizio come Altervista.org, che offre gratuitamente lo spazio Web (hosting) ed il dominio, e vi mette a disposizione un pacchetto WordPress pronto all’uso.

    Ma cosa occorre per poter utilizzare WordPress ?
    • 1)  Uno spazio web hosting Linux con database mySQL
    • 2)  Il pacchetto di WordPress, (basta andare al link sotto e scaricare i file)
    • 3) Programma PTP Filezilla gratuito, necessario per scaricare il pacchetto sul vostro HOST
     

    Una volta scaricato il pacchetto dal link sopra, bisognerà scompattarlo ed individuare alcuni file di configurazione, utilizzando un editor (ad esempio http://brackets.io/ free) inseriamo i dati del vostro database mySQL necessari per la sincronizzazione, poi scarichiamo il pacchetto sul vostro spazio web utilizzando Filezilla, ora ci basterà lanciare il file install.php (http://www.miosito.it/wp-admin/install.php) e completate il form di registrazione, a questo punto siamo  pronti e potremo utilizzare la piattaforma per creare le nostre pagine.

    Vi segnalo questo video su YouTube che spiega in modo semplice e chiaro i passaggi descritti sopra necessari per l’installazione del pacchetto.
    https://www.youtube.com/watch?v=BHetZDJJm_w&t=342s


    Credo sia molto utile anche una guida completa a Wordpress https://www.html.it/guide/guida-wordpress/

    ]]>     Mon, 05 Nov 2018 15:30:00 GMT https://www.giancarloweb.it/blog/?perche-wordpress https://www.giancarloweb.it/blog/rss/000000014     <![CDATA[Template Windows&Doors]]> imblog
    Il nuovo template wondows&doors è dedicato ad artigiani e piccole imprese che vogliono avere un sito vetrina responsive e professionale, il modello ti permette di esporre in modo elegante e chiaro le informazioni sulla tua attività. Il Template può essere adattato ed arricchito di contenuti e informazioni inerenti alla propria attività, ha un design moderno, è l’ideale per le esigenze di negozi (ferramenta, serramenti, ecc.), piccole attività, showrooms. Nel “sale package” oltre al progetto del template troverai le immagini ed i modelli di CS da utilizzare per personalizzare le pagine del tuo sito.
    Il template windows&doors è compatibile con website x5 V16 evo e pro (e successive).  
    Il Template windows&doors sarà disponibile sulla pagina SHOP a breve.

    The new template wondows & doors is dedicated to artisans and small businesses that want to have a responsive and professional showcase site, the model allows you to expose information about your business in an elegant and clear way. The Template can be adapted and enriched with contents and information related to its business, has a modern design, is ideal for the needs of shops (hardware, windows, etc.), small businesses, showrooms. In the "salt package", in addition to the template design you will find the images and CS templates to be used to customize the pages of your site.
    The windows & doors template is compatible with website x5 V16 evo and pro (and later).
    The windows & doors Template will be available soon.
    ]]>     Sun, 28 Oct 2018 08:59:00 GMT https://www.giancarloweb.it/blog/?template-windows-doors https://www.giancarloweb.it/blog/rss/000000013     <![CDATA[Template myClima]]> imblog

    Il template Clima per V13 viene aggiornato alla Versione V16 EVO e superiori, oltre ad un aggiornamento di versione superiore, MyClima offre una veste grafica più accattivante e delle sezioni di pagina aggiornate, il template è disponibile sulla pagina Shop.

    The Clima template for V13 is updated to Version V16 EVO and above, in addition to a higher version update, MyClima offers a more appealing layout and updated page sections, the template is evailable on the Shop page.
    Preview myClima

    • Template monopagina RWD
    • Effetti Parallasse
    • Oggetti con Effetti Transizione
    • Google Map
    • Google Font
    • Awesome Font 5
    • Icone Social Animate
    • Effetti CSS3
    • Form Email
    • Pagina Cookie Policy

    ]]>     Wed, 03 Oct 2018 13:48:00 GMT https://www.giancarloweb.it/blog/?myclima-template https://www.giancarloweb.it/blog/rss/000000012     <![CDATA[Template myCompany]]> imblog
    mycompany
    Cerchi un sito che ti permetta di contribuire al successo della tua attività aumentando la tua reputazione con una forte e costante presenza online?
     
    Il template myCompany è dedicato alle aziende che vogliono avere un sito responsive professionale, ti permette di esporre in modo elegante e chiaro le informazioni sulla tua attività. Puoi arricchire a tuo piacimento il template di contenuti ed info, ha un design moderno e pulito, è facile e velocemente adattabile alle tue esigenze.
    Nel “sale package” oltre al progetto del template troverai molte iconset da utilizzare per personalizzare le pagine del tuo sito.
    Il template myCompany è compatibile con website x5 V16 evo e pro (e successive).  

    Are you looking for a site that allows you to contribute to the success of your business by increasing your situation with a strong and constant online presence?
    The myCompany template is dedicated to companies that want to have a professional responsive website, allowing you to choose information about your business in an elegant and clear way. You can enrich your modern and elegant design, it is easy to adapt to your needs.
    In the "sales package" in addition to the design of the model, many icons are available to customize the pages of your site.
    The myCompany model is compatible with website x5 V16 evo and pro (and later).
     
    • Multi-pageTemplate in RWD
    • SlideShow Swiper Slider fullWidth
    • Blog News
    • Parallax Effect
    • Transition Effects
    • Google Font
    • Awesome Font 5
    • 130 iconset
    • Animated Social Icons
    • CSS3 Effects
    • Email Form
    • Cookie Policy Page


    ]]>     Mon, 27 Aug 2018 17:26:00 GMT https://www.giancarloweb.it/blog/?template-mycompany https://www.giancarloweb.it/blog/rss/000000011     <![CDATA[79300 Icone Piatte Gratuite]]> imblog

    79,300 Icone Piatte Gratuite in ogni formato, dimensione e colore in 20 secondi

    Tutte le icone di cui hai bisogno. Garantito.
    Non c'è dubbio, abbiamo icone per social media like Facebook, Twitter, Youtube, e tutte le tipologie di frecce. Sicuramente, abbiamo tutte quelle basilari telefono, casa, eimpostazioni. Tuttavia, se sei alla ricerca di qualcosa di meno ortodosso, semplicemente richiedilo. Nessuna commissione. Garantito.

    Io aggiungo che è assolutamente da provare, disponibile anche il download del programmino Icons8 da installare sul pc, lo trovo assolutamente comodo e versatile.

    Se siete sviluppatori avrete anche voi la necessità di avere velocemente ottime icone da inserire sulle pagine web, bene questo sito offre gratuitamente tutto questo, ha una collezione di oltre 79000 icone ad oggi ed il numero è in aumento costante, sono disponibili in diversi formati dimensioni e colori.

    ]]>     Fri, 24 Aug 2018 15:13:00 GMT https://www.giancarloweb.it/blog/?79300-icone-piatte-gratuite https://www.giancarloweb.it/blog/rss/000000010     <![CDATA[GDPR (General Data Protection Regulation)]]> imblog
    A partire dal 25 maggio 2018 è entrato in vigore in tutti gli stati membri il Regolamento Ue 2016/679, noto come GDPR (General Data Protection Regulation) relativo alla protezione delle persone fisiche che riguarda il trattamento dei dati personali.

    Il regolamento ci dice che deve essere indicato sul sito il responsabile per il trattamento dei dati: viene infatti introdotto il principio secondo il quale questa figura ha la responsabilità di garantire nel modo migliore possibile la sicurezza dei dati raccolti e di dimostrare all’Ente di controllo l’utilizzo di tecniche adeguate alla natura dei dati.

    In pratica ogni sito web dovrà avere una cookie policy dettagliata, più completa e complessa di quella che fino a poco tempo fa era accettata, ed una pagina dedicata alla privacy policy, dove vengono spiegati i diritti degli utenti in base agli articoli di legge previsti dal GDPR, la garanzia all’oblio e le modalità di richiesta dello stesso, l’elenco dei servizi di terze parti che profilano gli utenti durante la navigazione del sito web.

    Vista la delicatezza dell'argomento, considerando inoltre che le varie parti di un sito sono in continuo aggiornamento, il mio consiglio è quello di utilizzare allo scopo servizi appositamente studiati per questo, come ad esempio Iubenda che in pochi, semplici passaggi, permette di farsi da sé la propria policy, in varie lingue e perfettamente adeguata alle normative vigenti.

    Iubenda offre la possibilità di usufruire per siti semplici anche di un servizio gratuito che permette di generare cookie policy e privacy policy per plugin di terze parti, mentre per siti più complessi Il servizio completo prevede invece un abbonamento annuale di 19 euro. Alternativa a Iubenda è CookieBot, anch’esso con servizio gratuito e con piani a pagamento a partire da 9 euro al mese.

    ]]>     Fri, 01 Jun 2018 15:05:00 GMT https://www.giancarloweb.it/blog/?gdpr--general-data-protection-regulation- https://www.giancarloweb.it/blog/rss/00000000F     <![CDATA[Sostituire le icone dei Font Awesome sui miei template]]> imblog
    I Font Awesome ci permettono di usufruire di oltre 650 icone vettoriali che possono essere facilmente personalizzabili attraverso semplici regole. Queste icone sono ormai uno standard utilizzato dai siti web più moderni. In tempi non lontani ricordo che utilizzavo delle immagini per riprodurre i simboli, ora fortunatamente è tutto più semplice grazie all'utilizzo di questi font.

    Awesome Fonts allow us to take advantage of over 650 vector icons that can be easily customized through simple rules. These icons are now a standard used by the most modern websites. Not long ago I remember that I used images to reproduce the symbols, now fortunately everything is easier thanks to the use of these fonts.




    I miei template utilizzano i Font Awesome e di defoult hanno già inserito il codice per poter utilizzare questi simboli grafici. Se volete  sostituire un'iconcina presente su un mio template con un'altra, basta variare il codice con quello della nuova icona grafica scelta ed il gioco è fatto. La procedura è molto semplice, occorre solo attenersi a poche semplici regole: ecco in sintesi il procedimento:
    1) Collegatevi alla pagina delle icone https://fontawesome.com/v4.7.0/icons/
    2) Selezionate l'icona che vi interessa (sono oltre 600)

    My templates use Awesome Fonts and defoult have already entered the code in order to use these graphic symbols. If you want to replace a small icon on one of my templates with another, just change the code with the new graphic icon chosen and you're done. The procedure is very simple, you just have to follow a few simple rules: here is the procedure:
    1) Connect to the icons page https://fontawesome.com/v4.7.0/icons/
    2) Select the icon you are interested in (there are over 600)



    3) Copiate il codice dell'icona scelta nell'oggetto di testo di windows (in questo modo perderà la tabulazione della pagina)
    4) Selezionate il codice appena copiato dal blocco di testo ed incollatelo nell'oggetto testo di website dove volete sostituire l'icona.

    3) Copy the code of the chosen icon in the windows text object (in this way it will lose the tabulation of the page)
    4) Select the code just copied from the text block and paste it in the text object of the website where you want to replace the icon.



    <i class="fa fa-comments fa-5x" aria-hidden="true"></i> il codice in grassetto, che dovrete inserire manualmente prima della chiusura delle virgolette, serve a dare la dimensione all'icona. E' un moltiplicatore dimensionale, più è alto il numero che scriverete più grande sarà l'icona visualizzata.

    <i class = "fa fa-comments fa-5x" air-hidden = "true"> </ i> the bold code, which you must insert manually before closing the quotation marks, is used to give the size to the icon. It is a dimensional multiplier, the higher the number you write the larger the icon will be displayed.




    Quello che vedete sopra è il risultato finale, direi non male. Considerate che questi font sono più di 600 ed utilizzabili gratuitamente.
    What you see above is the final result, I would say not bad. Consider that these fonts are more than 600 and can be used for free.


    ]]>     Tue, 20 Mar 2018 18:25:00 GMT https://www.giancarloweb.it/blog/?sostituire-le-icone-dei-fonf-awesome-sui-miei-template https://www.giancarloweb.it/blog/rss/00000000E     <![CDATA[Template Cat Sitter]]> imblog
    Vuoi diventare dog sitter o cat sitter, hai deciso d'aprire una piccola pensione casalinga per animali domestici e guadagnare tenendo cani e gatti? Eccoti allora un template per creare un sito di pubblicità e prenotazioni, completo semplice e veloce da personalizzare. Con pochi ritocchi avrai il tuo sito pronto per pubblicizzare la tua nuova attività. Se offri un qualsiasi tipo di servizio per animali domestici, fallo con il template Cat Sitter.


    Do you want to become a dog sitter or a cat sitter, you have decided to open a small home for pets and earn money with dogs and cats, so here is a template to create an advertising and booking site, complete simple and quick to customize, with a few tweaks you will have your site ready to advertise your new business. If you offer any kind of pet service, do it with the Cat Sitter template.


    Visto che mi è stato richiesto è disponibile anche la versione senza oggetti opzionali : Preview Template no widget

    Since I have been requested, the version without optional items is also available : Preview Template no widget





    ]]>     Thu, 15 Mar 2018 22:33:00 GMT https://www.giancarloweb.it/blog/?template-cat-sitter https://www.giancarloweb.it/blog/rss/00000000D     <![CDATA[Template Ristò]]> imblog
    C'è un nuovo ristorante in città, un locale elegante e raffinato che organizza eventi dedicati al buon cibo e serve piatti di alta cucina, vieni a scoprirlo. Presente il tuo nuovo locale sul web con un sito elegante e raffinato. Con il template Ristò in pochi passaggi e con poche personalizzazioni puoi presentare il tuo splendido locale al pubblico, organizza eventi e pubblicizzali sul Blog dedicato. Usa la potenza del Template in responsive design e la sua flessibilità per raggiungere i tuoi cliente e invitarli a scoprire cosa c'è di buono nel tuo locale.



    There is a new restaurant in the city, an elegant and refined venue that organizes events dedicated to good food and serves haute cuisine dishes, come and discover it. Present your new venue on the web with an elegant and refined website. With the Ristò template in just a few steps and with a few customizations you can present your beautiful venue to the public, organize events and publish them on the dedicated blog. Use the power of responsive design and the flexibility of Ristò to reach your customers and invite them to find out what's good about your place.   Preview Template

    Esempio di sito realizzato con il template Ristò.


    ]]>     Sun, 04 Mar 2018 22:54:00 GMT https://www.giancarloweb.it/blog/?template-risto https://www.giancarloweb.it/blog/rss/00000000B     <![CDATA[e-Shop con User Account]]> imblog


    e-Shop Account un Template per coloro che desiderano lanciare un negozio online professionale in pochi minuti. Dotato di un layout flessibile e funzionale, questo Template è progettato per rendere facile e veloce lo sviluppo di siti Web e-commerce.

    • Durante il primo acquisto i tuoi clienti potranno registrarsi, in seguito in caso di nuovo ordine non dovranno più inserire i propri dati;
    • Il cliente potrà accedere alla propria pagina riservata dove troverà lo storico degli ordini che ha effettuato;
    • Possibilità di inserire un avatar personalizzato sulla pagina Orders dedicata;

    Viene fornito di Cart Status Object utile per monitorare lo stato del carrello in tempo reale. Crea le tue gallerie di prodotti e inizia a vendere online con il tuo sito.

    e-Shop Account is a Template is for those who wish to launch a professional online store within minutes. Equipped with a flexible and functional layout, this Template is designed to make the development of e-commerce websites easy and fast.

    • During the first purchase customers must register later no longer have to enter their data in case of new order;
    • The customer can access a reserved page where he will find the history of the orders he has made.
    • Ability to insert avatars on your own page Orders page

    It comes with a Cart Status Object useful for monitoring the status of the cart in real time. Create your product galleries and start selling online with your site.

    Test and Preview: e-shop-account

    WebSiteX5 V14 PRO Tutorial Ita: https://helpcenter.websitex5.com/it/post/178130
    WebSiteX5 V14 PRO Tutorial Eng: https://helpcenter.websitex5.com/it/post/178148

    ]]>     Sat, 10 Feb 2018 14:34:00 GMT https://www.giancarloweb.it/blog/?e-shop-con-account https://www.giancarloweb.it/blog/rss/00000000A     <![CDATA[e-Glasses Template]]> imblog

    e-Glasses Un nuovo Template della serie e-commerce, per coloro che desiderano lanciare un negozio online professionale in pochi minuti. E' dotato di un layout flessibile e funzionale, e-Glasses Template è progettato per rendere facile e veloce lo sviluppo di siti Web e-commerce. Viene fornito di Cart Status Object utile per monitorare lo stato del carrello in tempo reale. Crea le tue gallerie di prodotti e inizia a vendere online con il tuo sito.

    e-Glasses A new e-commerce series template for those wishing to launch a professional online store in just a few minutes. It is equipped with a flexible and functional layout, e-Glasses Template is designed to make the development of e-commerce websites easy and fast. It comes with a Cart Status Object useful for monitoring the status of the cart in real time. Create your product galleries and start selling online with your site.


    ]]>     Sat, 27 Jan 2018 13:17:00 GMT https://www.giancarloweb.it/blog/?e-glasses-e-commerce https://www.giancarloweb.it/blog/rss/000000009     <![CDATA[New e-Shop]]> imblog

    e-Shop Template è per coloro che desiderano lanciare un negozio online professionale in pochi minuti. Dotato di un layout flessibile e funzionale, questo Template è progettato per rendere facile e veloce lo sviluppo di siti Web e-commerce. Viene fornito di Cart Status Object utile per monitorare lo stato del carrello in tempo reale. Crea le tue gallerie di prodotti e inizia a vendere online con il tuo sito.


    e-Shop Template is for those wishing to launch a professional online store within minutes. Equipped with a flexible and functional layout, this Template is designed to make the development of e-commerce websites easy and fast. It comes with a Cart Status Object useful for monitoring the status of the cart in real time. Create your product galleries and start selling online with your site.


    ]]>     Sat, 20 Jan 2018 16:44:00 GMT https://www.giancarloweb.it/blog/?new-e-shop https://www.giancarloweb.it/blog/rss/000000008     <![CDATA[e-Portfolio Template e-commerce]]> imblog

    Il Template myPortfolio si arricchisce della funzione e-commerce, con e-Portfolio per V14 PRO oltre alle gallerie che ti permettono di mostrare le tue opere, puoi anche vendere le stampe delle foto. Con l'aggiunta della pagina SHOP semplice da gestire puoi iniziare facilmente il commercio delle tue stampe.

    The template myPortfolio is enhanced by the e-commerce function, with e-Portfolio for V14 PRO in addition to the galleries that allow you to show your works, you can also sell the prints of the photos. By adding the easy-to-manage SHOP page, you can easily start trading your prints.

    Preview e-Portfolio


    ]]>     Sun, 31 Dec 2017 14:41:00 GMT https://www.giancarloweb.it/blog/?myportfolio-e-commerce---e-portfolio https://www.giancarloweb.it/blog/rss/000000007     <![CDATA[New Template myPortfolio]]> imblog
    Novità 2018, Template per siti dedicati alla fotografia e all'arte.
    Sei un fotografo, un grafico, o un'artista che lavora con la creatività, sai quanto è importante avere una galleria aggiornata dei tuoi lavori. Ecco un modello elegante per valorizzare le proprie opere e per realizzare un portfolio sul web, veloce e pratico da aggiornare.


    News 2018, Template for sites dedicated to photography and art.
    You are a photographer, a graphic artist, or an artist who works with creativity, you know how important it is to have an updated gallery of your work. Here is an elegant model to enhance your work and to create a portfolio on the web, fast and practical to update.

    ]]>     Fri, 22 Dec 2017 13:09:00 GMT https://www.giancarloweb.it/blog/?new-template-myportfolio https://www.giancarloweb.it/blog/rss/000000006     <![CDATA[Nuovo Template Travel]]> imblog
    Template professionale per #WebsiteX5 V14 Evo e Pro. Ideale per pubblicizzare la propria attività online. Il tema scelto è quello delle agenzie turistiche ma come tutti i miei template è adattabile con poco a qualsiasi tipo di attività ed esigenza personale. Moderno e con Blog integrato, è completamente in responsive, si adatta graficamente ed in modo automatico al dispositivo sul quale viene visualizzato (PC, Tablet, SmartPhone).

    Professional Template for # WebsiteX5 V14 Evo and Pro. Ideal for publicizing your business online. The theme chosen is that of tourist agencies but as all my templates are adaptable with little to any kind of personal activity and need. Modern and with integrated Blog, it is fully responsive, it adapts graphically and automatically to the device on which it is displayed (PC, Tablet, SmartPhone).

    ]]>     Thu, 16 Nov 2017 17:24:00 GMT https://www.giancarloweb.it/blog/?nuovo-template-travel https://www.giancarloweb.it/blog/rss/000000004     <![CDATA[Tutorial wowslider]]> imblog


    Come creare un progetto wowslider e inserirlo su website in soli 10 minuti.
    How to create a wowslider project and place it on a website in just 10 minutes.
    ]]>     Fri, 10 Nov 2017 15:51:00 GMT https://www.giancarloweb.it/blog/?tutorial-wowslider https://www.giancarloweb.it/blog/rss/000000005     <![CDATA[Template aggiornati alla V14]]> imblog
    Clicca sull'immagine per l'anteprima   Clicca sull'immagine per l'anteprima
    Clica per l'ateprima  Clicca per l'anteprima

    Template disponibili per la nuova versione V14 Evo e Pro
    Cliccare sull'immagine per visionare le anteprime



    ]]>     Sun, 22 Oct 2017 11:48:00 GMT https://www.giancarloweb.it/blog/?template-aggiornati-alla-v14 https://www.giancarloweb.it/blog/rss/est6no5j     <![CDATA[Nuovo Template per WebSite x5 V14]]> imblog
    PHONE LIGHT
    Website V14 EVO e PRO
    Genere: Pagina Personale

    • Template monopagina RWD
    • Effetto Parallasse e slow image
    • Oggetti con Effetti Transizione
    • Mappa Full Screen
    • Icone Social Animate
    • Form per Email
    • Awensome Font
    Realizzato un nuovo template "Phone Light" compatibile con la nuova versione di Website X5 V14 evo e pro, potete vedere l'anteprima cliccando sull'immagine sopra. Il template può essere scaricato gratuitamente, basta andare sulla pagina "Template-Free" del sito.
    ]]>     Wed, 18 Oct 2017 15:57:00 GMT https://www.giancarloweb.it/blog/?nuovo-template-per-website-x5-v14 https://www.giancarloweb.it/blog/rss/ghd2zf80     <![CDATA[Google Analytics]]> imblog


     
    Goolgle Analystics è un servizio gratuito che Google mette a disposizione per il monitoraggio dei siti web, con Analystic puoi analizzare il traffico del tuo sito e realizzare statistiche e grafici a 360° sugli accessi del tuo sito, è uno strumento indispensabile per capire quali sono le pagine di maggior interesse e quelle meno visitate e molto altro, ti permette una analisi completa e dettagliata.


     
    Vediamo la procedura di registrazione al servizio:

    1) per prima cosa occorre avere una email di google (es: nomeutente@gmail.com) poi andare sulla pagina di Google Analytics scegliete Crea un account e seguite la semplice procedura, se avete già un account accedete al servizio.

    2)  Fatto il passo 1 ora registrate il sito a Google Analytics inserendo un nome di account e l’URL del sito che si intende monitorare.

    3) A registrazione ultimata vi verrà consegnato un codice HTML che dovrà essere inserito dentro ogni pagina del sito web da monitorare.

    4) Nel momento in cui inserite il codice e pubblicate il sito online Google Analytics inizierà a tenere traccia di tutti gli accessi al sito. Da subito potrete controllare gli accessi in tempo reale, mentre per una analisi più approfondita è consigliabile attendere qualche giorno per avere un certo numero di dati significativi

    Video tutorial

    In rete ho trovato questo ottimo video tutorial che mostra in modo semplice e ben dettagliato le caratteristiche e le funzioni principali di questo servizio offerto da Google.


    ]]>     Thu, 24 Aug 2017 19:17:00 GMT https://www.giancarloweb.it/blog/?google-analytics https://www.giancarloweb.it/blog/rss/zwel71nq     <![CDATA[Template B&B]]> imblog
    Template B&B

    Template professionale per #WebsiteX5 V13 Evo e Pro. L'ideale per gestire le prenotazioni online e mostrare su internet il tuo spendido B&B o Agriturismo. Traduzione simultanea in base alla scelta della lingua visitatore, completo di modulo disponibilità/prenotazione on-line. Come tutti i miei Template anche questo è adattabile alle proprie esigenze in modo semplice e veloce, basta sostituire i contenuti con le tue foto ed i tuoi testi ed il sito è pronto. Moderno e completamente in responsive si adatta graficamente  in modo automatico al dispositivo sul quale viene visualizzato (PC, Tablet, SmartPhone). Visualizza anteprima


    Professional template for # WebsiteX5 V13 Evo and Pro. Ideal for managing online bookings and showcasing your spendy B&B or Farm Holidays on the Internet. Simultaneous translation based on the choice of visitor language, complete with availability / booking form on-line. Like all of my Templates, this is also easy to adapt to your needs, just replace the content with your photos and texts and the site is ready. Modern and fully responsive graphically adapts automatically to the device on which it is displayed (PC, Tablet, SmartPhone). Show preview
    ]]>     Fri, 21 Jul 2017 15:17:00 GMT https://www.giancarloweb.it/blog/?template-b-b https://www.giancarloweb.it/blog/rss/0pamj4j9     <![CDATA[Indicizzazione Posizionamento Seo]]> imblog


     
    HO PUBBLICATO IL SITO MA NON LO TROVO SU GOOGLE !!
     
    Questa è una domanda che spesso mi viene fatta o che sento di frequente. Quando si pubblica un sito online i motori di ricerca ed in primis google si prendono un periodo di valutazione per verificare l’attendibilità del sito. Questa fase di valutazione può durare anche più di un mese. Trascorso tale periodo di valutazione google inserirà il sito nei suoi indici (indicizzazione) ed in seguito, nelle ricerche che si effettueranno, il sito apparirà in varie posizioni a seconda delle parole chiave utilizzate.

     
     
    ESISTE UN MODO PER VELOCIZZARE QUESTO PROCESSO SU GOOGLE ?
     
    Si potrebbe aiutare google ad indicizzare il proprio sito fornendo il link e per questo esiste un apposito form Add URL dove è possibile inserire l’indirizzo. Naturalmente il link dovrà puntare ad una pagina con contenuti ed immagini. Per la realizzazione di un buon sito web occorre diverso tempo e per velocizzare l’indicizzazione potrebbe essere utile pubblicare momentaneamente la sola pagina home con contenuti ed immagini: ciò permetterebbe di guadagnare tempo nell’indicizzazione mentre nel frattempo noi completiamo il sito.   

     
     
    CHE DIFFERENZA C'E' TRA INDICIZZAZIONE E POSIZIONAMENTO ?
     
    Non sono esattamente la stessa cosa: un sito indicizzato è presente sui motori di ricerca ma non sempre è visibile nelle prime posizioni. Per inserire il sito nelle prime posizioni di google occorre ottimizzarlo tramite il processo SEO (Search Engine Optimization). Detto in parole semplici, si eseguono una serie di operazioni che servono a rendere più "appetibili" le pagine di un sito agli occhi dei motori di ricerca con il conseguente miglioramento della posizione.
    Ci sono innumerevoli dispense e studi su come ottimizzare il posizionamento di un sito, in realtà non esiste un metodo scientifico attendibile sul quale basarsi in quanto è un insieme di regole di base fondamentali, oltre ad un’altra serie di strategie ed intuizioni da mettere in campo per quel determinato dominio.

     
    Alcune semplici regole che vi consiglio:
     
    I contenuti sono importantissimi: Google ogni anno migliora i suoi algoritmi per riuscire a riconoscere quali contenuti sono di qualità e quali no. Non riempite la pagina di Keyword, solitamente ne basta solo una. Assicuratevi che all'interno del testo sia presente la parola chiave ed utilizzate, eventualmente, anche sinonimi singolari o plurali. Verificate anche che la parola chiave sia nel titolo e nella “description”. Effettuate una Integrazione completa del vostro sito con i Social e Blog. Evitate di scrivere tutto in maiuscolo. Se avete la possibilità, inserite il link della vostra pagina su siti autorevoli e con un rank elevato. Iscrivetevi a Google Webmaster Tool, questo servizio è utilissimo per capire come procedere per il  posizionamento del vostro sito sui motori di ricerca.

    #SEO  #SearchEngineOptimization
    ]]>     Tue, 11 Jul 2017 14:36:00 GMT https://www.giancarloweb.it/blog/?indicizzazione-posizionamento-seo https://www.giancarloweb.it/blog/rss/by63yody     <![CDATA[Template Relaxation House]]> imblog
    Apri le porte del tuo Bed & Breakfast o Agriturismo e lascia che i tuoi ospiti prenotino da qualsiasi luogo. Con il template Relaxation House per Website X5 V13 potrai realizzare il sito per la tua attività. Questo Template è facile da modificare e personalizzare, inserisci le tue immagini ed i tuoi testi, è l'ideale per aggiunge personalità a qualsiasi piccola proprietà. È possibile accettare prenotazioni 24 ore su 24 da smartphone e computer e mostrare le camere che rendono il tuo B&B il luogo di vacanza perfetto. Con il modello Relaxation House darai al tuo sito l'aspetto professionale necessario per un servizio di alloggio e prenotazione.

    Open the doors of your Bed & Breakfast or Farm and let your guests book anywhere. With the Relaxation House Template for Website X5 V13, you can build your site for your business. This Template is easy to edit and personalize, insert your pictures and texts, is ideal for adding personality to any small property. You can accept 24-hour bookings from smartphones and computers and showcasing the rooms that make your B & B the perfect vacation spot. With the Relaxation House model you give your site the professional look you need for an accommodation and booking service.
    ]]>     Fri, 23 Jun 2017 21:13:00 GMT https://www.giancarloweb.it/blog/?template-relaxation-house https://www.giancarloweb.it/blog/rss/86y2n9sd     <![CDATA[Immobiliare - Real estate]]> imblog

    E' in preparazione un nuovo template per agenzia immobiliare, naturalmente potrebbe essere adattato anche per altre attività. L'idea è stata quella di diversificare la gestione immobili creando due pagine dedicate, naturalmente solo una di queste potrà essere attivata. Quella di defoult (che sconsiglio) è realizzata direttamente con website, sono schede dedicate che andranno tenute aggiornate, cancellate e reinserite in base alle esigenze dell'agezia. La seconda versione, che ritengo la migliore,  è una pagina predisposta per essere integrata tramite iframe responsive con un database esterno indipendente da website. Questa soluzione è quella che ho adottato per un'agenzia che mediante un portale dedicato gestiva i propri immobili.

    Is preparing a new template for real estate agency, of course, it could also be adapted for other activities. I have tried to diversify its real estate management by creating two dedicated pages, but only one of them can be activated. That of defoult is made directly with the website, they are dedicated cards that will be kept updated, deleted and reinserted according to dell'agezia needs. The second version, which improved rotengo, page designed to be integrated via iframe responsive with an independent external database website, this solution is the one that I adopted for an agency or through a dedicated portal, ran their properties.

    ]]>     Sun, 26 Mar 2017 17:37:00 GMT https://www.giancarloweb.it/blog/?immobiliare---real-estate https://www.giancarloweb.it/blog/rss/qvqvb3ma     <![CDATA[New Template Phone Lab]]> imblog


    Sto ultimando un nuovo template Phone Lab , queste le caratteristiche principali:  Wowslider a tutto schermo inserito in un oggetto HTML, utilizzo del nuovo oggetto gratuito per social,  mappa sul fondo ed anche questa a schermo intero, non necessita di oggetti da acquistare.

    I'm finishing a new template Phone Lab, these are the main features: Wowslider fullscreen added to an HTML object, use the new free object to company, the map on the bottom and also this full size, requires no properties to buy.


    ]]>     Sat, 18 Feb 2017 17:27:00 GMT https://www.giancarloweb.it/blog/?new-template-phone-lab https://www.giancarloweb.it/blog/rss/d888ev0e     <![CDATA[Swiper Grid Slider Full]]> imblog

    WebSite X5 - Portare oggetto galleria Swiper Slider a full width
    WebSite X5 - Swiper Slider gallery object to full width

    Link completo con esempio  codici ed immagini sulla procedura:

    ]]>     Wed, 15 Feb 2017 20:22:00 GMT https://www.giancarloweb.it/blog/?swiper-grid-slider-full https://www.giancarloweb.it/blog/rss/000000003     <![CDATA[Nuovo Working WMM]]> imblog

    Il nuovo Template Working WMM è una variante del template Working, le differenze stanno oltre che nel nome WMM, in tre aggiornamenti effettuati, W = wowslider full screen, M = Galleria Masonry full screen, M = Mappa completamente spostata sul fondo della pagina ed anche questa è stata inserita full screen.

    The new Template Working WMM is a template Working variant, the differences are not only in the name WMM, three updates made, W = wowslider full screen, M = Gallery Masonry full screen, M = completely shifted Map on the bottom of the page as well this has been inserted full screen.

    ]]>     Thu, 02 Feb 2017 21:24:00 GMT https://www.giancarloweb.it/blog/?nuovo-working-wmm https://www.giancarloweb.it/blog/rss/zh6121ql     <![CDATA[Stile delle righe (Row)]]> imblog
    ad sempio, per estenderla su tutta la larghezza della schermo. Per fare questo occorre sapere a quale numero di riga (row) noi dovremmo applicare il codice. Ecco quindi sotto un pratico esempio per capire come rintracciare la riga interessata.

    Sometimes it can happen of having to enter a code on a line, to Sempio, to extend over the entire width of the screen. To do this we need to know which line number (row) we should apply the code. Hence in a practical example to understand how to track down the offending line.


    Come vedete, in realtà,  è molto semplice ricavare il numero di row interessato, basta ricordarsi che le row legate come ad esempio le quattro righe incatenate contrassegnate con il numero 7, corrispondono ad una sola riga, come visibile appunto nell'esempio.

    As you see, actually, it is very straightforward to derive the number of affected row, just remember that the row-related such as the four lines chained marked with the number 7, corresponding to a single line, just as visible in the example.
    ]]>     Mon, 30 Jan 2017 22:02:00 GMT https://www.giancarloweb.it/blog/?stile-delle-righe--row- https://www.giancarloweb.it/blog/rss/702uie1o     <![CDATA[Nuovo Template Working]]> imblog

    Il template Working dalla grafica moderna e accattivante è predisposto per essere facilmente personalizzato in base alla vostre esigenze. Working è l'ideale per essere utilizzato come base per lo sviluppo rapido di un sito web di alta qualità. Questo template è disponibile per il download immediato.

    The template Working from modern graphics and captivating is designed to be easily customized according to your needs. Working is ideal to be used as the basis for rapid development of a high quality website. This template is available for immediate download.

    ]]>     Sat, 14 Jan 2017 09:39:00 GMT https://www.giancarloweb.it/blog/?nuovo-template-working https://www.giancarloweb.it/blog/rss/16bc7tkh     <![CDATA[Modificare Footer in website V13]]> imblog


    Modificare il piè di pagina in website v13
    Change the footer in website v13
    Bearbeiten Fußzeile in Website v13 Seite
    ]]>     Thu, 12 Jan 2017 20:37:00 GMT https://www.giancarloweb.it/blog/?modificare-footer-in-website-v13 https://www.giancarloweb.it/blog/rss/2fxd3020     <![CDATA[Come modificare mappa template adventure ]]> imblog

    - Come cambiare indirizzo mappa al template adventure
    - How to change the map to the address template adventure
    - Wie die Karte an die Adresse Vorlage Abenteuer ändern
    ]]>     Sun, 08 Jan 2017 22:46:00 GMT https://www.giancarloweb.it/blog/?come-modificare-mappa-template-adventure- https://www.giancarloweb.it/blog/rss/u1884si7     <![CDATA[Come sostituire le immagini nello stile righe]]> imblog


    Come sostituire le immagini nello stile righe
    How to replace the images in rows style
    Wie die Bilder in Reihen Stil zu ersetzen
    Cómo sustituir las imágenes en el estilo de filas
    ]]>     Sun, 08 Jan 2017 22:18:00 GMT https://www.giancarloweb.it/blog/?come-sostituire-le-immagini-nello-stile-righe https://www.giancarloweb.it/blog/rss/6i95j0p6     <![CDATA[Doppio Parallasse]]> imblog
    In realtà non è un doppio parallasse, la prima immagine è inserita nella proprietà grafica di pagina come sfondo fisso, mentre la seconda è inserita nello stile di riga come effetto parallasse.



    ]]>     Wed, 30 Nov 2016 23:10:00 GMT https://www.giancarloweb.it/blog/?doppio-parallasse https://www.giancarloweb.it/blog/rss/jsm5ue9y     <![CDATA[Semplice tutorial per galleria full screen in V13]]> imblog
    Semplicissimo tutorial per implementare wowslider su un progetto fatto con website 13.
    Con pochi passi inseriamo una galleria full screen.



    Ogni step è commentato e sono visibili i codici ed anche prelevabili. La prima versione è quella con i codici consigliati da wowslider, la seconda, raggiungibile cliccando sulla voce del menù Woslider iframe e quella con l'iframe elastico.




    ]]>     Tue, 01 Nov 2016 22:29:00 GMT https://www.giancarloweb.it/blog/?semplice-tutorial-per-inserire-una-galleria-full-screen-in-v13 https://www.giancarloweb.it/blog/rss/723fl9s6