Adding images to your website allows fans, presenters, and industry professionals to get a visual perspective of what you are doing with your music. There are several ways to incorporate images into your website.

Note: Images must be in JPG, PNG, or GIF format.

This help article includes the following:

  • The quantity of images permitted in your account
  • Summary of each feature that displays images
  • How to add
  • How to delete images

For information on adding images to the header area of your website, please view the ‘Header Images’ help article. For image positioning or sizing issues, please view the ‘Image Sizing’ help article.

Quantity of images

The number of images permitted for your website is determined by your plan type.

Plan type

  • Lite plan: 100 image uploads
  • Standard plan: 500 image uploads
  • Pro plan: Unlimited image uploads

Note: Each image file counts toward your limit (Lite and Standard plans), regardless of size or type. Image limit includes all images uploaded across all features that allow images to be uploaded (not per feature). When you’ve reached your limit, a message about upgrading will be posted to your account. At that point, you can upgrade to a higher plan or delete image files to free up space.

Features that allow image uploads

  • Image: Add a single image to a page. The image feature includes the option to upload an image from your computer, select a previously uploaded image, choose a stock photo from our gallery, or import images from Dropbox.
  • Image and Text: Add preformatted image and text layouts. The image side of this feature includes the option to upload an image from your computer, select a previously uploaded image, choose a stock photo from our gallery, or import images from Dropbox.
  • Photo Gallery: Display a thumbnail gallery or slideshow of images. Images are enlarged when clicked.
  • Events: Add an image for each of your shows.
  • HTML: Embed external photo gallery widgets using HTML code.
  • Blog: Add images throughout your blog posts. Include a featured image for the blog post summary and for sharing.
  • Store: Add unlimited images per product.
  • File List: Display a link to any images files you upload. You can add a custom name and description next to the file link. Visitors can view or download the images.
  • File Manager: Upload files for storage, and use a direct file link.

To add any image feature to your website start with these steps:

  1. From the ‘Edit Content’ tab, click ‘Pages’ and open the page on which you’ll be working
  2. Click ‘Add feature’
  3. Select the feature you’d like to add, and use the placement arrows to set the feature’s location

Follow these steps to add images within each feature:

Note: Each feature name below is linked to a help article with more information about that corresponding feature.

Image and Image + Text features

  1. Click ‘Upload Image’ or ‘select from Dropbox’

    Note: The Image feature includes the option to upload an image from your computer, select a previously uploaded image, choose a stock photo from our gallery, or import images from Dropbox.

  2. Once uploaded / imported, click ‘Select’ on the image you want to use

  3. Select your image options:
    • Replace Image: Select a different image
    • Crop Image: Choose a custom zoom or a preset crop size. Click ‘Apply’ to save the change
    • Alignment: Click the left, center, or right icon to adjust the image alignment within the available column space
    • Rotate: Click the left or right rotation icon
    • Link: In the drop-down menu, select from the following link types
      • An external page: Directs the visitor to a page that is not on your website.
        • Enter the URL for the external site to which you want visitors directed
        • Check the ‘Open in new window’ option so visitors will keep your website tab open while they visit the external page
      • One of my pages: Directs the visitor to a page on your website.
        • Select the site page from the drop-down list of pages
      • A file: Downloads a file to your visitor’s computer.
        • Upload the file from your computer or import it from your Dropbox account
        • Choose an existing file (Select this option for a file already uploaded to your account. Files are stored in the File manager.)
      • An email address: Opens the visitor’s default email program so they can send an email to the specified address.

        Note: If the visitor is using an online email program such as Gmail or Yahoo, this link will not work. It is advised to avoid this linking option, and instead to use the Custom Form feature.

        • A pop-up version of this image: Opens the image in a pop-up window overtop of the page.
        • Download original image: When clicked the image will automatically be downloaded to the visitor’s computer.
        • One of my albums: Directs the visitor to the specified album page.
          • Select the desired album from the drop-down menu
        • One of my tracks: Directs the visitor to one of your audio tracks.
          • Select the desired track from the drop-down menu
      • Image Filter: Choose a filter for your image and click ‘Apply’
      • SEO: Enter ‘Alt text’, click ‘Apply’

        Note: This allows search engines to index images based on content. Also, the text would appear inside the image container if the image cannot be displayed. Descriptive alternate text is very helpful for people with visual impairment.

      • Reset Image: Clears all image options previously selected.

  4. To save changes, click anywhere in the content area outside of the image feature.

Photo Gallery feature

