Andrea Manzato
Servizi
.
Una sola carica di legna, fino a 12–24 ore di calore naturale e uniforme. Le stufe ad accumulo trasformano la tua casa in un ambiente confortevole, efficiente e sostenibile.
Efficienza fino all’80–95% · Calore radiante a lungo
🔗 Integrazione Stufe ad Accumulo nel Menu di Website X5 Pro
✓ Guida Completa
Questa guida ti mostra come aggiungere il link al sito delle stufe ad accumulo nel menu di Website X5 Pro.
Questa guida ti mostra come aggiungere il link al sito delle stufe ad accumulo nel menu di Website X5 Pro.
Metodo 1: Link Semplice nel Menu (Consigliato)
Passo 1: Accedi a Website X5 Pro
Apri il tuo progetto Website X5 Pro e vai alla sezione di editing del menu.
Apri il tuo progetto Website X5 Pro e vai alla sezione di editing del menu.
Passo 2: Aggiungi una Voce di Menu
- Individua il menu principale (solitamente nella parte superiore del sito)
- Aggiungi una nuova voce di menu denominata Stufe ad Accumulo
- Imposta il link a: /stufe-accumulo/ (percorso relativo)
<a href="/stufe-accumulo/" title="Scopri le stufe ad accumulo">
Stufe ad Accumulo
</a>
💡 Nota: Se il link relativo non funziona, usa l'URL completo:
https://www.caminservice.com/stufe-accumulo/
Metodo 2: Link con Icona nel Menu
Per un menu più elegante con icona:
<a href="/stufe-accumulo/" class="menu-item-stufe" title="Scopri le stufe ad accumulo">
<span class="icon">🔥</span>
Stufe ad Accumulo
</a>
<style>
.menu-item-stufe {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
text-decoration: none;
color: #2C2C2C;
transition: color 0.3s ease;
}
.menu-item-stufe:hover {
color: #E67E22;
}
.menu-item-stufe .icon {
font-size: 18px;
}
</style>
Metodo 3: Sottomenu Espandibile
Se vuoi creare un sottomenu con più opzioni:
<li class="menu-parent">
<a href="/stufe-accumulo/" title="Stufe ad Accumulo">Stufe ad Accumulo</a>
<ul class="submenu">
<li><a href="/stufe-accumulo/#come-funzionano">Come Funzionano</a></li>
<li><a href="/stufe-accumulo/#vantaggi">Vantaggi</a></li>
<li><a href="/stufe-accumulo/#manutenzione">Manutenzione</a></li>
<li><a href="/stufe-accumulo/#contatti">Richiedi Consulenza</a></li>
</ul>
</li>
<style>
.menu-parent {
position: relative;
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
list-style: none;
padding: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
min-width: 200px;
}
.menu-parent:hover .submenu {
display: block;
}
.submenu li a {
display: block;
padding: 10px 20px;
color: #2C2C2C;
text-decoration: none;
transition: background-color 0.3s ease;
}
.submenu li a:hover {
background-color: #f0f0f0;
color: #E67E22;
}
</style>
Metodo 4: Button/Pulsante nel Menu
Se vuoi un pulsante evidenziato nel menu:
<a href="/stufe-accumulo/" class="btn-stufe-accumulo">
Scopri le Stufe ad Accumulo
</a>
<style>
.btn-stufe-accumulo {
display: inline-block;
padding: 12px 24px;
background-color: #E67E22;
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s ease;
margin: 0 10px;
}
.btn-stufe-accumulo:hover {
background-color: #d35400;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);
}
</style>
Metodo 5: Card/Scheda nel Menu
Per una presentazione più accattivante:
<div class="menu-card-stufe">
<a href="/stufe-accumulo/">
<div class="card-icon">🔥</div>
<h3>Stufe ad Accumulo</h3>
<p>Scopri il calore che dura nel tempo</p>
<span class="arrow">→</span>
</a>
</div>
<style>
.menu-card-stufe {
display: inline-block;
margin: 10px;
}
.menu-card-stufe a {
display: block;
padding: 20px;
background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
border: 2px solid #E67E22;
border-radius: 8px;
text-decoration: none;
color: #2C2C2C;
transition: all 0.3s ease;
min-width: 250px;
text-align: center;
}
.menu-card-stufe a:hover {
background: linear-gradient(135deg, #E67E22 0%, #d35400 100%);
color: white;
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(230, 126, 34, 0.3);
}
.card-icon {
font-size: 32px;
margin-bottom: 10px;
}
.menu-card-stufe h3 {
margin: 10px 0;
font-size: 18px;
}
.menu-card-stufe p {
margin: 8px 0;
font-size: 14px;
opacity: 0.8;
}
.arrow {
font-size: 20px;
margin-top: 10px;
display: inline-block;
transition: transform 0.3s ease;
}
.menu-card-stufe a:hover .arrow {
transform: translateX(5px);
}
</style>
📋 Come Inserire il Codice in Website X5 Pro
Opzione A: Tramite il Menu Grafico
- Apri Website X5 Pro
- Vai a Strumenti → Impostazioni Sito
- Seleziona Menu
- Aggiungi una nuova voce con il link
/stufe-accumulo/ - Salva e pubblica
Opzione B: Tramite Codice HTML Personalizzato
- Apri Website X5 Pro
- Vai a Pagina → Proprietà Pagina
- Seleziona Codice
- Incolla il codice HTML nella sezione Header o Body
- Salva e pubblica
Opzione C: Tramite Template Personalizzato
- Apri Website X5 Pro
- Vai a Strumenti → Gestione Template
- Modifica il template del menu
- Aggiungi il link al sito delle stufe ad accumulo
- Salva il template e applica al sito
🔗 Link Disponibili nel Sito delle Stufe
Homepage:
/stufe-accumulo/
Sezioni interne (anchor links):
/stufe-accumulo/#come-funzionano
/stufe-accumulo/#vantaggi
/stufe-accumulo/#manutenzione
/stufe-accumulo/#contatti
URL completi (se i relativi non funzionano):
https://www.caminservice.com/stufe-accumulo/
https://www.caminservice.com/stufe-accumulo/#come-funzionano
https://www.caminservice.com/stufe-accumulo/#vantaggi
https://www.caminservice.com/stufe-accumulo/#manutenzione
https://www.caminservice.com/stufe-accumulo/#contatti
📝 Testi Suggeriti per il Menu
Opzione 1 (Semplice):
"Stufe ad Accumulo"
"Stufe ad Accumulo"
Opzione 2 (Descrittivo):
"Stufe ad Accumulo - Calore Duraturo"
"Stufe ad Accumulo - Calore Duraturo"
Opzione 3 (Con Call-to-Action):
"Scopri le Stufe ad Accumulo"
"Scopri le Stufe ad Accumulo"
Opzione 4 (Completo):
"Stufe ad Accumulo - Efficienza Energetica"
"Stufe ad Accumulo - Efficienza Energetica"
🎨 Colori Brand Camin Service
Colore Primario (Arancione):
#E67E22
rgb(230, 126, 34)
oklch(0.35 0.15 25)
Colore Secondario (Grigio Scuro):
#2C2C2C
rgb(44, 44, 44)
oklch(0.15 0.01 0)
Colore Accento (Grigio Chiaro):
#F0F0F0
rgb(240, 240, 240)
oklch(0.92 0.001 0)
Colore Sfondo (Bianco):
#FFFFFF
rgb(255, 255, 255)
oklch(1 0 0)
🔧 Troubleshooting
Problema: Il link non funziona
Soluzione: Verifica che la cartella
Soluzione: Verifica che la cartella
stufe-accumulo sia stata caricata correttamente via FTP e che il file index.html sia presente al suo interno.
Problema: Il link non appare nel menu
Soluzione: Assicurati di aver salvato e pubblicato il sito con Website X5 Pro dopo aver aggiunto il link.
Soluzione: Assicurati di aver salvato e pubblicato il sito con Website X5 Pro dopo aver aggiunto il link.
Problema: Lo stile del link non corrisponde al menu
Soluzione: Usa i colori brand forniti sopra e adatta il CSS al tema del tuo sito Website X5.
Soluzione: Usa i colori brand forniti sopra e adatta il CSS al tema del tuo sito Website X5.
Problema: Le immagini non si caricano
Soluzione: Verifica che la cartella
Soluzione: Verifica che la cartella
images/ sia presente in /stufe-accumulo/images/ e che i file siano stati caricati completamente.
✅ Prossimi Passi
- Scegli uno dei metodi di integrazione sopra
- Inserisci il codice HTML nel tuo Website X5 Pro
- Verifica che il link funzioni correttamente
- Testa il sito su desktop, tablet e mobile
- Pubblica il sito con Website X5 Pro
- Verifica che il sito sia accessibile da
https://www.caminservice.com/stufe-accumulo/
💡 Consiglio: Usa il Metodo 1 (Link Semplice) per iniziare, poi puoi sempre migliorare l'aspetto con i metodi più avanzati.
Camin Service
Progettiamo e realizziamo
la tua stufa su misura