Advanced Tutorials

Learn about some advanced features of the PeopleCMS.


Learn how to place images inline in an editable text area.

This is great for blogging, but it’s tricky— only get into this if you are feeling “designy.” Your website's template has been designed to display images in specific places. But you aren't limited to those. If you like, you can also drag an image directly into an editable area of the site – anywhere you see the full-featured editing toolbar.

This is how:

  • First, get the image onto your site and into your library. Upload it by dragging it onto the cloud in your Images sidebar.
  • Now make sure you have clicked the pencil icon to activate the editable area on your page where you will want the image to appear.
  • Once the image is uploaded and showing up in your sidebar, click it in the sidebar. That will pop open an image preview window.
  • From there you will can drag the image directly into the editable text area.
  • Once you have dragged it into the text area, hit “Save” once. Then click the pencil icon to edit the area again.
  • Now you can double-click the image to resize it or change its alignment.
  • Be sure to click “Save” when you’re done.
  • At this point you can remove the photo from the sidebar . As long as the image is still in your library, it will still show up in the text area.

Step 1:




Step 2:

Step 3:


If your site uses tags, here is the basics of how it works.


If your site uses a tagging system, this functionality enables connections between projects, people, markets, services and locations. These connections improve your site’s SEO and user experience.

You can create a new Market, Service, Person or Location page on the site. For the best workflow, you should add these to the site before entering Projects. When entering the new Market, Service, Person or Location page, be sure to add its tag in the black box at the top of the page. (Just one tag per page.) This tag tells the system that this particular Market, Service, Person or Location is associated with this particular tag.

After tagging your new Market, Service or Location page, the next step is to go to each individual project page to link the project to its market(s), service(s), location(s), and key personnel using the tag you specified:

Simply click “Add” in the fields on the project page, and make a selection from the listed tag options.

Using the Source Button

The Inline editor tool bar includes a 'source' button.  If you know html or want to embed some html code on your page, this is how to do that.

  • Click the 'source' button and add or paste the desired html code.  Then hit 'save'.