Un nuovo documento Sparkle inizia con una pagina vuota nella quale è possibile aggiungere gli elementi alla tua pagina.

Il modo più diretto per aggiungere elementi all’area di lavoro è tramite i corrispondenti pulsanti della barra degli strumenti, o aprendo il popup "Aggiungi". Puoi usare la personalizzazione di sistema delle toolbar per aggiungere o eliminare i diversi elementi dalla toolbar.

‍ Ogni tipo di contenuto è spiegato più dettagliatamente in seguito in questa documentazione:

• Testo  - aggiunge un blocco di testo
• Mappa  - aggiunge una mappa di Google
• Video  - aggiunge un elemento video
• Immagine  - aggiunge un'immagine
• Galleria  - aggiunge una galleria di immagini
• Audio  - aggiunge un elemento audio
• Animazione Lottie  — aggiunge una animazione
• Blog Tag  — aggiunge tag di blog ad una pagina del blog
• Riquadro  - aggiunge un riquadro decorativo
• Riquadro largo  - aggiunge un riquadro, preimpostato per essere largo quanto la finestra del browser
• Popup  — aggiunge un popup
• Blocchi di layout  — aggiunge un blocco di layout
• Menu  - aggiunge un menu
• Pulsante, inserimento di testo, casella di spunta, pulsante di opzione, selezione a tendina e file allegato — aggiunge elementi di un modulo o pulsanti di azione (vedi pulsanti  e moduli )
• Modulo di login — aggiunge un modulo di login per accesso a contenuto protetto da password 
• Pagamento  — aggiunge un pulsante di pagamento o carrello
• Prenotazione proprietà  — aggiunge un widget di prenotazione proprietà
• Calendario  — aggiunge un widget calendario
• Unità pubblicitaria  — aggiunge una pubblicità
• Prenotazione tavolo  — aggiunge un widget di prenotazione tavolo
• Elemento Twitter - aggiunge un tweet, una timeline di Twitter o un link ad un profilo Twitter
• Elemento Facebook - aggiunge i pulsanti di Facebook (mi piace, condividi, ecc.) o un link a un profilo Facebook
• Incorpora  - aggiunge codice fornito da un sito web di terze parti
• Posizione di scorrimento  — aggiunge una posizione di scorrimento alla pagina, dove il browser può scorrere tramite una azione al clic
• Ricerca sul sito  — aggiunge un riquadro di ricerca e una pagina di risultati di ricerca

Dettagli sulla posizione di un elemento, la dimensione e la sovrapposizione possono essere trovati nella pagina di documentazione del pannello Disposizione.

Oltre al posizionamento a mano libera tramite trascinamento o impostazioni, l’area di lavoro di Sparkle presenta una griglia di layout, a cui gli elementi si attaccano magneticamente.

Le impostazioni della griglia possono essere modificate utilizzando il pulsante Griglia sulla barra degli strumenti. Sparkle ha come valore predefinito una griglia a 12 colonne.

Un'alternativa all’agganciamento alla griglia sono le guide automatiche basate sui bordi degli elementi. Ad esempio, qui la parte superiore del testo si allinea alla parte inferiore dell'immagine:

Sebbene l’utilizzo dell’aggancio magnetico ti aiuti a costruire un layout ordinato, è possibile evitare momentaneamente l'aggancio tenendo premuto il tasto CTRL mentre si trascina l'elemento.

Se si desidera posizionare un elemento più in basso o più in alto nella pagina, in un'area attualmente non visibile, è possibile trascinarlo vicino al bordo dell’area di lavoro e la pagina scorrerà automaticamente.