Website builder drag & drop¶
Puoi progettare il tuo sito web trascinando e rilasciando blocchi di costruzione, poi modificandoli per adattarli alle tue esigenze di contenuto e layout.
Aggiungere un blocco di costruzione¶
Per aggiungere un blocco a una pagina del sito web, accedi alla pagina, fai clic su Modifica, quindi trascina e rilascia il blocco di costruzione desiderato nella posizione appropriata. Sono disponibili due tipi di blocchi di costruzione: Categorie e Contenuto interno. I blocchi di costruzione Contenuto interno possono essere aggiunti solo all’interno dei blocchi di costruzione Categorie.
Quando si fa clic su un blocco di categoria, appare un popup che consente di selezionare tra più modelli per ciascuna categoria.
Suggerimento
Puoi anche cercare un blocco specifico nel popup Inserisci un blocco utilizzando la barra di ricerca.
Una volta posizionato il blocco categoria, puoi trascinare e rilasciare i blocchi Contenuto interno al suo interno. I blocchi Contenuto interno ti permettono di aggiungere elementi, come video, immagini, pulsanti dei social media, ecc., all’interno di blocchi categoria preesistenti.
Nota
L’accesso a determinati blocchi richiede l’installazione della rispettiva applicazione o modulo (ad es. E-commerce per il blocco Prodotti).
Example
Aggiungi tutti i tuoi account di social media in un unico posto con il blocco contenuto interno Social Media. Attiva o disattiva l’interruttore accanto alla piattaforma desiderata e copia/incolla l’URL del tuo account.
modulo¶
Il blocco Modulo viene utilizzato per raccogliere informazioni dai visitatori del sito web e creare record nel vostro database, se applicabile. Per aggiungere un modulo a una pagina del sito web, trascinate e rilasciate dalla categoria Contatti e moduli, quindi selezionate il Blocco modulo.
Azione¶
Per impostazione predefinita, quando il modulo viene inviato, viene inviata automaticamente un’email contenente le informazioni inserite dal visitatore. A seconda delle app installate sul database, potrebbero diventare disponibili azioni aggiuntive in grado di creare automaticamente record. Per scegliere un’azione diversa, fai clic su Modifica, fai clic sul modulo, vai alla scheda Personalizza e seleziona l”Azione desiderata:
Candidati per un lavoro (Assunzioni)
Crea un cliente (E-commerce)
Crea un ticket (Helpdesk)
Crea un’opportunità (CRM)
Iscriviti alla newsletter (E-mail marketing)
Crea un’attività (Progetti)
Per impostazione predefinita, l’invio del modulo reindirizza i visitatori a una pagina Grazie. Usa il campo URL per inviarli a una pagina diversa. In alternativa, puoi scegliere di non reindirizzare e mantenerli sulla pagina del modulo selezionando Niente o Mostra messaggio nel campo Al successo.
Campi¶
Per aggiungere un nuovo campo al modulo, vai alla scheda Personalizza e fai clic sul pulsante + Campo accanto alla sezione Modulo o Campo. Per modificare il nuovo campo (o qualsiasi altro) del modulo, seleziona il campo, quindi utilizza le opzioni disponibili nella sezione Campo della scheda Personalizza. Ad esempio, puoi:
Modifica il campo Tipo.
Suggerimento
È anche possibile selezionare un Campo esistente dal database e utilizzare i dati che contiene. I campi disponibili dipendono dall’azione selezionata. Possono essere utilizzati anche i campi proprietà aggiunti al database.
Alcuni campi sono visivamente simili, ma i dati inseriti devono seguire un formato specifico.
Modifica l”Etichetta del campo e adatta la sua Posizione.
Abilita una Descrizione del campo. Fai clic sulla descrizione predefinita nel modulo per modificarla.
Aggiungi un Segnaposto o un Valore predefinito.
Specifica se il campo è Obbligatorio.
Modifica le impostazioni di visibilità del campo.
Aggiungi un”animazione.
Una volta apportate le modifiche desiderate, fai clic su Salva.
Aggiungere un modulo di contatto Odoo su un sito web non-Odoo¶
Puoi visualizzare un modulo di contatto Odoo su un altro sito web utilizzando un iframe. Per farlo, segui questi passaggi:
Preparare il modulo Odoo: crea un modulo di contatto su una pagina in Odoo Sito web e rimuovi il design dell’intestazione e il design del piè di pagina. Assicurati che sulla pagina rimanga solo il modulo di contatto.
Generare un codice incorporabile: copia l’URL della pagina del modulo Odoo e incollalo in un generatore di iframe, come La Digitale.dev o iFrame Generator. Regola larghezza e altezza per una visualizzazione corretta.
Aggiungere il codice incorporato al sito web non-Odoo: apri l’HTML della pagina pertinente (nell’editor di codice o nel CMS) e inserisci il codice incorporato nel punto in cui deve essere visualizzato il modulo.
Example
Esempio di codice incorporato:
<iframe src="https://example.com/odoo-form"
style="border:0;"
name="odooForm"
scrolling="no"
frameborder="0"
marginheight="0"
marginwidth="0"
height="400px"
width="600px"
allowfullscreen>
</iframe>
Incorpora codice¶
Il codice di incorporamento consente di integrare contenuti da servizi di terze parti in una pagina, come video da YouTube, mappe da Google Maps, post dai social media da Instagram, ecc.
Dopo aver aggiunto il blocco a una pagina, fai clic sul blocco, quindi vai alla scheda Personalizza e fai clic su Modifica. Sostituisci il codice segnaposto con il tuo codice di incorporamento personalizzato.
Avvertimento
Non copiare/incollare codice che non capisci, poiché potrebbe mettere a rischio i tuoi dati.
Sposta, cambia o elimina un building block¶
Trascina i bordi turchesi sul blocco per ridurre o aumentare lo spazio nella parte superiore o inferiore.
Cambia l’ordine dei blocchi facendo clic su (freccia su) o (freccia giù) e sposta il blocco sulla pagina facendo clic su (frecce). Quando hai più colonne, sposta una colonna a sinistra o a destra facendo clic su (freccia sinistra) o (freccia destra).
Per eliminare un blocco, fai clic su (cestino).
Suggerimento
Cambia rapidamente la categoria del blocco facendo clic su (scambia).
Modifica un blocco di costruzione¶
Per modificare il contenuto di un building block, fai clic su di esso e vai alla scheda Personalizza. Le opzioni di personalizzazione disponibili variano a seconda del tipo di blocco selezionato.
Vedi anche
Sfondo¶
Per modificare lo sfondo di un building block, seleziona il blocco, vai alla scheda Personalizza e fai clic sul punto colorato o su un’altra opzione Sfondo. Puoi cambiare il colore e/o aggiungere un’immagine, video e/o forma. Una volta selezionata una forma, appaiono nuovi campi per consentirti di personalizzare la forma.
Suggerimento
Posiziona un elemento (immagine, testo, ecc.) dietro o davanti a un altro utilizzando le icone Porta in secondo piano o Porta in primo piano.
Per ridimensionare un blocco, fai clic e trascina i punti attorno ai suoi bordi per regolarlo secondo necessità.
Vedi anche
Layout: griglia e colonne¶
Per la maggior parte dei building block, puoi scegliere tra due stili di layout: griglia o colonne (cols). Per cambiare lo stile di layout predefinito, fai clic sul blocco, vai alla scheda Personalizza e imposta il campo Layout su Griglia o Colonne.
Griglia¶
Il layout Griglia consente di riposizionare e ridimensionare elementi, come immagini o testo, trascinandoli e rilasciandoli. Quando Griglia è selezionato, sono disponibili opzioni aggiuntive per Aggiungere elementi cliccando su Immagine, Testo o Pulsante.
Colonne¶
La scelta del layout Colonne consente di determinare il numero di elementi per riga all’interno del blocco. Per farlo, seleziona il blocco da modificare, fai clic sul menu a discesa accanto al campo Colonne e regola il numero. Puoi quindi modificare le impostazioni di una colonna specifica utilizzando le opzioni nella sezione Colonna della scheda Personalizza.
Nota
Per impostazione predefinita, sui dispositivi mobili, è visibile solo un elemento (colonna) per riga per garantire che il contenuto rimanga facilmente leggibile e accessibile su schermi più piccoli. Per modificare il valore, cliccare su (icona mobile) nella parte superiore dell’editor del sito web e adattare il numero di colonne. Le forme sono nascoste per impostazione predefinita sui dispositivi mobili.
Duplicare un blocco di costruzione¶
Per duplicare un blocco di costruzione, fare clic sull’icona (duplica) nella parte superiore della scheda Personalizza. Una volta duplicato, il nuovo blocco appare sulla pagina sotto quello originale.
Salvare un blocco di costruzione personalizzato¶
È possibile salvare un blocco di costruzione personalizzato per riutilizzarlo altrove. Per farlo, selezionarlo, passare alla scheda Personalizza e fare clic sull’icona (dischetto). Fare clic sul pulsante Salva e ricarica nel popup per confermare il salvataggio del blocco personalizzato.
Per aggiungere un blocco di costruzione salvato alla pagina, accedere alla scheda Blocchi e trascinare il blocco Personalizzato dalla sezione Categorie. Nel popup che si apre, cliccare sul blocco desiderato nella categoria Personalizzato.
Suggerimento
Nel popup Inserire un blocco, cliccare su (modifica) per rinominare il blocco personalizzato o su (elimina) per eliminarlo.
Creare un collegamento di ancoraggio¶
I collegamenti di ancoraggio sono collegamenti ipertestuali che indirizzano gli utenti a una sezione specifica di una pagina. Per creare un collegamento di ancoraggio per un blocco, seguire questi passaggi:
Cliccare su Modifica e selezionare il blocco a cui si desidera collegare.
Fare clic su (link) nella parte superiore della scheda Personalizza.
Per modificare il nome di ancoraggio predefinito, cliccare su Modifica nel messaggio popup verde che si apre.
Sostituire il nome dell’ancoraggio e cliccare su Salva e copia.
Una volta salvato l’ancoraggio, è possibile collegarlo da qualsiasi punto del sito web.