Laundry ERP
Costruttore Sito

Blocchi di Costruzione

Blocchi di costruzione per il website builder di Laundry ERP

Blocchi di Costruzione

Puoi progettare il tuo sito web trascinando e rilasciando i blocchi di costruzione, quindi modificandoli per adattarli alle tue esigenze di contenuto e layout.

Guarda il tutorial: Progetta il tuo sito web: testo e colori

Aggiungere un Blocco di Costruzione {#add}

Per aggiungere un blocco a una pagina del sito web, accedi alla pagina, clicca Modifica, quindi trascina e rilascia il blocco di costruzione desiderato nella posizione appropriata. Sono disponibili due tipi di blocchi: Categorie e Contenuto Interno. I blocchi Contenuto Interno possono essere aggiunti solo all'interno dei blocchi Categorie.

Quando clicchi su un blocco categoria, appare un popup che ti permette di selezionare tra più modelli per ogni categoria.

Suggerimento: Cerca 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 social media, ecc., nei blocchi categoria preesistenti.

Note:
  • Puoi anche aggiungere un blocco di costruzione nella pagina di login. Per farlo, vai alla homepage del sito web, aggiungi /web/login all'URL e premi Invio.
  • L'accesso a determinati blocchi richiede l'installazione della rispettiva applicazione o modulo (es. eCommerce per il blocco Prodotti). ::
Esempio: Aggiungi tutti i tuoi account social media in un unico posto con il blocco di contenuto interno Social Media. Attiva o disattiva l'interruttore accanto alla piattaforma desiderata e copia/incolla l'URL del tuo account.

Form {#form}

Il blocco Form viene utilizzato per raccogliere informazioni dai visitatori del sito web e, se applicabile, creare record nel tuo database. Per aggiungere un form a una pagina del sito web, trascina e rilascia il blocco categoria Contatti e Form, quindi seleziona un blocco nel popup.

Azione {#action}

Per impostazione predefinita, quando il form viene inviato, viene automaticamente inviata un'email contenente le informazioni inserite dal visitatore. A seconda delle app installate nel tuo database, potrebbero diventare disponibili azioni aggiuntive che possono creare automaticamente record. Per scegliere un'azione diversa, clicca Modifica, clicca il form, vai alla scheda Stile e seleziona l'Azione desiderata:
  • Candidati per un Lavoro (Recruitment)
  • Crea un Cliente (eCommerce)
  • Crea un Ticket (Helpdesk)
  • Crea un'Opportunità (CRM)
  • Iscriviti alla Newsletter (Email Marketing)
  • Crea un Task (Progetto)
  • Altri modelli: per generare altri tipi di record
Per impostazione predefinita, l'invio del form 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 form selezionando Niente o Mostra Messaggio nel campo Al Successo.

Campi

Per aggiungere un nuovo campo al form, vai alla scheda Stile e clicca il pulsante + Campo accanto alla sezione Form o Campo. Per modificare qualsiasi campo del form, seleziona il campo, quindi usa le opzioni disponibili nella sezione Campo della scheda Stile. Ad esempio, puoi:
  • Cambiare il Tipo di campo.
È 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.

summary: "Clicca qui per visualizzare tutti i tipi di campo"

Alcuni campi sono visivamente simili, ma i dati inseriti devono seguire un formato specifico.

  • Modificare l'Etichetta del campo e adattare la sua Posizione.
  • Abilitare una Descrizione del campo. Attiva l'interruttore e clicca la descrizione predefinita sul form per modificarla.
  • Aggiungere un Segnaposto o Valore predefinito.
  • Specificare se il campo è Obbligatorio.
  • Modificare le impostazioni di visibilità del campo.
  • Aggiungere un'animazione.
Una volta apportate le modifiche desiderate, clicca Salva.

Aggiungere un Form di Contatto Laundry ERP su un Sito Web Non-Laundry ERP

Puoi visualizzare un form di contatto Laundry ERP su un altro sito web utilizzando un iframe. Per farlo, segui questi passaggi:
  1. Prepara il form Laundry ERP: Crea un form di contatto su una pagina in Laundry ERP Website e rimuovi il design dell'intestazione e del piè di pagina. Assicurati che solo il form di contatto rimanga sulla pagina.
  2. Genera un codice incorporabile: Copia l'URL della pagina del form Laundry ERP e incollalo in un generatore di iframe, come La Digitale.dev o iFrame Generator. Regola larghezza e altezza per una visualizzazione corretta.
  3. Aggiungi il codice incorporato al sito web non-Laundry ERP: Apri l'HTML della pagina pertinente (nell'editor di codice o CMS) e inserisci il codice incorporato dove deve essere visualizzato il form.
Esempio di codice incorporato:
<iframe
  src="https://example.com/laundry-erp-form"
  style="border:0;"
  name="laundryErpForm"
  scrolling="no"
  frameborder="0"
  marginheight="0"
  marginwidth="0"
  height="400px"
  width="600px"
  allowfullscreen
>
</iframe>

Codice Incorporato {#embed_code}

L'incorporazione di codice ti permette di integrare contenuti da servizi di terze parti in una pagina, come video da YouTube, mappe da Google Maps, post social media da Instagram, ecc.Dopo aver trascinato e rilasciato il blocco Codice Incorporato dalla sezione Contenuto Interno in una pagina, clicca il blocco, vai alla scheda Stile e clicca Modifica. Sostituisci il codice segnaposto con il tuo codice incorporato personalizzato.
Attenzione: Non copiare/incollare codice che non comprendi, poiché potrebbe mettere a rischio i tuoi dati.

Spostare, Scambiare, Duplicare o Eliminare un Blocco di Costruzione {#move_switch_delete}

Tira i bordi turchesi sul blocco per ridurre o aumentare lo spazio nella parte superiore o inferiore di esso.Cambia l'ordine del blocco cliccando l'icona chevron su o chevron giù e sposta il blocco sulla pagina cliccando l'icona frecce. Quando hai più colonne, sposta una colonna a sinistra o a destra cliccando chevron sinistra o chevron destra.Per duplicare un blocco di costruzione, clicca l'icona duplica. Una volta duplicato, il nuovo blocco appare sulla pagina sotto quello originale.
In alternativa, clicca l'icona duplica nella parte superiore della scheda Stile per duplicare il blocco selezionato.
Per eliminare un blocco, clicca l'icona cestino.

Modificare un Blocco di Costruzione {#edit}

Per modificare il contenuto di un blocco di costruzione, cliccalo e vai alla scheda Stile. Le opzioni di personalizzazione disponibili variano a seconda del tipo di blocco selezionato.
Vedi anche:

Sfondo

Per modificare lo sfondo di un blocco di costruzione, seleziona il blocco, vai alla scheda Stile e clicca il punto colore o un'altra opzione Sfondo. Puoi cambiare il colore e/o aggiungere un'immagine, un video e/o una forma. Una volta selezionata una forma, appaiono nuovi campi per permetterti di personalizzare la forma.
Suggerimenti:
  • Posiziona un elemento (immagine, testo, ecc.) dietro o davanti a un altro utilizzando le icone Invia dietro o Porta davanti.
  • Per ridimensionare un blocco, clicca e trascina i punti intorno ai suoi bordi per regolarlo secondo necessità.
    ::
Vedi anche: Tema generale

Layout: Griglia e Colonne

Per la maggior parte dei blocchi di costruzione, puoi scegliere tra due stili di layout: griglia o colonne (cols). Per cambiare lo stile di layout predefinito, clicca il blocco, vai alla scheda Stile e imposta il campo Layout su Griglia o Cols.

Griglia {#grid}

Il layout Griglia ti permette di riposizionare e ridimensionare elementi, come immagini o testo, trascinandoli e rilasciandoli. Quando è selezionata la Griglia, sono disponibili opzioni aggiuntive per Aggiungere Elementi cliccando Immagine, Testo o Pulsante.

Cols {#cols}

Scegliere il layout Cols ti permette di determinare il numero di elementi per riga all'interno del blocco. Per farlo, seleziona il blocco da modificare, clicca il menu a tendina accanto al campo Cols e regola il numero. Puoi quindi modificare le impostazioni di una colonna specifica utilizzando le opzioni nella sezione Colonna della scheda Stile.
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 regolare il valore, clicca l'icona mobile nella parte superiore dell'editor del sito web e adatta il numero di colonne. Le forme sono nascoste per impostazione predefinita sui dispositivi mobili.

Salvare un Blocco di Costruzione Personalizzato {#custom}

Puoi salvare un blocco di costruzione personalizzato per riutilizzarlo altrove. Per farlo, selezionalo, vai alla scheda Stile e clicca l'icona disco floppy. Clicca il pulsante Salva nel popup per confermare il salvataggio del tuo blocco personalizzato.Per aggiungere un blocco di costruzione salvato alla pagina, vai alla scheda Blocchi e trascina e rilascia il blocco Personalizzato dalla sezione Categorie. Nel popup che si apre, clicca il blocco desiderato nella categoria Personalizzato.
Nel popup Inserisci un blocco, clicca l'icona modifica per rinominare il blocco personalizzato o l'icona elimina per eliminarlo.

Creare un Link Ancora {#anchor}

I link ancora sono collegamenti ipertestuali che indirizzano gli utenti a una sezione specifica di una pagina. Per creare un link ancora per un blocco, segui questi passaggi:
  1. Clicca Modifica e seleziona il blocco a cui vuoi collegare.
  2. Clicca l'icona link nella parte superiore della scheda Stile.
  3. Per modificare il nome ancora predefinito, clicca Modifica nel messaggio popup verde che si apre.
  4. Sostituisci il nome ancora e clicca Salva e copia.
Una volta salvata l'ancora, puoi collegarti ad essa da qualsiasi punto del tuo sito web.

Sito Web

Progettazione, struttura e configurazione del sito web aziendale in Laundry ERP, inclusi temi, pagine, SEO e reportistica.

Elementi

Elementi di web design per il website builder di Laundry ERP