Mostrare gallerie di immagini nella propria campagna e aggiungere didascalie e link di click-through.

Utilizza una sezione immagini per aggiungere immagini alla tua campagna. Puoi aggiungere più immagini, ognuna con didascalie e URL di click-through, e scegliere diversi layout per modificare la posizione delle immagini e delle didascalie.

Segui questa guida per sapere come impostare le sezioni di immagini nelle campagne e per conoscere gli altri punti della tua campagna in cui le immagini possono essere visualizzate.

Image formatting

To prevent blurry images, we recommend keeping your image width 750px or less. For more help with image formatting, visit Formatting your images for display on the web.

Multiple images display in a vertical stack, but you can choose different layouts to change the placement of images and captions.

Aggiungi una sezione immagini

To add an image section to a campaign:

1. Create or open your campaign draft. For more help, visit Building email campaigns.
2. Clicca su + in un punto qualsiasi della campagna tra l'intestazione e il piè di pagina.
3. Clicca sull'immagine.
4. Nel pannello di destra, clicca su Aggiungi immagini per caricare fino a quattro immagini dal tuo dispositivo, oppure clicca su Seleziona dalla libreria per selezionare le immagini dalla tua libreria o da Unsplash. Non è possibile ottenere la licenza per le immagini premium nelle Campagne e-mail, ma puoi utilizzare le immagini Getty precedentemente concesse in licenza.
5. After uploading at least one image, click Manage Images below the thumbnail to add, rearrange, or delete images.
6. Clicca su Non collegata accanto al nome di un'immagine per aggiungere un URL di click-through.
7. Clicca sul menu a discesa del layout per modificare il layout della sezione immagine.
8. Clicca su Spaziatura e Colore sezione per apportare modifiche allo stile.
9. A seconda del layout, puoi aggiungere una didascalia alle immagini.

All changes save automatically. You can undo or redo changes as long as the draft is open.

Suggerimento: per aprire l'editor di immagini, passa il mouse sull'immagine che desideri modificare nella bozza e clicca sull'icona della matita.

Add, rearrange, or delete images

Dopo aver aggiunto almeno un'immagine, clicca su Gestisci immagini. Qui è possibile:

• Aggiungere altre immagini facendo clic su Aggiungi immagine. È possibile aggiungere fino a quattro immagini in tutti i layout.
• Rearrange images by clicking and holding the six dots to the right of the filename and dragging the image to a new position.
• Delete an image by clicking - to the left of the filename.

Dopo aver apportato le modifiche, clicca su Indietro per tornare al pannello Immagini.

Add a clickthrough URL

Image clickthrough URLs turn the whole image into a link, so when a subscriber clicks the image, it opens the link.

To add a clickthrough URL:

1. Click Unlinked beside the images name in the right panel. If an image already has a clickthrough URL, the URL displays beside the image name. If you don't see Unlinked or a URL beside your image name, you might be in the Manage images panel. Click Back to return to the Images panel.
2. In the clickthrough URL field, you can add a web address directly, or click to open the link editor for more options.
3. In the link editor, you can link to an external web address, a page on your site, an email address, or a phone number. To learn more about links in Squarespace, visit Adding links to your site.
4. Dopo aver impostato l'URL nell'editor di link, clicca su Salva.

Aggiungere testo alt

Se aggiungi un testo alt alle immagini, le rendi più accessibili ai visitatori. Il testo alt viene visualizzato dagli screen reader e da altri strumenti di accessibilità, ma non appare nella tua campagna.

In assenza di testo alt aggiunto manualmente, non viene visualizzato. Per aggiungere un testo alt a un'immagine in una sezione immagine:

1. Clicca sulla sezione immagine, quindi clicca sul nome del file immagine nel pannello di destra.
2. Clicca nel campo sotto Testo alt dell'immagine e aggiungi la descrizione dell'immagine.
3. Il testo alt viene salvato automaticamente.

Con la stessa procedura è possibile aggiungere il testo alt alle sezioni del blog e dei prodotti. Per ulteriori informazioni sul testo alt in generale, comprese le procedure ottimali, visita la sezione Aggiunta di testo alt alle immagini.

Layout della sezione immagine

Clicca sul menu a discesa del layout per scegliere come far apparire le immagini e le didascalie. Per impostazione predefinita, quando si aggiunge una nuova sezione di immagini, questa viene impostata sul layout Banner.

