How To Insert Screenshots

When adding supporting details to your content, you may want to insert screenshots. This article will walk you through the process of adding screenshots to your article.

Getting Started

Whether you are adding images or screenshots, you'll need to utilize the Insert Image function inside the Article Writing Window.

When you are ready to add a screenshot to your article, click the Insert Image icon or press Ctrl+P inside the writing window to add your screenshot. 

When the window above opens, drag your image into the "Drop Image" field or click the box to open your browser to upload. 

You can also insert the image via URL or select from managed images.

App Screenshots

You should use app screenshots as images when your content discusses mobile apps.

Image via: TechWeez.com

How To Search for an App Screenshot

1. Find the app in an online store page (Apple, Google Play, etc.).
2. Search for the app.
3. From the app page find a screenshot.

1. Right-click the image.
2. Select “Copy Image Location.”
3. On the article page in the CMS, place the cursor in the article content where you would like to insert the image.
4. Click on insert/edit image (tree icon).
5. When the image box opens, drag the image, paste the image URL, or select from the manage images.
6. Copy the URL for the web page that you took the image from.
7. Add the attribution under the image in the CMS:
   • Image via [Website Name]
     • Use the website name as the anchor text and the Website URL (the exact page with the image) as the anchor URL
       • Example: Image via Apple.com

Need help inserting links? Review instructions in the Linking Article Guide.

You should use screenshots as images when your content discusses web pages.

CopyPress recommends using an extension like Lightshot to capture a screenshot of a web page. 

1. Once you capture the screenshot, save the screenshot to your computer.
2. Go to Imgur.com.
3. Under upload images, select “Computer.”
4. Open your saved image
5. Select “Start Upload.”
6. Select “Edit image” in the top right-hand corner of the page under “Image Options.”
   • Crop the image to include only relevant information.
   • Resize the image so that the image is at least 300 pixels wide.
     • Type the number in the first box in the right-hand corner.
     • Make sure the lock proportions box is selected.
     • Hit the tab button.
     • Save the changes.

1. Copy the link under “Direct Link (email & IM).”
2. On the article page in the CMS, place the cursor in the article content where you would like to insert the image.
3. Click on insert/edit image (tree icon).
4. When the image box opens, drag the image, paste the image URL, or select from the manage images section.
5. Go back to the Imgur page.
6. Copy the link under “Link (email & IM).”
7. Add the attribution under the image in the CMS:
   • Image via [Website Name]
     • Use the website name as the anchor text and the Website URL (the exact page with the image) as the anchor URL
       • Example: Image via CopyPress.com

Need help inserting links? Review instructions in the Linking Article Guide.