> For the complete documentation index, see [llms.txt](https://jue-yuan-ti-cai-gousorganization.gitbook.io/bulk-image-butler/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jue-yuan-ti-cai-gousorganization.gitbook.io/bulk-image-butler/quick-start-guide-for-bulk-image-butler-online-mode.md).

# Quick Start Guide for Bulk Image Butler - Online Mode

### Welcome!

We're thrilled you've installed Bulk Image Butler. Here's a quick guide to help you get started!

We have video tutorials available here: <https://youtu.be/iaECYmlJsoQ>

#### Overview

Bulk Image Butler has two modes. Let's start with the simple `Online Mode`, which allows you to manage images directly on the product list page.

Let's get started!

**Adding Images**

1. **Go to `Bulk Image Butler` > `Product Images`**.
2. Find a product to add images to. For this example, we'll use `Straw Large Capacity Bag`.

   <figure><img src="/files/uYje3AIuQ6MKz1VZBpmP" alt=""><figcaption></figcaption></figure>

We support two ways to add new images: `Drag and Drop` and `Click to Add`. Choose one method:

**a. Drag and Drop**

<figure><img src="/files/Q5RVhPIkXYyaukDOZaB3" alt=""><figcaption></figcaption></figure>

* Select the images you want to upload, then drag them to the blue window and release the mouse. The images will be added to the page.

  <figure><img src="/files/7YaBzkfaYCwtMOTdEodc" alt=""><figcaption></figcaption></figure>

  <figure><img src="/files/jAT2m359cgEjZjraB50S" alt=""><figcaption></figcaption></figure>

**b. Click to Add**

<figure><img src="/files/dl7iiNbLsIQ9Bj1FvF6O" alt=""><figcaption></figcaption></figure>

* Click the `Add Image` icon. A file manager window will pop up. Select the images you want to upload. You can select multiple images at once.

  <figure><img src="/files/JcTunmCjmZe1zajFjX5G" alt=""><figcaption></figcaption></figure>

  <figure><img src="/files/BYhpwjdxIPUETHXvgtT5" alt=""><figcaption></figcaption></figure>

**Editing AltText, VAR, and Position**

1. **Edit AltText and VAR**

   <figure><img src="/files/ax6eWnG8BIUCz5dB1JNk" alt=""><figcaption></figcaption></figure>

   * Click `ALT` or `VAR` below the image to open the edit window.

     <figure><img src="/files/2vGAtiV8OW9RTMqeL4qL" alt=""><figcaption></figcaption></figure>
   * Enter your content and click `Confirm`. If there's content, `ALT` and `VAR` will turn green.

     <figure><img src="/files/IYiyTPPRkzhUYMewwlTj" alt=""><figcaption></figcaption></figure>

     <figure><img src="/files/fjPXzdTZgWBOvoCOaLkZ" alt=""><figcaption></figcaption></figure>
2. **Change Image Position**

   <figure><img src="/files/WmvKBwg9Pd9SHYmckV12" alt=""><figcaption></figcaption></figure>

   * To swap the positions of the first and second images, click and drag the first image to the second image's position.

     <figure><img src="/files/pGCnI0gDrj7xQwNcMbJa" alt=""><figcaption></figcaption></figure>

**Deleting Images**

* To delete an image, click the delete icon in the top-right corner of the image. The image will be deleted.

  <figure><img src="/files/UYGW90oU87gW2k7ciQmw" alt=""><figcaption></figcaption></figure>

  <figure><img src="/files/Z4imgTe1caD5xCtoQ91G" alt=""><figcaption></figcaption></figure>

#### Submitting Changes

<figure><img src="/files/EpCSBFGaEueGp0uf8WpA" alt=""><figcaption></figcaption></figure>

* Click the `Submit` button. A confirmation box will appear. You can keep the default values and click `Confirm`.

  <figure><img src="/files/lURacVsGP4p2N6DpLSmN" alt=""><figcaption></figcaption></figure>

  <figure><img src="/files/oTb1MTGIevR6Ce8xOKYG" alt=""><figcaption></figcaption></figure>

If everything is correct, your changes will be successfully submitted. Choose `Keep Me Here` to stay on the product list page.

<figure><img src="/files/b7heC99c1eR3eLxewZzv" alt=""><figcaption></figcaption></figure>

You'll see that 4 new images have been successfully added to the product.

<figure><img src="/files/3cecneVJHebyCpezMm1P" alt=""><figcaption></figcaption></figure>

#### Conclusion

Thank you for reading. Feel free to explore other documents. If you have any questions, please contact us.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://jue-yuan-ti-cai-gousorganization.gitbook.io/bulk-image-butler/quick-start-guide-for-bulk-image-butler-online-mode.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.