Welcome to DG1 support.
GETTING STARTED GETTING STARTED
SETTINGS SETTINGS
SHOP SHOP
MARKETING MARKETING
WEB CMS WEB CMS
BOOKING BOOKING
BIG DATA BIG DATA

Uploading images

You can upload images from different sections of your DG1 Admin panel and use many different kinds of images for your online store, including your company logo, product images, slideshows, banners, galleries, blog posts images, newsletter images, and more. Depending on how and where you want to use the image, it might be best to upload it in a certain size or format. If you can’t, don’t worry. We’ve got you covered. DG1’s unique image cropper will help you get the correct size and layout of your image in no time.


On this page


Upload images to Files

You can upload images to your website as it comes and when you need to, or you can upload images from the Files section of your DG1 platform.

  1. To upload images to Files in your DG1 Admin panel, navigate to Settings -> File system and click Files.

    settings

  2. The File selector will open.
  3. Click Upload upload.
  4. Click the blue Upload files by… button, select images or video and click Open OR simply drag your files into this pop-up.

    upload box

  5. Select files and click Open.
  6. Click X.

    upload box close

  7. The files you chose have been uploaded into your Files section.

    uploaded

Manage Files

To manage the content of your Files section in your DG1 platform, log into your DG1 Admin panel, navigate to Settings and click Files under File system.

Unsplash folder - contains all the Unsplash images you downloaded.

To add a new folder click add folder. Name the folder. Press enter.

When selecting images, you can do the following:

select file system

  • Copy images to another location
  • Move images to another location
  • Delete images
  • Rename images

To change the order of your files, navigate to the dropdown order by file system.

Preview images

To preview uploaded images in the Files, click on the image. You have several options while previewing your files:
  • Download file
  • Share file
  • Rename file
  • Copy file
  • Move file
  • Delete file
  • Type the label and click Save. This label will be saved as Alt text for this image.

    preview options

Note! When you are adding or editing a product, or adding images with the content editor to your CMS section, or creating marketing campaigns, the images you uploaded on the fly are also saved in the Files.

Upload images to your online SHOP, BOOKING, CMS, and MARKETING

  • SHOP - use images from Files
    • Go to Shop -> Catalog -> Products, click Edit edit or Add product Add product and select the Images & videos tab
    • Click Select files
    • Choose an already uploaded image, click Select and Select & Close.
  • SHOP - upload new images
    • Go to Shop -> Catalog -> Products, click Edit edit or Add product Add product and select the Images & videos tab
    • Click Select files
    • Click Upload
    • Click the blue Upload files by… button or drag and drop the images you want to upload from your computer to the pop-up box.
    • Select images from your computer or Unsplash and click Open.
    • Click Select & Close.
  • BOOKING - use images from Files
    • Go to Booking -> Booking products -> Products, click Edit edit or Add product Add product and select the Images & videos tab
    • Click Select files
    • Choose an already uploaded image, click Select and Select & Close.
  • BOOKING - upload new images
    • Go to Booking -> Booking products -> Products, click Edit edit or Add product Add product and select the Images & videos tab
    • Click Select files
    • Click Upload
    • Click the blue Upload files by… button or drag and drop the images you want to upload from your computer to the pop-up box.
    • Select images from your files or Unsplash and click Open.
    • Click Select & Close.
  • MARKETING
    • Go to a newsletter draft and click the Add section button in the HTML content menu.
    • Select whichever section with an image.
    • Double click the image or select the image and click ckeditor.
    • Click Browse server.
    • Select images from your Files or Unsplash and click Open.
    • Click Select & Close.
    • Change the pixels to adjust the image size or follow the next steps:
      • Go to Width and change it to 100% width.
      • Delete pixel Height height.
      • Click on the lock so it turns to locked lock.
      • Click OK ok.
  • WEB CMS
    • Select any section with images in the content editor.

      cropper

    • Click Select image
    • Select images from your files or Unsplash and click Open.
    • Click Select & Close.
    • Adjust the positioning of the image with the image cropper.

      cropper adjustment

    • Click Save image.

Image formats

DG1 supports the following image formats:
  • JPG
  • PNG
  • WebP
  • SVG for logos

Video formats

DG1 supports mp4 video format with codec h.264.
In the content editor select sections with videos and upload and publish your videos there.

Upload limitations

We would suggest you upload images or videos of a maximum size of 32 MB. Images up to 32 MB will appear correctly anywhere in the system. However, the optimal image size is anything up to 1 MB or a maximum width of 2000 pixels. Try not to exceed the width of 4000 pixels.

Here is why:
  • The smaller images take less time to upload.
  • The smaller images take less loading time for your site visitors.
  • The smaller images don’t take up unnecessary space.
  • The smaller images are easy for search engines to index.

Note:When uploading images for product categories, all product categories must contain images of the same dimensions. We recommend the image size of 400 x 300 px.

When uploading images for Parallax and Background image with text box sections, the image names must be written as a string, i.e. without spaces.

Compressing images

DG1 compresses images when they are displayed in your online store to keep the load times fast. Compressing an image simply means the size of the file is reduced to allow for faster page loading. DG1 optimizes images automatically.

Note: Please make sure your images are in RGB color mode and not in CMYK.

Unsplash images

Unsplash is an outsourced free image provider that offers a large collection of free high-resolution photos and has become one of the best sources for stock images. All photos are released for free under the Unsplash license.

Unsplash is available in your DG1 file selector.

  • When the file selector opens, click the Unsplash - free images tab.

    unsplash

  • Browse images by using the search bar.
  • Click an image to see a preview of the image in your theme.
  • After you find an image that you want to use, click Select, and then Select&Close.
We’re here for you
If you have any questions or concerns, our Help Center might have the answers you’re looking for.

Online support center

If you encounter any problems, submit a ticket through the online support center and our team will get back to you as quickly as possible. You will continue to be updated as we work toward a solution.

Submit your ticket

Live support

During business hours we can assist you through online chat. It’s built right into our website - no plugins or installs needed. Please click help button on the left side at the bottom of this page.

Remote desktop support

For members having specific technical issues, we also provide remote desktop support.

teamviewer

Browser upgrade Recommended
Our website has detected that you are using an outdated browser that will prevent you from accessing certain features.
Use the links below to upgrade your existing browser.
0 Cart
0 Add all flipped products to cart Flipped