You can choose from these layouts:

• Banner - Full-bleed images with captions below.
• Griglia - Le immagini vengono visualizzate in una griglia di piccole miniature. Non è possibile aggiungere didascalie in questo layout.
• Card - Images with captions displaying on an overlapping card. The captions display on alternating sides for each image, starting on the right.
• List (Left) - Images in a list on the left side with captions on the right.
• List (Right) - Images in a list on the right side with captions on the left.
• Side - Images in a list with captions displaying on alternating sides.

Ogni sezione può utilizzare un solo stile di layout. Per aggiungere un'altra immagine con un layout diverso, aggiungi una nuova sezione.

Personalizzare la sezione immagine

Usare le opzioni di dimensione, spaziatura e colore per creare una sezione di immagini. Le opzioni possono variare a seconda del layout.

Image size

Con i layout a griglia, laterale e a elenco, è possibile modificare direttamente le dimensioni delle immagini.

Clicca su Dimensione immagine, quindi su S, M o L, oppure clicca su ... per impostare manualmente le dimensioni.

Per i layout dei banner e delle schede, usa il tweak Padding laterale alla voce Spaziatura per modificare la larghezza dell'immagine. Tieni presente che alcune app mostrano sempre le immagini a larghezza intera indipendentemente da queste impostazioni.

Spacing

Clicca su Spaziatura per modificare il padding della sezione immagine. A seconda del layout, le opzioni di spaziatura possono variare:

• Padding laterale - Aggiunge spazio bianco su entrambi i lati dell'immagine. Per i layout dei banner e delle schede, utilizza questo tweak per cambiare la larghezza dell'immagine.
• Padding tra le sezioni - Aggiunge uno spazio bianco nella parte superiore e inferiore della sezione immagine.
• Padding between rows - Add vertical white space between images in the section. This only appears if you add multiple images to a single section.
• Allineamento orizzontale e verticale - Allinea le immagini nel layout a griglia.
• Center padding - Add white space between the images and captions in the side and list layouts.

Color

You can change the following section-specific colors:

• Section color - Change the color that appears behind images and captions. If set to transparent, the content background or email background appears instead.
• Colore del testo - Cambia il colore delle didascalie. I tipi di carattere e le dimensioni del testo seguono gli stili della campagna globale.
• Card color - Change the background of the captions on the card layout.

Per maggiori informazioni, visita Definire lo stile delle campagne e-mail.

Add captions

To add captions:

1. Se si utilizza il layout del banner, attivare Mostra didascalia nel pannello delle immagini.
2. Clicca su Scrivi qui... nell'anteprima e aggiungi il testo.
3. Highlight text to format it or add a link.

Keep in mind:

• Il layout a griglia non supporta le didascalie.
• Le didascalie nelle campagne e-mail non diventano testo alt.
• Text added to images is image-specific. If you delete an image, its caption is deleted too.
• Use the side panel to style the text color. The font matches your global fonts.

Add an image without a caption

To add an image without a caption:

1. Aggiungi una sezione immagini.
2. Dopo aver aggiunto l'immagine, scegli il layout Griglia o Banner.
3. On the banner layout, switch the Show Caption toggle off to hide the caption.

Can I add an image slideshow?

Non esiste un layout slideshow integrato. Per aggiungere un effetto slideshow, crea una gif animata da un set di immagini, quindi caricala nella sezione immagini.

Header images

È possibile caricare o riutilizzare un'immagine dalla libreria personale per l'intestazione della campagna, oppure includere il logo del proprio sito, se ne utilizza uno. Per maggiori informazioni, visita Creare campagne e-mail.

Blog and product images

Le sezioni blog e prodotti inseriscono nella campagna i post del blog e i prodotti dal tuo sito, comprese le immagini in evidenza del post o del prodotto.

Non è possibile modificare le immagini in evidenza dei post o dei prodotti in queste sezioni, ma puoi passarci sopra con il mouse e cliccare sull'icona della matita per aprire l'editor di immagini. Per aggiungere un'immagine completamente diversa, modifica le immagini in primo piano nella pagina del blog o del negozio oppure utilizza una sezione di immagini per scegliere direttamente l'immagine e la didascalia.