Adding images to your website helps reinforce your brand as a musician or band and can add a needed visual element to pages of your site that are more text-focused. Images also allow fans, presenters, and industry professionals to get a visual sense of what you’re 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 images
  • 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. 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.
  • Text: Add an image within a paragraph of text and use the available formatting options to adjust its size and alignment. Upload a new image from your computer, choose from your existing images, browse our library of stock imagery or upload a file directly from your Dropbox account.
  • 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 and 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. Click 'Apply Image'
  4. 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.
        • Album: Directs the visitor to the specified album page.
          • Select the desired album from the drop-down menu
        • Track: Directs the visitor to one of your audio tracks.
          • Select the desired track from the drop-down menu
        • A page PDF file:When clicked, a specified PDF version of a page on your website will be downloaded.
          • Select the desired PDF page 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.

  5. To save changes, click anywhere in the content area outside of the 'Image' feature.

'Text' feature

Use this feature if you’d like to add images within multiple paragraphs of text. If you’re looking for something a little more stylized, where the formatting of the image side by side with the text is preformatted, the ‘Image and Text’ feature may be the better option for you.

  1. Click ‘More…’ in the text editor toolbar to open the expanded editing options
  2. Click the ‘Insert Image’ button
  3. 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.
  4. Once uploaded / imported, click ‘Select’ on the image you want to use
  5. Click ‘Apply Image’
  6. **Select your image options:
    • Alignment options: Choose to Left, Center, or Right to align your image.
    • Sizing: Choose from the Small, Medium, or Large preset sizing options to adjust the display of your image. You can also choose ‘Fit to width’ which will expand the photo as much as possible horizontally in the space provided. ‘Original’ will keep the photo displaying at the pixel size of the image file uploaded.
    • Change image text alternative: Add alt text to your image to help it better be indexed by search engines. This text will also display on your page if the image fails to load.
    • 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.
        1. Enter the URL for the external site to which you want visitors directed
        2. 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.
        1. Select the site page from the drop-down list of pages
      • A file: Downloads a file to your visitor’s computer.
        1. Upload the file from your computer or import it from your Dropbox account
        2. 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.
      • Album: Directs the visitor to the specified album page.
        1. Select the desired album from the drop-down menu
      • Track: Directs the visitor to one of your audio tracks.
        1. Select the desired track from the drop-down menu
      • A page PDF file: When clicked, a specified PDF version of a page on your website will be downloaded.
        1. Select the desired page from the drop-down menu

'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

'Calendar' 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 Code' 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 uploaded, 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. To permanently delete an image from your ‘Image’ feature library, click on the image in your library and click on the ‘Delete’ trash icon.
  • Image and Text: The image cannot be deleted, only replaced.
  • Text: Click anywhere over the text/image to open the text editor. Click the image to highlight it, then hit the Backspace or Delete key on your keyboard to remove the image.
  • Photo Gallery: Hover the cursor over the image, and click the ‘X’ in the top right corner
  • Calendar: 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’