This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
en:how_to_upload_pictures [2015/10/05 11:41] – fw | en:how_to_upload_pictures [2025/07/16 09:49] (current) – [2. Media-Browser] bk | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== How to upload pictures? ====== | + | ====== How do I upload pictures? ====== |
There are two basic options to place pictures in your emails: | There are two basic options to place pictures in your emails: | ||
- | | + | - If you use the E-Mail Builder and add a layout with places for pictures, you can click on the image symbol |
- | | + | - Go to //Content > Media Browser// to upload images, PDFs or other media data in the promio.connect file system. The files are now available online. |
- | ==== 1. Media Browser ==== | + | \\ |
- | Under //Content > Media Browser// in the actions box, you can select a file from the desktop and upload it, you can create a new directory or rename an already uploaded file (to rename the file, first select it by clicking on it in the directory tree). | + | ====== 1. Image Editor ====== |
- | {{: | + | When you are in the //E-mail builder//, click on the image symbol to choose a picture. Click the symbol in the Creative first, then again in the Image Editor on the right. Now you can resize the image, adjust the image spacing, and more. |
- | To upload files click the button | + | <WRAP round tip 100%> |
+ | Include alt text for your image. | ||
+ | </WRAP> | ||
- | You can view the uploaded images in the preview beforehand. Using the shown URL, you can link this image in your mailing. | + | {{: |
- | {{:en: | + | If you click the gear wheel instead, the following menu will open: |
+ | {{: | ||
+ | Here you can execute the following actions: | ||
- | ==== 2. Editor ==== | ||
- | When you are in the email builder, | + | //Add link//: Insert a link which is activated by a click on the image \\ |
+ | //Replace (Upload)//: Insert | ||
+ | //Replace (Media-Browser)//: Access the Media-Browser to select an image from there \\ | ||
+ | //Remove image//: remove the inserted image \\ | ||
+ | //Add entry to table of contents//: Add the note about the image to the table of contents | ||
- | {{:en: | + | This window opens if you clicked directly on the image symbol: |
- | If you have already upload the picture into your Media Browser, you can choose it there. But you can also upload the picture directly by clicking on // | + | {{: |
- | {{:en:editor_bildupload_en.png? | + | You now have different options to chose a picture: |
+ | * My device: upload image from your computer | ||
+ | * Link (URL): Insert a link, e.g. a path to the Media Browser | ||
+ | * Web Search: Look for an image on the web. (We do not recommend this due to copyright laws.) | ||
+ | * Use a picture from Facebook, Instagram, Google Drive or Dropbox. | ||
+ | |||
+ | When you have chosen your image it can be edited during the upload: | ||
- | In the //Image Info// window, you can change the size of the picture, space, alignment etc.. | + | {{: |
- | < | + | ======= 2. Media Browser ======= |
- | If you click on //Edit manually//, the Aviary-Editor is opening | + | |
+ | Go to Content > Media Browser | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Navigate with your cursor or use your arrow keys to select a folder or data file. With the enter button or with a click, you open the folder or file. Use the search field on the top to find your files. | ||
+ | |||
+ | By clicking the loupe symbol {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | <WRAP round important 90%> | ||
+ | Please note that only these file types can be uploaded: .gif, .jpg, .jpeg, .png, .pdf, .woff, .woff2, and .otf. | ||
</ | </ | ||
- | {{: | ||
- | {{tag> | + | By clicking on the uploaded image, you can see the last date of saving, the size, the format, and the URL. You can use the displayed URL to link the image within the email’s content. |
+ | |||
+ | {{: | ||
+ | |||
+ | Watch a tutorial on uploading files to the Media Browser: \\ | ||
+ | |||
+ | < | ||
+ | <iframe class=" | ||
+ | </ | ||
+ | |||
+ | {{tag> |