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, HEIC, 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
  • EPK plan: 25 image uploads

Note: Each image file counts toward your limit (Lite, Standard, and EPK 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', 'Stock Imagery', or 'Dropbox'

    Note: These features 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 added to your account, click on the image you want to use
  3. Click the 'Apply Image' button
  4. Set your image options (in the 'Image and Text' feature, click the 'Edit' link below the image thumbnail to access these settings):
    • Replace: Select a different image
    • Crop: 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
    • Image shape: Click to apply one of the shapes from the following categories: 'Shape,' 'Rounded,' or 'Cut.' In the 'Shape' category, toggling on the 'Stretch shape to fit' option will expand the image shape to fill the width of the original image frame. Click 'apply' to keep the shape selection.
    • Aspect ratio: Select from the following preset crop sizing options: 'None,' 'Square (1:1),' 'Widescreen (16:9),' 'Landscape (4:3),'Portrait (3:4),' or 'Portrait-large (9:16).'
    • Image filter: Select one of the following filter options: 'None,' 'Darken,' 'Lighten,' 'Grayscale,' '1977,' 'Brannan,' 'Brooklyn,' 'Earlybird,' 'Gingham,' 'Kelvin,' 'Moon,' 'Nashville,' 'Toaster,' 'Welden,' 'Xpro2,' 'Dots,' 'Squares,' or 'Custom.' Click 'Apply' to save the selection.
    • Caption: Toggle on this option to add a caption to the image. You can apply the following text options from the toolbar within the caption editing window: 'bold,' 'italic' and 'link.'
    • 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.
        • Select the existing file from the dropdown list of files stored in your 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
    • 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 settings: Clears all image options previously selected.
  5. To save changes, click the orange 'Save' button (in the 'Image and Text' feature, click 'Apply' and then click the 'Save' button).

'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 Images', 'Stock Imagery', or 'Dropbox'
    • Note: The 'Text' 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 added to your account, click on the image you want to use
  5. Click 'Apply Image'
  6. Click the image within the text editing window and assign the following options using the icons in the floating image toolbar:
    • Alignment (in line / left / center / right)
    • Size (small / medium / large / original)
    • Alt text (click to enter the alternative text, and click the green arrow to save)
    • Link (click to select link types / option to open in a new tab, and click the green arrow to save)
  7. Click 'Save'

'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.

To add an existing photo gallery to the page:

  1. Click on the image gallery you want to use in the list of available image collections. This will open the gallery settings panel, where you can adjust the photo gallery options (outlined below).

To create a new photo gallery to add to the page:

  1. In the 'Gallery name' field in the top right corner, enter the new gallery name and click 'Create new gallery'
  2. Click the 'Add photos' button
  3. Select image files from your computer to upload (you can select multiple images within the same folder), and click the 'open' button
    • Adjust the following gallery editor view settings using the two square dropdown icons:
      • Square Grid / Masonry Grid
      • Large Thumbnails / Medium Thumbnails / Small Thumbnails
  4. In the 'Options' panel adjust the following settings:
    • Gallery name: This is the name of your photo gallery.
    • Gallery type:
      • Tiled: Displays a waterfall-style grid, like Pinterest. This view is responsive, and collapses columns based on screen size.
      • Grid: Displays images in a set grid with consistent column widths.
        • Thumbnail format:
        • 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: Small / Large
      • Slideshow: Displays the assigned number of recent posts in a scrolling horizontal grid with thumbnail images.
        • Zoom image to fill frame: Toggle on to remove 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. (Manual / 1 to 10 seconds).
        • Transition time: Set how quickly an image transitions to the next one. (Fast / Normal / Slow).
        • Transition type: Set the style of the image transitions (None / Face (default) / Scroll Horizontally).
    • Show title over gallery: Choose to display or hide the photo gallery title on your website.Click to show the gallery title above the images on your live page
    • Show share link: When selected, you or a visitor can share the photo gallery to Facebook, Twitter, or email through links displayed on the live page.

'Calendar' feature

To add an existing calendar to the page:

  1. Click the 'Use this calendar' button to the right of the calendar you'd like to add

To add a new calendar to the page:

  1. In the 'Shows' filed in the top right corner, enter the calendar title and click 'Add new calendar'
  2. Click 'add event'
  3. Add your event details (date, location, time, description, tickets, etc.) Add event image: Upload an image from your computer or import one from Dropbox. This is useful for show posters or promo photos.
  4. Click 'Save'

'HTML Code' feature

  1. Paste the embed code into the HTML field
  2. Click 'Save'

'Blog' feature

To add an existing blog to the page:

  1. Click the 'Use this blog' button next to the blog you'd like to add

To add a new blog to the page:

  1. In the 'Blog title' field in the top right corner, enter the new blog title and click 'Add new blog'
  2. Click the 'New post' button to set up a post for the blog
  3. Enter a post title, and write the post in the text field
  4. Add images within the blog by clicking the 'Insert image' icon in the toolbar above the text field
  5. Click 'Upload Images', 'Stock Imagery', or 'Dropbox'

    Note: The 'Blog' 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.

  6. Once added to your account, click on the image you want to use
  7. Click 'Apply Image'
  8. Click the image within the text editing window, and assign the following options using the icons in the floating image toolbar:
    • Alignment (in line / left / center / right)
    • Size (small / medium / large / original)
    • Alt text (click to enter the alternative text, and click the green arrow to save)
    • Link (click to select link types / option to open in a new tab, and click the green arrow to save)
  9. Set your post's thumbnail image. This is 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 selecting the 'Upload thumbnail image' option (click 'Add artwork' and select the image file you'd like to use).
  10. Click 'Publish' to publish the post to your 'Blog' feature, or click 'Save as draft' to keep working on your post at a later time.

