Generate a web preview (screenshot) of the project based on the provided URL

Content:

This procedure allows you to automatically generate a screenshot of the specified website and upload it as the project's image.

Procedure

1. Access the project edit page (via the Portfolio section).

2. Locate the field labeled URL and enter the full web address of the project (for example: https://www.yoursite.com/).

  • Attention: The URL must be valid and complete, otherwise generation will not work.

3. Scroll down to the Media section.

4. Decide where you want to save the preview:

  • For the Desktop (Web) preview, refer to the Gallery 1 field.
  • For the Mobile preview, refer to the Gallery 2 field.
  • For the main image, refer to the Main Images field.

5. Next to the desired field, click on the preview generation button (usually identified by an icon or text like "Generate Web Preview").

6. During generation, the button will show a loading status: <i class="fa fa-spinner" aria-hidden="true"></i> Generating...

7. Wait for the process to complete. Once finished, the image will be automatically uploaded to the selected media field and the button will display: <i class="fa fa-check" aria-hidden="true"></i> Generated.

8. To apply changes, make sure to save the project using the form's save function.