Skip to main content

Update page thumbnails and summaries

This page applies to:MindTouch Responsive

What is the page settings editor?

The Page Settings editor (found above a page's title) is a feature that allows you to update the page thumbnail (for categories and guides) and the page description, i.e. the editor allows you to display an image where applicable and a summary for a page. You must have edit permission on a page to use the Page Settings editor.


What is a page summary?

Page summaries are an important part of a user's search and navigation experience. Page summaries display in MindTouch and Google search results and explain what the article is about to help users find what they are looking for.


What is a thumbnail?

A page thumbnail is an image you can add to any article that will be leveraged in two different instances. They are displayed for your categories and guides and on search results pages to help users quickly filter by the appropriate category or guide.


Migrating old overviews to the new editor

Your MindTouch dashboard has a Page summary migration section that helps identify pages containing old overviews that need to be updated to the newer page summary format. Find the page summary migration tool by clicking Site tools on the MindTouch toolbar and then selecting Dashboard.


Add thumbnails and page summaries to a new page

  1. When you create a new page, hover over the Add page summary textbox and click the Edit icon.

  1. Add your summary, then click Save to display the summary wherever the article is referenced.


Automatically display a page summary on a page

If you want to display the page summary somewhere on your page, follow these steps:

1. Select DekiScript from the Styles drop-down menu.

  1. Type the following call into the DekiScript block:

  TIP:   Click the view source icon at the end of the code block for easy copying and pasting of code:

  1. Press Shift + Enter to exit the DekiScript block.
  2. Continue editing your page as applicable.
  3. Click Save in the editor toolbar.  

Updating a thumbnail

  1. Hover over the thumbnail and select the edit icon.


  1. After you click the edit icon you will see an attachment dialog appear.
  2. Either select the browse option to find the image file you would like to attach or drag and drop the image file onto the dialog and the image will be uploaded. The image's full size will display in the page settings editor but will be resized when viewed on pages or in MindTouch Search.
  3. Don't like the image? Hover over it and click the X to remove it from the page.


Resizing an image

Resizing an image are extremely quick and simple whether you have a Mac or PC, follow these instructions:

Collapsing page settings

The default state of page settings is for it to remain open on page load. If you would like page settings to stay collapsed upon page load you just have to add the following to your global variables page. If you set the following variable under the MindTouch object: collapsePageSettings: true.  For example:

let export = {
        mindtouch: {
            collapsePageSettings: true

What's next?

Learn all about adding page thumbnails to your category and guide pages. You can also learn more about article summaries here: Using Overviews for Effective Search and Navigation.