Creating an image Flow

The Fozzels allows users to generate images for selected products through two types of image flows: a Single Image for one product and a Specific pair for two products — top and bottom.  The product pair variations can be quite diverse, allowing users to configure the flow according to their preferences. Additionally, the service ensures easy synchronization with the client’s website, making the integration process much more convenient.

This functionality is a powerful marketing tool as it allows the creation of unique images for various product pairs, providing flexibility in product promotion. With such flows, users can easily compare the results with the original images, enabling them to quickly assess the effectiveness and accuracy of the generation. This enhances the quality of marketing campaigns and allows for quick adaptation of images to changes on the website.

Here’s the guide on how to create an new image flow easily:

Option A:
Main page > Image Flows > New Image Flow 

Option B:
Main page > Start > AI E-commerce > AI Fashion Model Generator 

On “New image flow” page: 

-Click on the desired flow type to select it. A green checkbox in the bottom right corner of the card will confirm your selection.

-Choose the store but make sure the integration is active and the required store is available before proceeding.

-Enter the Flow name.

After clicking the "Submit" button, the Flow settings page (Single Image or Specific Pair) will open, depending on the selected type. Breadcrumbs at the top of the page will help you navigate the flow type, store, and integration.

The Flow settings page is divided into three sections:

• Model and product settings. 
• Area for selecting suitable images for submission to generation. 
• List of created images.

Step 1. Activate the flow by checking the corresponding checkbox.

Step 2. Select the AI model. In the gallery, you will find models of different genders and age groups. To quickly choose, use the filters (expand the relevant dropdown and select your option).

Step 3. Select a scene. Choose one from the available options or customize your background using the Color Picker.

The color gradient panel in Color-picker allows the user to select a color shade by moving the cursor over the gradient, where shades blend from black to white and the primary color. Additionally, the color code can be entered manually in various formats, such as RGB, HEX, or HSL.

Note: Make sure you have made a selection. The checkbox should be selected in the bottom right corner of the model and background.

Step 4. Select the product for which you need to generate an additional image. To do this, click on "Product Image" and choose the product from the dropdown list. 

For easier searching and navigation, use the filter and pagination options. Add conditions in the required quantity. If necessary, remove them. Use the search by SKU or ID for convenience.

After selecting the product, the full image gallery for that product will appear in the "Area for selecting suitable images." Here you can choose the most suitable image as the "base" for generation. Switch between images to view them enlarged for a detailed assessment of the best option. information.

Note: Keep in mind that the quality of the generated image primarily depends on the quality of the "source" photos.

If "Specific pair" is selected, the page will display the option to choose 2 products (for the top and bottom parts). The selection process remains the same. Choose 2 images, ensuring you select a beautiful combination (look) right away.

Step 5. Select which product the generated image will be synchronized with. To do this, check the corresponding checkbox "Generated image will be applied for this product." 
Note: It is not necessary to select both products at once. Choose one for synchronization, and use the other as a reference.

Step 6: To save the look (pair), click the "Save" button. The selected look will appear in the results list under the "Result" column.

Step 7: Each generation is paid, so before starting, confirm the generation by setting the status to "Confirmed." To do this, go to Batch List and click the corresponding button.

Batch list page. Confirming generation process.

Step 8: Track the generation process using loaders in the Batch List and the Result section.

Batch list. Generation in progress.

Result section. Generation in progress. 

After the generation is complete, you can view the results in the following ways: 

-Go to the "Preview" page by clicking the "Preview" button in the results list.

-Preview each image separately using the "Preview" button directly in the Batch List.

Note: Before synchronizing new images to the website, we recommend checking their quality and selecting the most suitable one.

Step 9. To do this, click the "Preview" button. A comparison page “Completion view” will open, showing the generated and original images.

For a closer look at small details, use the Zoom function with the “Zoom In” and “Zoom Out” buttons.

Step 10. Select the images for synchronization (from 1 to 4) using the "Select" button, which appears in the overlay when hovering over each image. An active checkbox will appear once an image is selected. This action cannot be undone. Choose carefully!

Step 11. After synchronization is complete, the corresponding entry will appear in the "Synchronized At" column. The progress bar will update its status to "Completed" and change color to green.

To verify the result, go to your website by clicking the link in the product card.

On website: