Page Comparison

Sitecore browser configuration Note: This page has been updated to reflect the November 2021 Sitecore upgrade.

1. Sitecore Login

   Note: Use Chrome or Firefox when making edits in Sitecore Page Experience Editor. 
   1. Access the Sitecore editor: Copy and paste https://sitecore-mastersitecoremaster.spu.edu/sitecore/ into your browser's address bar.
   2. Before you log in: Select the Options link near the center of the screen and then click the Page Editor button.
   3. User Name: Enter ad\ followed by your SPU username. (Note: The correct backslash is directly below your keyboard's backspace key.)

   e.g.:
   

   User Name: ad\username
   Password: Your Windows password

   Image Removed
   
   1. Log in with your SPU credentials.
   2. Choose the "Experience Editor" (previously the "Page Editor")

Image Added

1. Navigate to the Catalog

   1. Now that you are logged in, you will see the SPU home page.
   2. If you are updating your portion of the Undergraduate Catalog: Copy and paste sitecore-mastersitecoremaster.spu.edu/catalog/undergraduate/2021220223 into your browser's address bar.
   3. If you are updating your portion of the Graduate Catalog:  Copy and paste sitecore-mastersitecoremaster.spu.edu/catalog/graduate/2021220223 into your browser's address bar.
   4. To view the Page Experience Editor ribbon, click the Home tab click the downward carrot in the upper leftright-hand corner (i.e., it's to the right of the Save Disk icon).below the Log out link and your name).

Before:

Image Added

After:

Image Added

1. Once there, click Preview, which will allow you to use the catalog's left navigation.
2. Use the left nav, or links within the pages, to go to the page you wish to edit.

Image Modified

1. Make a Quick Change

   1. Click the Edit button in the ribbon, which is in the upper left-hand corner of your browser.
   2. Click the content section you need to change, and a box will appear around the text you clicked on. Make your edit(s).
   3. Save the changes by clicking the Save icon in the upper-left corner.
   4. Now you can choose Preview again to see your changes, or you can paste the URL into a new browser tab or a different browser.

      
      

      

      
      

2. Using the "Rich Text Editor"
   

   1. For more advanced edits -- including to create an external link, upload and link a PDF, or create a bulleted list -- use the rich text editor.
   2. To open the rich text editor, after you have clicked on a content section, you will see a new (smaller) ribbon appear labled Section Copy. Click the paper icon in the upper left of that tool bar (i.e., circled below in light orange).

      

      
      

   3. Make your edit, such as adding a link with the hyperlink manager menu option located near the middle of the top row of options (as circled below).
   4. Once done with your changes, click the Accept button in the lower right of the popup window. Then click the Save icon.
   5. Next, click the My Items option in the ribbon and (if there are any items listed as locked) click Unlock All.

   6. Finally, verify your edits in another browser.

      
      
      

      
      

   
   

3. Logging Out

   1. ATTENTION: Before logging out, make sure you have unlocked all of the pages you have edited. Remember, click the My Items option in the home ribbon and click Unlock All.
   2. Click the Log Off button toward the right of the options of the home ribbon to exit Sitecore.

   
   

4. ADVANCED: Updates to Table Data

   1. If you need to updated data or information that is housed in a table, please open the Rich Text Editor for the section that needs updating; shoose the HTML view, then make the edits within the code.
   2. If you need help editing a table within the page editor, please contact Hope McPherson at hmcpherson@spu.edu or call 206-281-2552 (x2552 from a campus phone).
   3. You can also come to a UC Sitecore brown-bag lunches,  held on the third Thursday of the month from noon to 1 p.m. (Bring your laptop, if you can.)

Related articles