Italiano

Evolution Enterprise - i moduli del tema

 

Ogni tema di HubSpot ha dei moduli "standard" come il rich text, cta, image, ecc e poi ci sono dei moduli specifici creati appositamente per le pagine del tema. Di seguito puoi trovare un elenco dei moduli specifici che abbiamo creato per il nostro tema Evolution Enterprise.

Tips & Tricks!
hide_show_modulePer nascondere un modulo sia per il desktop che per il mobile, è sufficiente cliccare sul tab Contents (nella barra di sinistra in alto) e poi cliccare sopra l'icona dell'occhio in corrispondenza al modulo che si vuole nascondere

 

Accordion

Di solito utilizzato per le faq - e a questo proposito, è possibile inserire dati strutturati - è ancora possibile inserire qualsiasi contenuto come titolo e descrizione delle caratteristiche di un prodotto, per esempio.
Puoi vedere un esempio nella pagina prodotto in fondo alla pagina
accordion

Advanced carousel

Completamente rinnovato e più performante della versione nel tema "Evolution Professional".
Ha un sacco di impostazioni e può essere utilizzato in diverse modalità: con 1 o più slide visibili, si regola l'altezza delle immagini, formato galleria, con miniature per la paginazione o puoi cambiare la modalità di movimento da slide a fade o può diventare uno slider verticale... ah e puoi avere slide diverse per il layout desktop e il layout mobile
 
La homepage con slider ha un esempio di questo modulo
Advanced_slide_carousel

Anchor link

E' un semplice modulo per aggiungere in qualsiasi punto della pagina e in modo agevole un anchor link. Ad esempio, aggiungendo un anchor link subito sopra ad un form che si trova in fondo pagina, potrai "linkare" un pulsante posto, ad esempio, in alto nella pagina, il corrispondente anchor link

Background video HTML5

È il modulo che troviamo, per esempio, nella pagina about del tema. È possibile scegliere un video dal vostro file manager, aggiungere un colore di sfondo (overlay), aggiungere un contenuto testuale, una cta, ecc. e decidere l'allineamento del contenuto
video_html5

Blog posts carousel

E' il modulo che vedi qui a destra. Visualizza delle slide di un blog post scelto dai setting del modulo.

Boxes with icon ... or image

Sono pigro, lo ammetto, quindi ho pensato che avere più caselle per riga contemporaneamente potesse interessarmi. Quindi ecco qui, scegliete se avere immagine o icona, colori, testi, ecc.
Novità: dalla versione di questo tema è possibile inserire un link al box
Si può vedere in azione in molti template di pagina, come la pagina prodotto
Multiple_box_with_icon

Chessboard

È il modulo che abbiamo usato sulla homepage con sfondo video, subito dopo il video vedrete un'alternanza di testo, immagine o video.
Anche questo modulo è stato ampliato con la possibilità di aggiungere anche video, rispetto alla versione del tema "Evolution Professional"
Anche in questo modulo ci sono diverse semplici impostazioni per allineare il testo,  decidere l'altezza dei box, sia per desktop che per mobile, infine decidere l'ordine dei box per il mobile
chessboard

Custom button

Un pulsante è sempre necessario in una pagina; allora questo pulsante è in parte governato dalle impostazioni del tema, ma è possibile personalizzarlo ulteriormente come opportuno in una pagina qualsiasi e... più di una volta, se servisse
Custom_button

Event grid

E' un modulo per la gestione degli eventi, con una griglia di box "eventi" e con un intuitivo editor per inserire i vari eventi. Puoi vedere questo modulo in azione nella pagina eventi
events_grid

Last blog posts

È un modulo che visualizza gli ultimi 4 post del blog. Puoi vederlo in azione nella pagina homepage
last_blog_posts

Latest videos

È un modulo che visualizza un elenco di video, con la scelta di decidere quanti box per riga, del blog. Puoi vederlo in azione nella pagina homepage4
latest_videos

Logo carousel

È un modulo che visualizza un carousel di loghi. Lo puoi vedere in azione alla pagina prodotti
logo_carousel

Masonry gallery with lightbox

Una galleria che dispone le immagini in un collage di tipo masonry; qui si può scegliere dopo quante immagini inserirne una più grande per creare un effetto insolito. C'è l'effetto lightbox che apre l'immagine inserita in un comodo slider.
Potete vederlo in azione nella pagina case study
masonry_gallery

Parallax background image

Il suo uso più frequente è solo come banda cta di riferimento a un prodotto o servizio. Scegliete l'immagine di sfondo, qualsiasi sovrapposizione e il testo da inserire. Voilà è tutto
Puoi vederlo in azione nella pagina homepage background image
parallax_background

Popup Advertising

E' il modulo che ti ha "accolto" all'apertura della pagina
popup_adv

Pricing table

Anche qui tante semplici impostazioni: dall'impostazione del numero di box visibili per riga, ai colori... ah se hai bisogno di spazio per le descrizioni, diventa un capiente accordion. Puoi vederlo in azione nella pagina pricing page
Advanced_pricing_table

Product grid con modal

E' un modulo con una griglia di box "prodotti" con la possibilità di aggiungere una scheda prodotto da richiamare con un modal. Lo puoi vedere in azione nella pagina prodotti
products_grid

Resources

Questo modulo è stato creato per catalogare le risorse di un sito: ebook, infografiche, rapporti, ecc. È possibile scegliere l'immagine, il testo della descrizione, il link alla risorsa e anche il testo del pulsante... così come l'allineamento dei box. Il nodulo è provvisto anche di un filtro della tipologia di risorse più utilizzate.
La pagina resources ha questo modulo
resources_module

Statistic bar

Ricordare e contare sui tuoi successi è facile con questo modulo in cui scegli l'icona che rappresenta il tuo focus, scegli un titolo, i colori e il numero del tuo successo... e moltiplica per quante volte vuoi.
Un esempio lo puoi vedere nella pagina service page
Statistic_counter_bar

Tabs

E' un modulo versatile che ti permette di inserire un tab orizzontale o verticale. Nella pagina history trovi la versione orizzontale mentre qui a destra quella verticale

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Teacher card

Si tratta di un modulo creato per essere utilizzato nelle landing page che hanno come focus un ebook o un webinar.
Si tratta di inserire l'immagine e i dati dell'autore dell'ebook o del relatore di un webinar
La LP webinar usa questo modulo
teacher_card

Team member cards

Presentare i tuoi collaboratori è ormai diventato un must per tutti. Con questo modulo puoi inserire immagine, ruolo, email e social dei membri del team. Ah il modulo ha 3 versioni tra cui scegliere.
La pagina team usa, ovviamente, questo modulo
team_member_evolution

Testimonials

Un semplice modulo per inserire recensioni di testimonial
Testimonials  usa questo modulo
testimonials

Timeline

Un semplice modulo che, se utilizzato ad esempio per i webinar, visualizza data, ora e descrizione attività.
Un esempio lo puoi vedere qui nella versione con solo anno
timeline_v

Video carousel

E' un fantastico carousel di video, Youtube, Vimeo, HTML5
Un esempio lo puoi vedere nella home v.5
video_carousel


Questo che vedi è il modulo Popup Advertising e, come avrai capito, genera un popup che può contenere testo e altro.

Puoi cambiare forma e colori al box cliccando semplicemente sul tab styles del modulo

Puoi anche inserire una cta
Your CTA here