Edit Items and Categories

The bulk of your website's content lives in K2 Items and Categories. Look here first if you need help editing something.

Step 1:

Navigate to K2 > Items via top menu or navigate to Items from Control Panel

  • Once you are in the “Items” area, you will see a list of existing items. 
  • Create a new K2 Item by clicking “+ New” green button in the top right.  

Step 2: Give your new K2 Item a good Title.

Step 3: Assign it to the proper Category according to your site’s organization. The “Title alias” will auto-complete when you save. If you change the title, delete the tile alias so it automatically updates.

Step 4: Create your text in the window either by pasting from a document or typing directly in the window. For headings, select “Heading 2” or “Heading 3.”  

REMEMBER: Always click Save for your changes (click Cancel if you do not want your changes to take effect). Please note that if you delete or unpublish a K2 item connected to a Menu item, you will need to reassign that Menu item to a published item or retire it (email if you need help).

Here are some basic tips for formatting the content within your items:

  • Headings: To create headings (and keep things consistent in the site), highlight the text to be made a heading and under Format, select Heading 2 or Heading 3, 4, etc. Try to be consistent and match the heading choices from other pages. 
  • Line break (but not hard return): In HTML, hitting enter will give a hard return which will create a paragraph space between lines. Click Shift and then Enter to get a line break. 
  • Bullets or Number Lists: Enter your text with hard returns between the lines you want to bullet point (or number). Select the lines and click the Unordered List or Ordered List icons.
  • Bold, Italics, or Underlines: Use Bold and Italics sparingly for impact. Avoid Underlining as it can make the text look like a hyperlink. 

1. Select All Items from the Control Panel.

All items 
2. Once you are in the “Items” area, you will see a list of existing items.
all items list

3. From the K2 Items list, you can filter down by “Select category” to view items in a particular category.
filter category

4. Alternatively, you can search by term to find items whose title contains that word.

search

5. Once you have found the Item you are looking for, click on the title to open the Item for editing.

1. To add/edit the main item image in K2 Item or Category, click the “Image” tab.

image tab
2. From the Image tab, click on Browse, to upload a file from your computer. 

browse
3. Your file name will appear next to the Browse button. Click Save.

browse
4. Check the front end of your website to make sure the image appears as you intended. Note that the location and size are preset in the Image tab to maintain consistency across the website.

Alternatively, you can add photos by using the “Insert/Edit Image” icon in your editing menu.

Insert image

Note these are secondary images, they will not be pulled into other views or pages (like displayed on the homepage) and you will have to make more editing choices (like size and location).

This should be considered a secondary image, the first being the main image for the page that you add to your Image tab. For more on this see: Add or Change an Item's Main Image.

To insert an image further down in your Item's content do the following:

1. From your opened Item, place your cursor where you'd like to insert the image then select the Insert Image button from your Editing Menu.
Add to body

2. From the Image Manager Extended window select an already uploaded image from the files below or select Upload to choose a file from your computer.
upload

3. From the Upload Window, you can drag a file into the window or use Browse to select from your computer.
browse upload

4. Once the file has been added, click on Upload.
upload 2

5. Back in the Image Manager Extended window, you will see the image file appear. Click on the file name.
click file

6. Once you've clicked on the file name, it will populate a URL. Now you will need to make some choices about how your image is displayed: Dimensions, Alignment, Margin. You can align right or left and adjust the size or have them be full width (this is often best these days with mobile phones as long as the photos are not vertical). For full width, have the dimensions be “100%” and delete the height or leave blank.

Photos on websites are best viewed when they are 72dpi (photos you take directly from your camera and print are generally 300dpi) so you should resize them as 72dpi and set to 1200 pixels max wide or high before uploading.*
make choices

7. Click Insert at the bottom.
8. Your image will appear in content of your Item. Save & Close and review on frontend/published version of your website to ensure it appears as you intended.

result save

*Notes on Editing Images: Editing images can be a struggle for clients but as the website manager, you should try to 1)  acquire a photo editing program and 2) understand what kinds of images should be used (and not used). 

1.    Learn how to edit your photos. The most well-known photo editing program is PhotoShop but it may also be too expensive for an organization. Online options that help you resize for width or image quality include Pixlr, BeFunky, or search for others. 

2.    Photo quality is really important. Do not use blurry or pixelated images on your website, especially on the home page. It looks unprofessional and reflects poorly on your organization. Also, do NOT use images you have lifted from the internet without permission. It’s illegal and not a good practice. There are dozens of stock photo websites where you can legitimately purchase images pretty inexpensively (try Unsplash.com, iStockPhoto.com, DollarPhotoClub.com, or BigStockPhoto.com).

1. Post your video to YouTube, Vimeo, or some other online video hosting.

2. Copy the video number and insert it into a new paragraph in the body your Item.

3. You can place a video anywhere in the body of an Item by inserting the following syntax: 

video embed
The same format applies for any other online video hosting service, etc.

4. Save & Close.

5. Review on your published website. 

If this does not work please contact we may have to add a module to your site.

Do you need to add a link to another page on your website?

1. From inside your selected Item or Custom Module type the text you'd like to link.
2. Select your desired text and in your editing menu, select the Link button (chain link icon).

link edit menu


3. In the link pop-up window select your desired location on you website by expanding the Main Menu or K2 Items & Categories and select the page the you'd like to link to.  The URL will populate based on your selection. Next click Insert.

pop up
4. Your linked text will now appear in red. And when you have your cursor on it, the Link and Unlink* buttons will be highlighted.

link result5. Save & Close.
6. Check your link on the front end of your website to ensure it's working the way you intended.

* The Unlink button removes a link - to use, simply select the text you no longer want linked and click the Unlink button

If while editing the content in a K2 Category or K2 Item you come across something in these curly brackets/braces
"{ }" do not remove it.

These can be used for a variety of reasons on a site's backend and editing or removing them can change how things display on the frontend of your site. If you don't know what something in brackets is for, please feel free to contact us at .

Do you need to add a link to another website on your website?

1. From inside your selected Item or Custom Module type the text you'd like to link.

2. Select your desired text and in your editing menu select the Link button (chain link icon).
link edit menu
3. In the link pop-up window complete three tasks:

  • Enter the URL you want to link to

  • From the Target dropdown select Open in new window

  • Insert

link new window

4. Your linked text will now appear in red. And when you have your cursor on it, the Link and Unlink* buttons will be highlighted.
link result


5. Save & Close.

6. Check your link on the front end of your website to ensure it's working the way you intended.

* The Unlink button removes a link - to use, simply select the text you no longer want linked and click the Unlink button

Often in a Custom Module or in an Item you'd like to add a button link to make a call to action stand out.

Note: How your button link appears (it's style) is predetermined in you Custom Style Sheet (CSS). This is not editable. Where you insert it, where you link it, and what copy you use in the button is up to you.

1. In your Custom Module or Item, enter the button's copy. Keep it short and clear what clicking on the button will get the user. Example: Sign up today!

btn enter copy

2. Highlight your copy (text) and select the link button from your Editing Menu.

btn select link button

3. Create your link from the drop downs below or add an outside link in the URL space. For more help on this see: Add a Link.
btn make link

4. In the link window, tab to Advanced. Under Class enter btn.
btn classes btn

5. Click on Insert at the bottom of the window.
btn insert


6. A button should appear over your copy now. Save & Close. Check the button on your published website to ensure it's working the way you intended.

btn appears

1. To insert a document for users to download (pdf, doc, xls, jpg) into your K2 Item, write an intelligible user-friendly phrase (i.e. Download the application) and highlight.
user cta

2. Click on the Insert/Edit File icon.
attach doc button

3. Select an existing file or upload a new file by clicking the Upload icon (arrow pointing up on the right side of the File Manager pop-up).
select upload

4. Once uploaded, click on the file title twice. Once to select, and another time to populate URL.

Check the box “Icon” if you want a PDF or Word Doc icon to appear. (Some of these options may be preselected by default for you.)

Then click Insert.
click insert

5. Your selected text will now be red, indicating a link has been created, and an icon will show, if you selected the icon.
result

6. Save & Close.

Do you have a staff person or service you'd like at the top of your page?

There are a handful of ways in which items can be displayed. In the case of news or blogs we often set it to display based on published date. If we instructed your site to display items based on Ordering (as we often do with Staff) then the below instructions should work for you.

1. Go to All Items

All items

2. Filter to the Category you are working with.

3. Click on the up/down arrows on the left side. From there three dots will appear in darker color in front of each item title. Grab the dots to drag the items into your desired order.

ordering items

4. It automatically records your changes. Take a moment though to check it on your published website (i.e. the frontend).