Hurckman Mechanical Website Training

Table of Contents

• Logging In
• Admin Dashboard Overview
  • Home
  • Inboxes
  • Pages
  • Data
• Editing Basic Website Information
  • Managing Business Info
  • Managing Social Media
• Managing Pages
• Editing Basic SEO Information
• Dynamic Blocks
• Adding New Blog Posts
• Editing Existing Blog Posts
• Adding New Career Posts
• Adding New Team Member
• Adding New Projects
• Editing Global Call to Actions
• Special Considerations
  • Image Handling
  • Uploading Images
  • Bulk Saving of Edits

Logging In#

Your website content is managed with the content management system CloudCannon. To log in to your admin dashboard, navigate to

https://www.hurckman.com/ic-sec=hurckman-admin

Enter your password and click "Sign In".

Admin Dashboard Overview#

Home#

Home is where you can find your Live URL, a preview of your website, documentation, and a list of recent activity.

Inboxes#

See your form notifications, check spam, resend notification emails and export contacts to a spreadsheet.

Pages#

Here you will find a list of all your website pages. Pages are broken out by their section rather than being one large group.

Data#

Data acts as a database of global information used throughout your website. Data is split between Global Partials, Locations and Site Settings. Global Partials are common blocks used throughout the website such as global Call to Action blocks. Site Settings are general settings like your business name, address, phone number and so on.

Editing Basic Website Information#

Managing Business Info#

1. Navigate to Data > Site Settings.
2. Here you can edit your business name, address, phone, fax, email and social media links.
3. As soon as you make a change, you will see the save button in the top right corner activate. Click "Save" to publish your changes to the website, or continue to other pages that you need to edit. Alternatively, your changes will be bulk saved and you can publish all changes together.

Managing Social Media#

1. Navigate to Data > Site Settings.
2. Your website is preconfigured with options for Facebook, Instagram, X, LinkedIn, TikTok and YouTube.
3. Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
4. Click "Save", to publish your change. Alternatively, your changes will be bulk saved and you can publish all changes together. As soon as you add a link to any of these, the appropriate icon will be displayed in the footer of your website.

Managing Pages#

1. Navigate to Pages. Here you will see a list of all your website's pages. Select the page you are looking for by clicking on the preview image of the page. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
2. Note: To open the visual editor, if not already open by default, click the three vertical dots and choose, "Open With >" and then select "Visual Editor.” If already in the editor, open the dropdown menu in the top left corner and select visual editor.
3. Once the editor is open you will see a similar content structure for all pages. All primary pages will contain a Title, SEO metadata, followed by all content blocks the page uses.
4. To edit a content block, click on the content block field, this will open all the fields contained within the block. Once you are done making your changes, click "Save" in the top right corner, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Editing Basic SEO Information#

If you ever feel the need to edit SEO metadata for your website, SEO settings can be found on each individual page. Navigate to the page you want to edit and click open the "SEO" content block. Here you will find Page Title, Meta Description, and Featured Image for your page.

Dynamic Blocks#

The employee spotlight, featured projects, blog feed, careers feed and services slider are populated with dynamic content and therefor cannot be previewed in the editor live preview. Placeholder data will be shown in the editor instead.

Adding New Blog Posts#

1. To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add A New Blog Post. Optionally, you can also clone and existing post to use as a starting point.
2. Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
3. Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
4. Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
5. Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
6. To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
7. Optionally, add an expert. The experts section is a really easy way to simply select a person from your team as the main contact and a CTA at the end of the post.
8. When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Existing Blog Posts#

1. Navigate to Our News. Here you will see a list of all your website's posts. Select the post you are looking for by clicking on the preview image of the post. You can also open the editor by clicking the three vertical dots in the top right corner and then selecting your options.
2. Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
3. To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
4. When ready to publish, click Save, or continue to other pages that you need to edit. Your changes will be bulk saved and you can publish all changes together.

Adding New Career Posts#

1. To add a new post, select the + Add button at the top right corner of the screen. Then click, + Add New Job Post
2. Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
3. Within the data editor, enter your post title, SEO data like page title, meta description and featured image, date, author and category.
4. Note: Your SEO featured image, is used two ways for blog posts. The featured image is used in metadata for social media and search engines, but also as the featured image of the blog post itself. This get's displayed at the top of every post.
5. Be sure to use the location data for each post. Location data is primarily used in schema data and provides more information to search engines. The location data helps with "near me" types of job searches.
6. Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
7. To add an image to the body of your post click the Snippet button, then select responsive image. Upload or select your new image and add alternative text to describe your image.
8. When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Team Member#

1. To add a new team page, select the + Add button at the top right corner of the screen. Then click, + Add New Team Member. Optionally, you can also clone and existing post to use as a starting point.
2. Once the editor is open you will see a similar content structure as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
3. Within the data editor, enter your post title, SEO data like page title, meta description and featured image, weight, job title and more.
4. Note: Your SEO featured image, is used two ways for team pages. The featured image is used in metadata for social media and search engines, but also as the featured image of the page itself. This get's displayed at the top of every page.
5. Weight is a number used to sort the order of your staff pages. If no weight is manually entered, any new pages will default to the end of the staff list.
6. Select Service Areas and Industries from a dropdown list populated by your pages within these sections of your website. This will automatically display and link to these pages on the front-end.
7. Share what this person loves about the company and add an employee testimonial.
8. Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need. Since most pages use a component based editing experience, these pages will want to open in the visual editor by default. These pages use a different template and do not use the visual editor. To switch to the content editor navigate to the dropdown menu in the top left corner and select "Content Editor". This will expose the main content body where each bio is managed.
9. When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Projects#

1. To add a new project, select the + Add button at the top right corner of the screen. Then click, + Add New Project. Optionally, you can also clone and existing post to use as a starting point.
2. Once the editor is open you will see a simpler content structure than the rest of your pages. The post editor will contain the data editor.
3. Within the data editor, enter your post title, toggle whether or not you want to feature the post, edit SEO data like page title, meta description and featured image and more.
4. Optionally add a YouTube video ID if you have a YouTube video to display.
5. Feature real words from your customers, add a customer testimonial and let them do the talking for you.
6. Select Services and Industries from a dropdown list populated by your pages within these sections of your website. This will automatically display and link to these pages on the front-end.
7. Add additional project data like location and project complete date.
8. Add Contacts, if you would like to display key contacts from your team who worked on this project. This will automatically display your team cards and link to these pages on the front-end.
9. When ready to publish, ensure that your post is switched out of a draft state and click Save.

Editing Global Call to Actions#

1. Navigate to Data > Global Blocks. Here you will see a list of Call to Action options for various sections of the website. The messaging changes slightly, but you only need to edit it in one place rather than going through each page manually.
2. Edit these just as simply as other pages or components.

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called Cloudinary. Cloudinary automatically handles all images that are uploaded to the website, resizes them and transforms them into modern image formats like AVIF and WEBP.

Uploading Images#

Bulk Saving of Edits#

You can now take advantage of CloudCannon's bulk saving of edits. Make multiple edits across pages, files, and collections and save them all simultaneously in a single batch. CloudCannon records your edits as you go, allowing you to save them all in one click. This means you only need to wait for your site to build once.