'Store' feature

  1. Click 'Add product'
  2. Select the product type from the drop-down list
  3. Set the product options
  4. Upload your artwork or product image
  5. Click 'Save product'

'Album' or 'Single' feature

  1. Select 'Add album' or 'Add single'
  2. Set the album/single options
  3. Upload your image file by clicking 'Add artwork

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

  4. Click 'Save album' / 'Save single'

'File List' feature

  1. Click 'Add file'
  2. Select the 'Add new file' or 'Use existing file' tab
    • New: Click 'Upload file' to select the file from your computer, or import it from your Dropbox account
    • Existing: Click the 'Add' button to the right of the file you'd like to display on your page
  3. Click 'Save' (if adding a new file)

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. Click the 'Upload file' button to select the file 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, or to replace the file with another one, 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 cloud-based like Dropbox.com.

Deleting Images

If you'd like to delete a feature altogether, hover your cursor over the feature in the 'Edit Content' tab, and click the trash' icon that appears in the top right corner of the feature's frame. 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' option.
  • Image and Text: The image cannot be deleted, only replaced (click 'Replace' below the image thumbnail in the panel of settings).
  • 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: Click on the photo gallery to open it. Click the '...' icon in the top right corner of the image you'd like to remove, and click the 'Remove' option in the dropdown list. Click 'Delete' to confirm.
  • Calendar: Open the event, and click on the 'X' in the bottom right corner of the image thumbnail.
  • HTML: Delete the feature.
  • Blog:
    • Featured image: Open the post in the 'Blog' feature. Click the image to highlight it, then hit the backspace or delete key on your keyboard to remove the image. Click the 'Update' button.
    • Thumbnail image: Click on the 'X' in the bottom right corner of the image thumbnail, or select the 'Automatically use the first image in post' option. Click the 'Update' button.
  • Store: Open the product page within the 'Store' feature. Hover the cursor over the image, and click the 'X' in the top right corner.
  • Album: Open the album. Click the 'Edit' link in the 'Description' tile. Hover the cursor over the image, and click the 'X' in the bottom right corner.
  • Single: Open the single. Hover the cursor over the image, and click the 'X' in the bottom right corner. You will be prompted to upload a new image from your computer.
  • File List: Click the '...' icon to the right of the file name, in the 'Actions' column. Select the 'Delete' option.
  • File Manager:
    • Files: Click the '...' icon to the right of the file name, in the 'Actions' column. Select the 'Delete' option.
    • Photo Gallery: In the 'Photo Galleries' tab, click the 'Delete' button at the bottom of the gallery tile.