When your product UI changes, step screenshots in your help articles can fall out of date. This guide shows you how to upload, replace, or remove images on individual steps so your guides stay accurate. ## Prerequisites - You have a project with at least one generated help article - You are signed in to your SupportPages workspace ## Steps ### Step 1: Open Articles In your project workspace, click **Articles** in the sidebar under Help Centre. ### Step 2: Select the article to edit In **Sections & Articles**, click the article whose screenshots you want to update. The editor opens on the right with the full article content. ![Select the article to edit](https://help.supportpages.io/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgyMCwicHVyIjoiYmxvYl9pZCJ9fQ==--2110ea4b388c480950d781b4d5e346074a7ad74f/step_1.png) ### Step 3: Find the step in the Steps section Scroll down to **Steps** in the editor and locate the step whose screenshot needs changing. ### Step 4: Upload a screenshot On a step with no image yet, click **Click or drag to add image** or drag an image file from your computer onto that area. The image uploads automatically and appears below the step text. ![Upload a screenshot](https://help.supportpages.io/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgyMSwicHVyIjoiYmxvYl9pZCJ9fQ==--7ef1d88f157ad4a85182312b9035c589340c4c5c/step_3.png) ### Step 5: Replace an existing screenshot To swap an image, drag a new file onto the current screenshot. You can also hover over the image, click the remove button, confirm **Remove this image?**, then upload a new file using the placeholder. ### Step 6: Remove a screenshot Hover over the step image and click the **×** button in the top-right corner. When prompted, confirm **Remove this image?** to delete it from that step. ![Remove a screenshot](https://help.supportpages.io/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDgyMiwicHVyIjoiYmxvYl9pZCJ9fQ==--4e0d1a7c7f5fb0b216c7334ffac8fc23e3ba8942/step_5.png) ## Tips - PNG and JPG files work best for step screenshots. - Changes save automatically — you do not need to click a separate save button. - If a published article's screenshot changes, the live help centre updates after you upload or remove the image. ## Summary Open **Articles**, pick your guide, and use the image area under each step to upload, drag to replace, or remove screenshots. Your help centre stays in sync with the images you set.