How to Correctly Upload Images to your Page

This article provides a guide on uploading images using the Flawless POS page builder. Following these steps ensures images display correctly and maintain high quality on your website.

You may refer to this video for a visual guide on How to Correctly Upload Images to Your Page: 

https://www.youtube.com/watch?v=s6XZYTMcatA.

Step 1: Add a Column to Your Page

1. Start in the Page Builder with an empty page. To go to the page builder, head over to the Flawless POS Admin and under the Pages Module, select Pages. Select any available page that you have created.
   
   

2. Add a column to your page.
   
   

   • The column serves as a container for elements like images.

Step 2: Select the Column

1. Left-click inside the column to select it.
   
   
   Note: The column is the inner rectangle within a larger row rectangle. Do not select the row for this process.
   
   
   

Step 3: Access Column Properties

1. With the column selected, go to Column Properties on the right.

2. Click on Background to expand its options.

3. Click Background Type and choose Image as the source.
   
    

              This will reveal additional options for setting an image as the background.

Step 4: Choose or Upload an Image

1. Click Image to open the Pick Image dialog.
   
   

   • You can select an image from the library or upload a new one by pressing the upload button next to the search bar.

2. Select the desired image and press OK to set it as the column’s background.
   
   

 The column background will now update with your chosen image.

Step 5: Adjust the Image Display

1. Stretch the image for better visibility by dragging the arrow in the middle of the column downwards.
   
   

Step 6: Set SEO Title and Description

1. Select the column again and locate the SEO property on the right.

2. Expand the SEO category to find the Title and Description fields.

3. Populate these fields for better discoverability.
   
   
   

            Repeat these steps for any additional elements, like buttons, to ensure consistent SEO across your page.

Additional Option: Add an Image Element

1. Alternatively, you can drag the Image element from the left menu and follow similar steps to upload an image.
   
    

• Using a column background is recommended for consistent sizing and flexibility.

Troubleshooting

For issues with uploading images or setting SEO properties, contact Flawless POS support for assistance.This guide provides a straightforward method to ensure images are correctly displayed and optimized on your website.