How-To: Add a new photo to your website

How-To: Add a new photo to your website

To add a new photo to your website, please follow the steps below:

  1. Go to the specific page where you want to insert the photo.
  2. Identify the section within the page where you wish the photo to appear.
  3. Click on the "Set Media" button.
  4. Click "Browse", choose the desired photo file from your computer, and click "Open".
  5. Select the newly uploaded photo and click "Done".
  6. If a crop option is available, click the crop button to adjust the photo's dimensions. Select the area you want to be visible.
  7. Click on "Save".
  8. Proceed with publishing the website to make your changes live.

Device-Specific Images:

In most cases, you will find separate image sections for desktop and mobile views. This allows you to use different photos or apply distinct cropping for each device.

Image Recommendations:

  • For optimal results, it is recommended that you upload the initial image file (up to 16MB) and not an optimized or cropped version.
  • Use landscape orientation for desktop images and portrait orientation for mobile images.
  • Don't upload images including graphics (e.g. logos) or texts.
  • View detailed recommendations on https://bit.ly/hwimages 

Notes
To maintain the best aesthetic quality of your website, you can upload images only in the designated image upload sections, following the design of your canvas. Please avoid adding images in the enriched text sections.

    • Related Articles

    • Create a new Website

      To create a new website you must be a member of the tenant administrators. Navigate to tenant Admin area and then select Websites from the menu Click on Add Website button Select the website owner's Company from the drop down list. If you don't find ...
    • How-To: Replace a photo on my website

      To replace a photo on your website, please follow the steps below: Go to the specific page where you want to change the photo. Identify the section within the page where the photo appears. Click on the x icon to remove the existing photo. Click on ...
    • How-To: Add a new page

      To create a new page in your website, follow the steps below: Navigate to the Pages section. Click the "Add New" button, then select "Page." In the newly created page, enter the desired title and slug. Click "Save." On the right side of the page, in ...
    • How-To: Add analytics tracking to website

      Hotelwize supports analytics tracking to different vendors such as Google Analytics (GA4), Google Ads, Facebook, Microsoft, Matomo Tracking Events Page views & Click events Tracking is implemented in each theme using the page_view and click events. ...
    • Images

      Hotelwize Builder offers an advanced media manager for your images and documents. Concepts An image can be reused in different pages or sections You can upload an image through the media manager or through a page You should upload large images. ...