markergroup32

facebook
instagram
linkedin
youtube
whatsapp

Per Assistenza

Contattaci

Scrivici 

MarkerGroup  P.IVA 03012530600

logogrande

SEGUICI ANCHE SU:


facebook
linkedin
youtube
instagram

Aggiungere Immagini alla Photogallery

progettosenzatitolo-2021-01-07t173123.187
logogrande

La Photogallery è lo strumento più indicato per mostrare le immagini dei tuoi lavori creativi, delle camere del tuo b&b, dei tuoi prodotti o dei tuoi servizi, e più in generale di qualsiasi elemento della tua attività. 

Potrai caricare sulla photogallery, decine di immagine, direttamente dalla cartella del tuo PC oppure dalla Gestione Immagine: per maggiori informazioni sul caricamento, potrai consultare la guida Aggiungere un'Immagine.

Cliccando su una delle anteprime mostrate nella photogallery, si aprirà l'immagine cliccata con le dimensioni originali: per questa ragione ti consigliamo di caricare le immagini con una buona risoluzione.
Da sapere: come per il componente Slideshow ti consigliamo di caricare immagini che abbiamo risoluzioni simili tra loro in modo da renderle tutte perfettamente visibili.

Evita di aggiungere nella stessa photogallery immagini con orientamento verticale e orizzontale perchè hanno risoluzioni molto diverse tra loro.

Clicca e Guarda il Tutorial

Aggiungere una immagine

progettosenzatitolo-2021-01-07t173123.187
logogrande

Clicca sul componente Immagine per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Aggiungi Foto. In questo modo potrai selezionare l’immagine direttamente dalla cartella del tuo PC.

L’immagine verrà ridimensionata e tagliata in base alle dimensioni che avrai assegnato al componente Immagine. Potrai scegliere la sezione dell’immagine da rendere visibile cliccando sulla foto e trascinandola in una direzione. Clicca fuori per salvare le modifiche.

Ricorda che potrai ritagliare l’immagine ogni volta che vorrai.

Per sostituire l’immagine clicca su Sostituisci.

Ogni volta che aggiungi una nuova immagine ad un componente, verrà aggiunta anche alla Gestione Immagine: potrai accedere al pannello, direttamente dalla barra di modifica dell'immagine  selezionando Gestione Immagine.

Ricorda che, se non hai ancora il materiale fotografico da  aggiungere al tuo sito web, potrai selezionare e     aggiungere le immagini dalla nostra Galleria.

Per aggiungere un'immagine, clicca su Gestione Immagine dalla barra di modifica del componente immagine e inizia la ricerca delle immagini per categoria.

Clicca e Guarda il Tutorial

Modificare le dimensioni nella Vetrina

progettosenzatitolo-2021-01-07t173123.187
logogrande

Clicca sull’App Vetrina per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Dimensioni Immagini.

Potrai modificare la dimensione della larghezza, l’altezza e il margine tra le immagini.

Immagine dalla barra di modifica del componente immagine e inizia la ricerca delle immagini per categoria.

Clicca e Guarda il Tutorial

Personalizzare Immagini

progettosenzatitolo-2021-01-07t173123.187
logogrande

Il componente Immagine può essere personalizzato con alcune funzionalità che sono disponibili cliccando sull'icona rotellina della sua barra di modifica. Oltre alla funzionalità Larghezza 100%, molto utile quando devi utilizzare l'immagine a schermo intero, per esempio come sfondo di una sezione della tua pagina, potrai attivare l'opzione Parallax, assegnare un Alt Tag, aggiungere un effetto hover (ovvero un effetto al passaggio del mouse) e un'ombra.

L'Alt Tag è uno strumento utilissimo per ottimizzare le immagini del tuo sito web in quanto descrive l’immagine e la funzione che l’immagine stessa ricopre all’interno della pagina. Google dà grande importanza all’Alt Tag perchè estrapola informazioni sull’immagine e sugli altri contenuti della pagina.

Per assegnare un Alt Tag, inserisci la parola chiave nel campo e clicca su salva. Ricorda che potrai assegnare un Alt Tag differente per ogni lingua del tuo sito web.​

Potrai selezionare tra diversi effetti Hover, visibili appunto          al passaggio del mouse sull'immagine.

      Quando selezioni un effetto dall'elenco a tendina, verrà              mostrata un'anteprima dell'effetto selezionato.