Use this feature to upload multiple images for display in a gallery. Upload multiple images at the same time by selecting them together in your computer.

  1. Click ‘Add’ or ‘Use Existing gallery’:
    • ‘Add’:

      • Enter the title of your gallery
      • ‘Upload photo(s)’ or ‘select from Dropbox’
      • Select the photos to import, and click ‘Open’
      • After the images are loaded, click ‘Gallery settings’ from the options pane on the left
        • Title: The name of your photo gallery.
        • Show title over gallery: Choose to display or hide the photo gallery title on your website.
        • Show share links: When selected, you or a visitor can share the photo gallery to Facebook, Twitter, or email through links displayed on the live page.
        • Gallery type:
          • Tiled: Displays a waterfall-style grid, like Pinterest. This view is responsive, and collapses columns based on screen size.
          • Grid: (Choose the following options)
            • Cropped squares without captions: Will crop to a square which may cut off some of your image.
            • Variable ratio with captions: Will leave portrait and landscape image shapes as they are.
            • Thumbnail size: Assign small or large image thumbnails.
          • Slideshow: Displays the assigned number of recent posts in a scrolling horizontal grid with thumbnail images.
            • Zoom image to fill frame: Removes the blank bars from the sides of your slideshow area.
            • Auto-advance slides every: Set the length of time for which each image is displayed.
            • Slideshow Transition Time: Set how quickly an image transitions to the next one.
            • Transition type: Set the style of the image transitions.
      • Click ‘Save’
    • ‘Use Existing gallery’:

      • Click ‘Use this gallery’
      • Click ‘Back’ and you’ll see the images(s) in that selected photo gallery

Events feature

  1. Click ‘Add Event’
  2. Add your event details
    • Add event image: Upload an image from your computer or import one from Dropbox. This is useful for show posters or promo photos.
  3. Click ‘Save’

HTML feature

  1. Paste the embed code into the text field
  2. Click ‘Save’

Blog feature

  1. Enter a title for your blog
  2. Click the ‘Create new blog’ button
  3. Click the ‘new post’ button to set up a post for the blog
  4. Enter a post title, and write the post in the text field
  5. Add images within the blog by clicking the ‘Image’ icon in the toolbar above the text field
    • Click ‘Upload Image’, ‘select from Dropbox’ or ‘choose a stock image’
    • Click ‘Select’**
    • Click on the image in the text field to adjust the image display (placement and size)
  6. Thumbnail image: The image displayed when the post is shared on social media. This is automatically the first image displayed in the blog post, unless you assign a different one by clicking ‘Choose a different image’.
  7. Click ‘Publish’

Store feature

  1. Click ‘Add product’
  2. Select the product type from the drop-down list
  3. Assign the product options
  4. Upload your album art or product image
  5. Click ‘Save’

Music feature

  1. Select ‘Album’ and click ‘Continue'
  2. Click ‘Add a new album’ and set the album options
  3. Upload your image file in the ‘Cover art’ field

    Note: This file will be included in the album download zip folder and will display on the website next to the album tracks.

  4. Click ‘Save’

File List feature

  1. Click ‘Add file’
  2. Select ‘New’ or ‘Existing’
    • New: Upload the file from your computer or import it from your Dropbox account
    • Existing: Click ‘Add this file’ and select the file to display on your site
  3. Click ‘Save’

File manager

  1. From the ‘Edit Content’ tab, click ‘Pages’
  2. Select ‘File manager’ from below the list of pages
  3. Click ‘Add file’
  4. Select the file to be uploaded from your computer or import it from your Dropbox account
  5. Add a title and file description
  6. Once the file is upoaded, Click ‘Save’
  7. To see a direct link to your uploaded file, click the file name in your File Manager

:Notes:

  • Free trial members don't have access to the file manager and file list feature
  • We recommend not uploading files larger than 25mb to the file manager. To give you an idea of download time, it would take the average user 25 mins to download a 6mb file. To pass along large files, consider using a service like Dropbox.com.

Deleting Images

If you’d like to delete a feature, hover your cursor over the feature in the ‘Edit Content’ tab, and click the ‘trash’ icon in the top right corner. To delete individual images within a feature, see the steps below:

  • Image: Delete the feature.
  • Image and Text: The image cannot be deleted, only replaced.
  • Photo Gallery: Hover the cursor over the image, and click the ‘X’ in the top right corner
  • Events: Open the event, and click on the ‘X’ in the top right corner of the image thumbnail.
  • HTML: Delete the feature.
  • Blog:
    • Featured image: Hover the cursor over the image, and click the ‘X’ in the top right corner
    • Post images: Click the image in the text field, and click ‘delete’.
  • Store: Hover the cursor over the image, and click the ‘X’ in the top right corner
  • Music: Hover the cursor over the image, and click the ‘X’ in the top right corner
  • File List: Click the ‘x’ to the right of the file name.
  • File Manager:
    • Files: Click the ‘x’ to the right of the file name.
    • Photo Gallery: Click ‘Delete gallery’