Utilizza i widget di base per costruire le fondamenta del tuo sito. Questi strumenti ti consentono di aggiungere elementi essenziali come testo, pulsanti e strumenti di navigazione per aiutare i visitatori a trovare informazioni e a compiere azioni.
Utilizza il widget Testo o Titolo per creare titoli, condividere informazioni e presentare il tuo sito ai visitatori. Sono disponibili tre widget di testo: Testo, Titolo grande (H1) e Titolo piccolo (H3).
Fai clic sul widget per aprire la barra in linea e formattare il testo come segue:
- Utilizza l' assistente AI per generare o modificare contenuti.
- Applica al testo un tipo di carattere e degli stili di carattere, come grassetto, corsivo o sottolineato.
- Aggiungi o modifica i collegamenti ipertestuali.
- Crea elenchi numerati o puntati.
- Connessione dati.
In alternativa, assegna stili speciali nel tema del sito per gestire il design a livello globale.
Incentiva l'azione dei visitatori aggiungendo pulsanti. I link possono condurre a pagine, articoli del negozio, popup, link di ancoraggio o file scaricabili.
Fai clic sul widget e seleziona la scheda Contenuto per eseguire le seguenti azioni:
- Nella sezione "Testo sul pulsante", inserisci il testo appropriato per il pulsante.
- Seleziona la destinazione del collegamento.
- Utilizza lo strumento "Verifica dei collegamenti" per garantire che il pulsante rimandi alla posizione prevista.
Fai clic sul widget e seleziona la scheda Progettazione.
Nota:
Le modifiche apportate nell'editor di design sovrascrivono gli stili impostati a livello del pulsante del tema. Per ripristinare lo stile del pulsante del tema, fare clic su Ripristina stile tema.
- Scegli tra lo stile del tema primario o secondario e personalizzalo di conseguenza.
-
Attiva l'opzione "Floating" per mantenere il pulsante visibile anche quando i visitatori scorrono lo schermo.
Utilizza i pulsanti flottanti per mantenere le call to action più importanti fisse, visibili e cliccabili su tutte le pagine del sito. Esempi di utilizzo ideali includono:
- Contattaci
- Iscriviti
- Richiedi un preventivo
Attiva la visualizzazione su questa pagina solo se necessario.
- Sui dispositivi mobili, consigliamo di posizionare il pulsante mobile nell'angolo inferiore dello schermo, in modo che i visitatori possano cliccarlo facilmente con una sola mano.
- Su dispositivi mobili è possibile visualizzare un'icona anziché del testo scegliendo il layout che prevede l'utilizzo di icone.
- Se un pulsante mobile non viene visualizzato sui dispositivi mobili, è possibile che si stia utilizzando un layout mobile obsoleto. Per aggiornare il layout, accedere all'Editor di progettazione e fare clic su Layout del sito.
Utilizza il widget Spacer per creare un layout professionale e organizzato e migliorare la leggibilità aggiungendo spazio vuoto verticale tra i widget.
Fai clic sul widget per modificarne l'altezza.
Metti a disposizione volantini, ebook o documenti da scaricare. I visitatori del sito potranno condividere i link per il download tramite altri canali, come e-mail e social media.
Prima di iniziare
- Non è possibile caricare file nella cartella principale.
- I file caricati sono pubblici. Carica solo file di tua proprietà o per i quali hai l'autorizzazione all'uso. Non condividere dati riservati.
- I formati supportati includono
.pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar - È possibile aggiungere fino a 15.000 file per sito. Il limite di dimensione dei file è di 200 MB.
- Gli spazi nei nomi dei file non sono supportati.
- Fai clic sul widget e seleziona la scheda Contenuto .
- Nella sezione "Testo sul pulsante", inserisci il testo del pulsante nel campo apposito.
- Fai clic su + File per aggiungere un file.
-
Per aggiungere nuovi file, fai clic su + Carica file .
Trascina i file oppure fai clic su "Scegli file" per aggiungere file o cartelle. I file possono essere scaricati anche da Dropbox, Google Drive, tramite un link o da Gmail. È possibile aggiungere più file da caricare contemporaneamente.
- Seleziona i file desiderati e fai clic su Carica . Riceverai una notifica al termine del caricamento.
- Seleziona il file pertinente.
- Facoltativo: seleziona la casella "Non indicizzare il file" per impedire ai motori di ricerca di visualizzare il file nei risultati di ricerca.
- Fai clic su Fine .
Il widget Tabella sincronizza i dati da fonti interne o esterne come Fogli Google e Airtable, consentendoti di gestire i contenuti anche al di fuori dell'editor. Collega automaticamente le righe a qualsiasi pagina dinamica esistente nella stessa raccolta per una navigazione semplificata.
Le tabelle collegate supportano i seguenti tipi di campo:
- Testo formattato
- Testo semplice
- Immagine
- Collegamento
- Numero
- Data e ora
- Selezione multipla
- Telefono
Collega il widget tabella a una raccolta
- Fai clic con il pulsante destro del mouse sul widget Tabella e seleziona Connetti ai dati .
- Nella scheda "Connetti", seleziona una raccolta dal menu a discesa.
- Seleziona i campi desiderati tra le opzioni "Campi da visualizzare" . Le colonne verranno ordinate nello stesso ordine in cui sono state selezionate.
- Fai clic su Connetti .
- Una connessione dati riuscita è contrassegnata con
quando passi il mouse sopra il widget Tabella.
Elenco degli ingredienti
Listino prezzi
Elenco delle località
Elenco dei gusti
Organizza le informazioni utilizzando layout di elenco preformattati.
Per elenchi più complessi, si consiglia di utilizzare il widget del menu Ristorante.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Scegli di includere un elemento Immagine e un elemento Link associato a ciascun elemento della tua lista.
- Fai clic su Crea la tua lista per aggiungere contenuti.
- Fai clic su un elemento dell'elenco per aprire le "impostazioni elenco". Hai le seguenti opzioni:
- Fai clic su + Immagine per aggiungere un'immagine.
- In "Etichetta articolo", inserisci il testo dell'etichetta desiderato. Per nascondere l'etichetta, fai clic
. - Nella sezione "Descrizione", inserisci il testo della descrizione richiesto. Per nascondere la descrizione, fai clic su .
- Fai clic su Aggiungi collegamento per selezionare il tipo di collegamento che desideri aggiungere all'elemento.
- In "Testo del link", inserisci il testo del link desiderato. Per nascondere il testo del link, fai clic su .
- Fai clic su + Aggiungi elemento per aggiungere altri elementi all'elenco.
- Nella sezione "Titolo dell'elenco principale", inserisci il titolo dell'elenco nell'apposito campo.
- Trascina un elemento per riordinarlo.
Fai clic sul widget e seleziona la scheda Progettazione per personalizzarne lo stile, inclusi il layout, gli stili dei caratteri, i bordi arrotondati delle immagini e gli stili dei divisori.
Utilizza il widget Colonna per organizzare e disporre il contenuto all'interno di una riga.
Quando si seleziona un layout a colonne, viene creata automaticamente una riga orizzontale per contenere il contenuto della colonna verticale.
Importante:
Prima di modificare le colonne, crea una copia di backup del tuo sito per garantire di poter ripristinare una versione precedente, se necessario.
- Fai clic con il pulsante destro del mouse sul widget per aprire il menu dell'editor di colonne.
- Se la colonna non ha spaziatura interna, fai clic con il pulsante destro del mouse sul widget all'interno della colonna
- Fai clic su Seleziona contenitore .
- Seleziona la colonna.
- Verificare che l'intestazione del menu visualizzi "Colonna".
- Modificare ciascuna colonna singolarmente come segue:
-
Posizione
Per modificare la posizione della colonna, fai clic sulle frecce a destra o a sinistra.
Le frecce sono disabilitate se la riga contiene una sola colonna.
-
Aggiungi
Fai clic su + Aggiungi e seleziona una delle seguenti opzioni:
- Colonna . Aggiunge una nuova colonna alla riga corrente. È possibile aggiungere un massimo di 4 colonne per riga.
- Riga interna. Aggiunge una riga all'interno della colonna corrente.
- Widget Di seguito . Aggiungi un nuovo widget direttamente sotto quello corrente. Puoi scegliere tra i seguenti: Testo, Immagine, Pulsante, Icona, oppure seleziona Altri widget per aprire la libreria completa dei widget.
-
Imbottitura
Per rimuovere lo spazio interno, fai clic su Cancella spaziatura
-
Ripristina
Per ripristinare le impostazioni del tema, fai clic su Ripristina spaziatura predefinita.
-
Animazione
Fai clic su Animazione e seleziona uno stile di animazione, ad esempio dissolvenza o zoom, da applicare alla colonna.
-
Nascondere
Per nascondere la colonna nelle visualizzazioni desktop, tablet o mobile, fai clic su Nascondi da e seleziona l'opzione desiderata.
-
Copia
Per copiare la colonna, fai clic su Copia .
- Ancorare
- Per ancorare la colonna alla pagina, fai clic su "Imposta come ancoraggio" e inserisci un nome. Seleziona la casella per aggiungere l'ancoraggio alla navigazione del tuo sito.
- Per modificare il nome di un'ancora esistente, fai clic su Modifica ancora . Inserisci il nome e fai clic su Aggiorna .
- Per eliminare un ancoraggio esistente, fai clic su Modifica ancoraggio . Fai clic su Elimina ancoraggio .
- Dati di connessione
- Per connettere i dati, fai clic su Connetti dati. Nella scheda "Connetti", seleziona l'opzione pertinente e fai clic su Connetti .
- Per modificare i dati connessi, fai clic su Connetti dati. Seleziona Cambia connessione. Apporta le modifiche necessarie e fai clic su Connetti .
- Per modificare i dati collegati, fai clic su Collega dati. Seleziona Modifica contenuto . Apporta le modifiche necessarie e fai clic su Salva .
-
- Per eliminare la colonna, selezionarla e fare clic su Elimina .
Per modificare lo stile di sfondo o la spaziatura di una colonna:
- Fai clic sul widget.
- Nell'editor di progettazione, scegli un tipo di sfondo:
- Colore :
- Seleziona un colore a tinta unita o una sfumatura. I colori sfumati sovrascrivono le immagini e viceversa.
- Personalizza il colore, lo spessore e il raggio del bordo.
- Attiva l'opzione Ombra e seleziona un colore, un tipo e una posizione.
- Immagine :
- Per aggiungere un'immagine allo sfondo, fai clic su + per aprire la finestra di selezione delle immagini.
- Seleziona l'immagine pertinente.
- Per creare uno slider di immagini di sfondo, seleziona più immagini dal selettore di immagini.
- Fai clic su Fine .
- Scegli la modalità di visualizzazione dell'immagine: Copertina, Immagine intera, Affiancata o Nessuna ripetizione.
- Configura la posizione, la sovrapposizione dello sfondo, il bordo e l'ombra dell'immagine.
- Per aggiungere un'immagine allo sfondo, fai clic su + per aprire la finestra di selezione delle immagini.
- Video :
- Fai clic su Seleziona video per selezionare un file caricato oppure incolla un URL da YouTube, Vimeo o Dailymotion.
- Per ulteriori informazioni sugli sfondi video, consultare la sezione Sfondi video .
- Colore :
Visualizza i dati in righe e colonne. Puoi digitare i dati direttamente, incollare una tabella esistente o caricare un file CSV.
Prima di iniziare
- Carica un file CSV esportato e copiato da Fogli Google o Excel (solo per lingue non RTL).
- Le tabelle possono contenere solo testo e link. Utilizza righe e colonne o i widget Elenco per creare una tabella con immagini, pulsanti o altri widget.
- L'editor di tabelle non è supportato nella versione 17 di Edge.
- La tabella può contenere fino a 30 righe e colonne.
- Quando connesso ai dati, il limite di righe corrisponde al limite del tipo di collezione :
Nella scheda Contenuto, digita direttamente nell'editor oppure fai clic su Carica un file CSV per aggiungere dati alla tabella.
Utilizza "Cancella tutto" per eliminare tutti i dati dalla tabella.
Fai clic sul widget e seleziona la scheda Progettazione per regolare i colori delle righe e la larghezza delle colonne.
Su dispositivi mobili, scegli tra le modalità di visualizzazione "Schiaccia" , "Scorri" o "Comprimi" .
Il widget Tabella sincronizza i dati da fonti interne o esterne come Fogli Google e Airtable, consentendoti di gestire i contenuti anche al di fuori dell'editor. Collega automaticamente le righe a qualsiasi pagina dinamica esistente nella stessa raccolta per una navigazione semplificata.
Le tabelle collegate supportano i seguenti tipi di campo:
- Testo formattato
- Testo semplice
- Immagine
- Collegamento
- Numero
- Data e ora
- Selezione multipla
- Telefono
Collega il widget tabella a una raccolta
- Fai clic con il pulsante destro del mouse sul widget Tabella e seleziona Connetti ai dati .
- Nella scheda "Connetti", seleziona una raccolta dal menu a discesa.
- Seleziona i campi desiderati tra le opzioni "Campi da visualizzare" . Le colonne verranno ordinate nello stesso ordine in cui sono state selezionate.
- Fai clic su Connetti .
- Una connessione dati riuscita è contrassegnata con quando passi il mouse sopra il widget Tabella.
Elenco degli ingredienti
Listino prezzi
Elenco delle località
Elenco dei gusti
Aiuta i visitatori a navigare nella gerarchia del tuo sito. I breadcrumb mostrano il percorso verso la pagina corrente, migliorando sia l'esperienza utente che la SEO.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Attiva o disattiva gli elementi che desideri visualizzare nel percorso di navigazione. Hai a disposizione le seguenti opzioni:
- Pagina iniziale. Mostra sempre la pagina home nel percorso di navigazione.
- Pagina corrente. Mostra la pagina corrente nel percorso di navigazione.
- Nascondi il percorso di navigazione quando non è presente una pagina principale. Abilita il percorso di navigazione per tutte le pagine tranne la pagina iniziale o le pagine del primo livello di navigazione.
Fai clic sul widget e seleziona la scheda Design per personalizzare il carattere, quindi seleziona uno stile di separazione per dividere i nomi delle pagine.
Organizza i contenuti in sezioni espandibili, come le FAQ o le caratteristiche principali del prodotto. Questo riduce lo scorrimento e aiuta i visitatori a trovare rapidamente le informazioni.
Il widget Accordion può visualizzare pagine dinamiche , nonché informazioni specifiche sulla riscossione o sui prodotti, utilizzando il binding in linea .
- Fai clic sul widget e seleziona la scheda Contenuto .
- Aggiungi o modifica i campi:
- Elementi:
- Fai clic su un elemento per modificarne il contenuto.
- Per duplicare un elemento, fai clic
- Per aggiungere un nuovo elemento, fai clic su + Aggiungi elemento .
- Regole di visualizzazione:
- Attiva l'opzione " Mostra un elemento espanso alla volta" per consentire l'apertura di un solo elemento alla volta.
- Attiva l' opzione "Mostra espanso il primo elemento" per espandere il primo elemento dell'elenco.
- SEO: Attiva lo schema FAQ per consentire ai motori di ricerca di visualizzare in anteprima i tuoi contenuti.
- Elementi:
Fai clic sul widget e seleziona la scheda Progettazione per personalizzarne lo stile.
Utilizza i tag H3 per SEO e ottimizza la spaziatura per i dispositivi mobili.
Visualizza contenuti correlati, come servizi o piani, in sezioni compatte. I visitatori possono cliccare sulle diverse schede per visualizzare informazioni differenti senza dover abbandonare la pagina.
Nota:
È possibile avere un numero illimitato di schede, tuttavia, le etichette delle schede si riducono man mano che se ne aggiungono di nuove per fare spazio alle nuove schede.
- Fai clic sul widget e seleziona la scheda Contenuto .
- Fai clic su una scheda per modificarla. Puoi modificare l'immagine, il testo alternativo dell'immagine, l'etichetta della scheda, il tipo di intestazione dell'etichetta, il titolo, la descrizione, il pulsante e il collegamento del pulsante.
- Per aggiungere una nuova scheda, fai clic su + Aggiungi scheda .
- Per visualizzare l'immagine, attiva l'opzione "Mostra immagine" .
- Fai clic sul widget e seleziona la scheda Progettazione .
- Fai clic sulla miniatura del layout per selezionarne uno.
- Fai clic su Tutte le schede per personalizzare lo stile delle schede.
- Fai clic sulla scheda selezionata e passa il mouse sopra per personalizzare lo stile del testo e lo sfondo. Questa modifica non influisce sul design di "Tutte le schede".
- Applica uno stile aggiuntivo ai seguenti elementi:
- Stile descrizione
- Stile pulsante
- Stile dell'immagine
- Stile della cornice
Integra un widget di ricerca che permetta agli ospiti di selezionare le date del soggiorno. Una volta scelte le date desiderate, l'ospite verrà reindirizzato al tuo Booking Engine Guesty per scegliere una proprietà.
Il filtro di destinazione preleva automaticamente i dati dal campo "indirizzo città" dei tuoi annunci. Puoi personalizzare questi valori per visualizzare quartieri o regioni anziché città; tuttavia, ciò potrebbe influire sulla connessione con piattaforme come Airbnb, Booking.com e Vrbo a causa dei loro requisiti relativi agli indirizzi.
Di default, il widget Booking Engine è integrato nella tua homepage quando inizi a creare il tuo sito web Guesty.
- Fai clic sul widget e seleziona l'editor di contenuti.
- Opzionale: Seleziona la località delle proprietà che desideri visualizzare dal menu a tendina.
- Facoltativo: seleziona le date di check-in e check-out.
Fai clic sul widget e seleziona l'editor di progettazione per personalizzare il pulsante.
Aggiungi una dichiarazione di copyright che si aggiorni automaticamente all'anno corrente. Questo indica ai visitatori che il tuo sito è attivo e aggiornato.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Nella sezione "Descrizione" inserisci il testo della tua informativa legale nell'apposito campo.
-
Attiva l'opzione "Inverti icona/posizione anno" se necessario.
Il widget del copyright viene visualizzato su ogni pagina del tuo sito.
Fai clic sul widget e seleziona la scheda Progettazione per modificare il carattere, il colore e l'allineamento del testo.
Suggerimento:
Trascina il widget nella posizione desiderata. Il posizionamento standard è in fondo alla pagina.
Metti in evidenza proprietà specifiche in base a criteri come posizione o servizi. Utilizza questo widget sulle landing page per migliorare il tuo posizionamento nei risultati di ricerca di Google.
Aggiungi titoli accattivanti come "Appartamenti a bordo piscina ad Amsterdam" e offri opzioni di filtro e ordinamento per aiutare i visitatori a trovare la proprietà perfetta. Quando gli ospiti cercano online appartamenti a bordo piscina ad Amsterdam, è più probabile che raggiungano la tua pagina e prenotino tramite il tuo sito web. Crea tutte le landing page mirate di cui hai bisogno in modo che le tue proprietà siano facili da trovare.
Quando un visitatore clicca su una proprietà nel widget, viene reindirizzato al tuo Booking Engine Guesty per iniziare la prenotazione. Quando filtra o ordina i risultati, visualizzerà solo gli annunci che corrispondono alla sua selezione.
Per una landing page davvero efficace, combina i seguenti widget:
- Widget per la barra di ricerca Prenotazione : aggiungi una barra di ricerca in alto per consentire **agli** ospiti di avviare facilmente una prenotazione. Precompila la posizione e gli **altri** campi in base all'argomento della pagina (ad esempio, imposta la posizione su "Amsterdam" nella pagina degli appartamenti a bordo piscina).
- Widget "Proprietà in evidenza" : posizionalo sotto la barra di ricerca per mettere in risalto le tue migliori proprietà. Scopri come fare .
- Widget per i risultati di ricerca SEO : aggiungi il titolo principale (ad esempio "Appartamenti a bordo piscina ad Amsterdam") e visualizza l'elenco completo **degli** annunci con opzioni di ricerca e filtro.
Aggiungi il widget dei risultati di ricerca SEO a una landing page dedicata con un URL chiaro, oppure alla tua **homepage**. In alternativa, puoi aggiungere il widget dei risultati di ricerca SEO a qualsiasi pagina senza combinarlo con **un altro** widget. Ti basterà trascinare e rilasciare il widget dove preferisci.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Nella sezione "Proprietà da mostrare agli ospiti al loro primo accesso a questa pagina", seleziona la località desiderata dal menu a tendina.
- Nella sezione "Tag degli annunci (categorie)", seleziona i tag di categoria pertinenti.
- Seleziona il numero di camere da letto e bagni e inserisci la tariffa notturna dell'annuncio.
- Seleziona una delle seguenti opzioni di visualizzazione:
- Prezzo - dal più basso al più alto
- Dal nuovo al vecchio
- Dal vecchio al nuovo
- Nella sezione "Consenti agli ospiti di filtrare e ordinare", attiva le opzioni filtro desiderate:
- Abilita i filtri per gli ospiti
- Abilita l'ordinamento per gli ospiti
- Fai clic su Applica.
Fai clic sul widget e seleziona la scheda Progettazione per aggiungere animazioni e spaziatura al widget.
Seleziona "Mostra il pulsante 'vedi altro'" per consentire ai visitatori di visualizzare più proprietà.
Metti in evidenza gli annunci più performanti o di lusso utilizzando il widget Proprietà. È ideale per le landing page in cui desideri che specifiche proprietà risaltino. Puoi trascinare e rilasciare il widget in qualsiasi punto del tuo sito web o su una landing page dedicata.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Cerca e seleziona le proprietà che desideri mettere in evidenza.
- È possibile selezionare fino a 30 proprietà per ciascun widget.
- Lo stato dell'inserzione deve essere "Pubblicato".
- Fai clic su + Aggiungi filtro per affinare i risultati in base ai servizi offerti, alla tipologia di proprietà e/o alla posizione.
- Nella scheda "Selezionati" è possibile trascinare le proprietà per modificarne l'ordine di visualizzazione.
-
Fai clic su Salva.
Suggerimento:
È possibile aggiungere più widget di proprietà e impostare diversi gruppi di proprietà in evidenza da presentare su ciascuno di essi.
Aggiungi immagini con testo che va a capo. Il testo si adatta automaticamente all'immagine in base alla sua posizione.
Nota:
Fai clic con il pulsante destro del mouse e seleziona "Connetti ai dati" per utilizzare i contenuti dinamici.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Seleziona la posizione dell'immagine: sinistra o destra.
- Fai clic sulla miniatura dell'immagine per selezionarla.
- Per aggiungere un collegamento, fai clic su "Collega immagine" e seleziona la posizione desiderata per il collegamento.
- Nella sezione "Testo alternativo", inserire il testo richiesto se il campo lo prevede.
- Nella sezione "Paragrafo", inserisci il testo desiderato.
Fai clic sul widget e seleziona la scheda Progettazione per regolare le proprietà del carattere e dell'immagine.
Aggiungi un conto alla rovescia in tempo reale al tuo sito per aumentare il coinvolgimento e creare un senso di urgenza, evidenziando il tempo limitato rimanente per saldi, eventi e promozioni.
- Fai clic sul widget e seleziona la scheda Contenuto .
- Inserisci la data di fine del conto alla rovescia nell'apposito campo.
- Imposta l'ora di fine del conto alla rovescia nell'apposito campo. Inserisci un orario specifico, ad esempio le 23:45, se necessario.
- Seleziona un fuso orario dal menu a tendina.
- Nella sezione " messaggio di fine conto alla rovescia", inserisci il messaggio che apparirà al termine del conto alla rovescia.
- Seleziona Mostra il contatore a 0000 e il messaggio sottostante oppure Rimuovi il contatore e visualizza solo il messaggio .
- Sotto "Titolo" inserisci il testo richiesto per il conto alla rovescia nel campo apposito. Per nascondere il titolo, fai clic .