​      Per quanto riguarda l'Ombra, potrai selezionare il colore e        il posizionamento dell'ombra stessa.

Clicca e Guarda il Tutorial

Aggiungere le Slide

progettosenzatitolo-2021-01-07t173123.187
logogrande

Clicca sull’App Slider con Testo per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Gestione Slide. Clicca su Aggiungi e seleziona l’immagine da inserire.

Puoi inserire fino a tre righe di testo.

Clicca su Personalizzare testi per modificare il colore e l’allineamento del testo.​

Clicca su Salva.

Clicca e Guarda il Tutorial

Attivare Link su Slide

progettosenzatitolo-2021-01-07t173123.187
logogrande

Puoi linkare lo Slider con testo ad una pagina del tuo sito.

Clicca sull’icona rotellina e su Pagina di Destinazione. Seleziona la pagina che vuoi collegare allo Slider.

Puoi anche linkare le singole Slider. Accedi alla Gestione della Slide e seleziona la slide che vuoi linkare.

Clicca su attiva link all’immagine per impostare una pagina di destinazione della Slide: potrai attivare il link su tutte le slide oppure solo su quella corrente cliccando su Mostra Pulsante.

Aggiungi il testo del pulsante e il colore. Clicca su Salva.

Clicca e Guarda il Tutorial

Modificare  Slide

progettosenzatitolo-2021-01-07t173123.187
logogrande

Clicca sull’App Slider con Testo per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Gestione Slide.

Passa il mouse sulla slide presente e clicca su modifica.

Dopo aver effettuato le modifiche clicca su Salva

Clicca e Guarda il Tutorial

Personalizzare lo slider con Testo

progettosenzatitolo-2021-01-07t173123.187
logogrande

Clicca sull’App Slider con Testo per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Personalizzazione.

Puoi impostare la velocità di ingresso delle Slide;

modificare la dimensione del testo.

modificare la dimensione e la posizione delle frecce.

modificare la dimensione e la posizione delle impaginazione.

Dall’icona Stella puoi selezionare l’icona freccia per la transizione delle Slide.

Da Font puoi selezionare il carattere del testo.

Clicca e Guarda il Tutorial

Aggiungere un link alle Immagini

progettosenzatitolo-2021-01-07t173123.187
logogrande

Puoi aggiungere un link alle immagini che hai inserito nel tuo sito web.

Clicca sul componente Immagine per aprire la barra di modifica: clicca sulla barra e sull’icona catena.

Puoi collegare l’immagine ad una pagina esistente del tuo sito, oppure cliccando su Opzioni Avanzate, ad un link esterno oppure a un componente presente nella stessa pagina.​

Se decidi di collegare l'immagine ad un componente presente nella stessa pagina dovrai selezionare, dall'elenco, il componente da utilizzare come ancora del tuo link.

Ti consiglio di utilizzare la funzionalità Livelli per trovare subito il componente giusto

Clicca e Guarda il Tutorial

Crea una Vetrina di Immagini 

progettosenzatitolo-2021-01-07t173123.187
logogrande

Il componente Vetrina ti permette di aggiungere un link e un testo su ogni immagine inserita.

Clicca sull’App Vetrina per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona Aggiungi Foto. In questo modo potrai selezionare le immagini direttamente dalla cartella del tuo PC.

Clicca e Guarda il Tutorial

Ordinare Immagini nella Photogallery 

progettosenzatitolo-2021-01-07t173123.187
logogrande

Puoi modificare in qualsiasi momento, l'ordine delle immagini visualizzare nella tua photogallery.

Clicca due volte sull’App Photogallery: clicca e tieni premuto sull’immagine da spostare e trascinala per cambiare l’ordine delle Immagini.

Puoi anche selezionare un ordine alfabetico: clicca sull’icona rotellina e su Ordina Alfabeticamente

Clicca e Guarda il Tutorial

Aggiungere un testo alle immagini della vetrina

progettosenzatitolo-2021-01-07t173123.187
logogrande

Puoi modificare in qualsiasi momento, l'ordine delle immagini visualizzare nella tua photogallery.

