Images are essential for creating a visually appealing and professional website. They capture your visitors' attention and help communicate your message more effectively. If you're using the Wapkiz or Wapaxo platforms, know that adding images is a pretty straightforward process.

In this guide, we'll show you the two main ways to do this, step-by-step, so you can start enriching your site today.

First Step: Uploading Your Image

Before anything else, the image needs to be on your site. This step is the same for both methods.

  1. Log in to your Wapkiz/Wapaxo site's control panel.
  2. Navigate to the File Manager.
  3. Click on Upload File and select the image you want to use from your device.

With the image uploaded, you can now choose one of the following methods to display it on your pages.

Method 1: Using the HTML Tag (The Universal Method)

This method uses the standard HTML tag for images. It's ideal when you want more control or need to use an image hosted outside of your own File Manager.

Step-by-Step Guide:

  1. In the File Manager, find the image you uploaded.
  2. Click on the image's filename.
  3. A new page or dialog box will appear, showing the file details. In it, you will find a text field (input box) containing the full URL of the image. Copy this URL.
  4. Go to the page on your site where' you want to insert the image and open the HTML/Code editor.
  5. In the desired location, insert the following code:
<img src="YOUR_IMAGE_URL" alt="image description">
  1. Now, replace YOUR_IMAGE_URL with the exact URL you copied in step 3. The alt text is optional but highly recommended for SEO and accessibility.
  2. Save the changes. The image will instantly appear on your page!

Method 2: Using the Wapkiz Quick Code (Shortcode)

This is the fastest and most direct way to insert an image that is already in your File Manager. Wapkiz has its own special code (a shortcode) to make your life easier.

Step-by-Step Guide:

  1. Go to your File Manager.
  2. Look at your file list. Next to each filename, you'll see a number. This is the File ID. Take note of or copy the ID of the image you want to use.
  3. Go to the page where' the image should appear and open the HTML/Code editor.
  4. Insert the special Wapkiz code as follows:
:img-IMAGE_ID:
  1. Replace IMAGE_ID with the ID number you copied in step 2. For example, if your image's ID is 43, the code will look like this:
:img-43:
  1. Save the changes, and you're done! The Wapkiz system will automatically convert this code into the corresponding image.

Which Method Should I Choose?

The choice is simple:

  • Use Method 2 (:img-ID:) for maximum speed. It's perfect for insert ing images from your own site quickly and without hassle.
  • Use Method 1 (the img tag) when you need more flexibility, such as using an image hosted elsewhere' or when you want to add custom styles (like size and borders) to your image.

With these two methods, you have full control over how to display visual assets on your Wapkiz or Wapaxo site. Start experimenting and make your pages much more engaging!

Liked this tip? If you have any questions, leave a comment below!