How to upload, Resize and Position Images on the Landing Page

This guide will walk you through the process of uploading images, resizing them, and positioning them within the Landing Page editor.

Tap the video to pause the demo or manually advance each step. 

Steps to Upload, Resize, and Position an Image

  1. Go to Home
    Start by navigating to the Home page in your system.

  2. Access the Store Portal
    From the Home page, select the Store Portal option to enter the store management area.

  3. Go to Configuration
    In the Store Portal, click on Configuration to access the settings.

  4. Select Store Landing Page
    Under Configuration, find and select Store Landing Page to open the landing page editor.

  5. Choose the Tab
    Locate and select the Tab you want to edit. Click on the tab to proceed.

  6. Edit the Description Text
    Once you’ve selected the tab, scroll to the description text section, where you want to insert the image.

  7. Use the CKEditor Toolbar
    In the CKEditor toolbar, click on the More button (typically represented by three dots or an expanded menu).

  8. Upload an Image from Your Computer
    From the expanded options, select Upload Image from Computer. This will open a file dialog for you to choose an image from your device.

  9. Resize the Image
    After selecting the image, use the resizing handles or options in the toolbar to adjust the image size. Resize it as needed for your layout.

  10. Align the Image
    To position the image, use the alignment options in the CKEditor toolbar to set the image's position—left, center, or right alignment—depending on how you want it to appear.

  11. Update Your Changes
    Once the image is uploaded, resized, and aligned, click Update to save the changes.

Final Step: Voila!
You’ve successfully added, resized, and positioned an image on the Landing Page!