This website is for City employees.

Looking for Teams Phone training? Visit our Teams Phone resources page.

Steps to Website Proficiency

  1. Be comfortable with the ProudCity Dashboard and Page Builder
  2. Watch the Introduction and Intermediate Website Training Videos
  3. Know how to:
    • Create a News Post
    • Create a New Web Page
    • Be able to make edits to existing pages
      • Find out where information is stored
    • Upload Documents
    • Create and Work with Froms
    • Create and Work with Answers/FAQ
    • Create Redirects
  4. Know how and when to ask for help!
Computer Screen with magnifying glass, phone, paper airplane and letter signifying emails and content.

Working in ProudCity

Introduction to Using ProudCity

Here is a quick introduction on to the using ProudCity

Introduction to ProudCity

Introduction to the ProudCity Dashboard

Here is a quick introduction on to the ProudCity Dashboard

Dashboard Introduction

Use Page Builder to Dynamically Present Content

Here is a quick introduction on how to use Page Builder.

Using Page Builder

Creating a News Post

Lunch and Learn – How to Write a Great News Post

Make sure to answer the 6 questions:

Who? What? Where? When? Why? How?

Make sure to include:

Title, Summary (Intro) Body, Conclusion, Resources

Creating and Editing Web Pages

Introduction to Page Types

Here is a quick introduction on Page Types.

Page Types

Department Web Pages (Intro to Page Builder and Widgets)

Here a quick introduction video to viewing the Department web pages

Department Web Pages Overview

Editing an Existing Web Page in Proud City

Here is a quick video on how to edit an existing web page.

Edit a Page

Creating a New Web Page

Here are some quick videos on how to create a web page. ProudCity also has a checklist of what to include linked here: Post/page checklist – ProudCity Help Center

 

Tutorials

Uploading/Adding an Image(s) to the Website

Here is a quick video on how to uploading and posting images to the website.

Uploading Images

Posting Events on the Website

Here is a quick video on how to post events to the website.

Posting Events

Embedding Videos/Images/Documents

Here is a quick video on how to embed media (Videos, Images, Documents) in Page Builder.

Embedding Media

Question: Horizontal Lines

Horizontal lines can be used throughout a website to create separation of topics or ideas. Here is a quick video explaining when they are used and where to find the function in Page Builder.

Horizontal Lines

Uploading Documents to the Website

Here a quick video on how to upload a document:

Uploading Documents

How to Create Answers/FAQs

What FAQs are on the Website​

  • Frequently asked questions that could be looked up organically on the search bar on the website. ​
  • Accordion or List style FAQS on project pages​

Purpose ​

  • Service center on the Home Page​
  • Traditional FAQs using the answers list widget on pages.​
  • Condensed lists on pages

Here is a quick video on how to create an FAQ (Frequently Asked Questions) and Answers.

Answers/FAQs

Using Buttons such as Icon Set/Image Set/ Icon Links

Here is a quick video on how to create buttons and links with images.

Icon Set/Image Set/ Icon Link Widgets

Creating ProudCity Forms

Here is a quick video on how to create a ProudCity Gravity Form. ProudCity also has information linked here: ProudCity Forms 101 – ProudCity Help Center

Create a form

Adding Tables to the Website

https://help.proudcity.com/html-tables/

Please note that tables are challenging for accessibility and should be avoided when possible. Oftentimes headings and lists can avoid tables altogether: https://help.proudcity.com/guide-content-structure

DO NOT copy/paste tables from another tool. Build it directly in the text box using the Table icon shown below.

Table icon in page builder

Close window