> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helpdesk.webmag.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Insert images and create image galleries

Webmag allows you to easily place individual images as well as entire image galleries in your body text.

**Content**

1. [Inserting images and image galleries via a snippet](#1-inserting-images-and-image-galleries-via-a-snippet)
2. [Creating image galleries](#1-creating-image-galleries)
3. [Inserting individual images via the toolbar](#1-inserting-individual-images-via-the-toolbar)
4. [Setting options for image galleries](#1-setting-options-for-image-galleries)

# Inserting images and image galleries via a snippet

Inserting an image or even a connected image gallery is realised by selecting the tab "Images & Galleries" in the snippet bar. Several different gallery variants and display options can be found here, and placed in the desired position in the editor by using drag & drop.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bildschirmfoto-2023-03-21-um-0_m9oe1o.png)

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bild-einfugenneu_153rjk7.gif)

# Creating image galleries

In order to create galleries with various pictures, use the snippets that mention the term "gallery" in their name, such as "media_big", "media_full", "gallery01" or "gallery01_loop". Use the settings to add more pictures to your gallery. 

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bildschirmfoto-2023-03-21-um-0_18mml76.png)

| **Note:** Using the snippet „gallery01_loop“ allows you to generate an endless loop to repeatedly play back the images that are included in your gallery.

# Inserting individual images via the toolbar

The toolbar also provides an option for inserting single images. To include your image via the toolbar, simply select a section of text or open the toolbar by pressing [ctrl]+e (Mac: [cmd]+e). Select "Insert image" ([ctrl]+P (Mac: [cmd]+P) to include an image. Now upload your picture as you are used to and confirm by clicking OK to have it inserted in the editor.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bildschirmfoto-2023-03-21-um-0_1u2iry5.png)

# Setting options for image galleries

By clicking on the pencil symbol at the top left edge of the snippet, the setting options for the different image versions will be shown. Here you can, for example, change the size and position of the image, place filters over the image or add a link.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bildschirmfoto-2023-03-21-um-0_1h3yz68.png)

| **Note:** One click on the inserted image opens the "Upload image" screen. Click again on the "pencil" to open the advanced menu for image editing.
| ![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/bildschirmfoto-2023-03-21-um-0_5v36kw.png)