Clicca due volte sull’App Photogallery: clicca e tieni premuto sull’immagine da spostare e trascinala per cambiare l’ordine delle Immagini.

Puoi anche selezionare un ordine alfabetico: clicca sull’icona rotellina e su Ordina Alfabeticamente

Clicca e Guarda il Tutorial

Crea uno SlideShow di Immagini 

progettosenzatitolo-2021-01-07t173123.187

Le immagini del tuo sito sono molto importanti: le immagini infatti riescono a catturare subito l'attenzione del tuo visitatore. I testi e la loro qualità faranno la differenza, ma saranno le immagini a spingere i clienti a leggere le informazioni presenti nel tuo sito web.

Inoltre le immagini hanno un'importante ruolo nella struttura grafica del sito web, contribuendo all'esperienza di navigazione dell'utente.
Immagini di sfondo al sito, foto dei tuoi prodotti, immagini del personale e dei locali: tutte devono essere di qualità e avere la loro collocazione nel sito web. Per questo, con Flazio avrai a disposizione diversi componenti con funzionalità differenti, per ogni tua esigenza: Immagine, Photogallery Medium, Slideshow, Vetrina, Slider con Testo, Hover Immagine, Photogallery Small e Large e il Carosello.

Se non disponi di immagini di qualità, puoi sempre cercare e  selezionare le immagini della nostra Galleria direttamente          nell'area di lavoro del sito web. Seleziona una categoria e avrai a disposizione centinaia di immagini da scegliere e aggiungere al tuo sito web.

logogrande

Clicca e Guarda il Tutorial

Personalizza La Foto Gallery 

progettosenzatitolo-2021-01-07t173123.187

Clicca sull’App PhotoGallery per aprire la barra di modifica: clicca sulla barra di modifica e seleziona l’icona rotellina.

Potrai attivare la barra Social per la condivisione della Photogallery, il titolo, modificare l’orientamento delle Immagini e impostare un effetto al passaggio del mouse.

Clicca sull’icona Stella per cambiare l’icona freccia. Puoi scegliere il colore, la Dimensione e la Posizione delle Frecce.

logogrande

Clicca e Guarda il Tutorial

Aggiungere una cornice alle Immagini 

progettosenzatitolo-2021-01-07t173123.187

Puoi assegnare una Cornice all'immagine singola cliccando sulla barra di modifica del componente e selezionando l'icona Cornici.

Puoi selezionare tra una delle forme delle immagini disponibili, aggiungere una cornice, modificare il colore e aggiungere un’ombra.

logogrande

Clicca e Guarda il Tutorial

Le App Immagini 

progettosenzatitolo-2021-01-07t173123.187
logogrande

Le immagini del tuo sito sono molto importanti: le immagini infatti riescono a catturare subito l'attenzione del tuo visitatore. I testi e la loro qualità faranno la differenza, ma saranno le immagini a spingere i clienti a leggere le informazioni presenti nel tuo sito web.

Inoltre le immagini hanno un'importante ruolo nella struttura grafica del sito web, contribuendo all'esperienza di navigazione dell'utente.
Immagini di sfondo al sito, foto dei tuoi prodotti, immagini del personale e dei locali: tutte devono essere di qualità e avere la loro collocazione nel sito web. Per questo, con Markergroup online avrai a disposizione diversi componenti con funzionalità differenti, per ogni tua esigenza: Immagine, Photogallery Medium, Slideshow, Vetrina, Slider con Testo, Hover Immagine, Photogallery Small e Large e il Carosello.

Se non disponi di immagini di qualità, puoi sempre                      cercare e selezionare le immagini della nostra Galleria direttamente nell'area di lavoro del sito web. Seleziona una categoria e avrai a disposizione centinaia di immagini da scegliere e aggiungere al tuo sito web.

Clicca e Guarda il Tutorial

Personalizzare la transazione  delle Immagini nello SlideShow

progettosenzatitolo-2021-01-07t173123.187
logogrande

Sul componente Slideshow puoi personalizzare le transizioni tra le immagini del tuo sito web.

Clicca sul componente SlideShow per aprire la barra di modifica: clicca sulla barra di modifica e sull’icona Rotellina.

Su transizioni potrai selezionare una delle animazioni disponibili. Clicca fuori per confermare la scelta della transizione.

Clicca e Guarda il Tutorial