Mind Team Website Training

Table of Contents

• What is Jamstack?
  • Faster performance
  • More secure
  • Scalability
• Logging In
• Admin Dashboard Overview
  • Home
  • Inbox
  • Pages
  • Data
• Editing Basic Website Information
  • Managing Business Info
  • Managing Social Media
• Managing Pages
  • Toggle Blocks
  • List Items
• Adding New Staff Pages
• Adding New Blog Posts
• Editing Existing Blog Posts
• Editing Basic SEO Information
• Inbox
• Special Considerations
  • Image Handling
  • Uploading Images
  • Bulk Saving of Edits
  • Build Times

What is Jamstack?#

Welcome to your new Jamstack website! Jamstack creates a simple website architecture that makes your website faster, more secure and scalable. Jamstack’s core principles of pre-rendering and decoupling enable your website to be delivered with greater confidence and resilience than ever before.

Here are the main benefits of Jamstack:

Faster performance#

Serve pre-built markup and assets over a Content Delivery Network.

More secure#

No need to worry about server or database vulnerabilities.

Scalability#

If your website suddenly goes viral and has many active users, the CDN seamlessly compensates.

Logging In#

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

https://www.mymindteam.com/ic-sec=my-mind-team-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 and a list of recent activity.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms.

Pages#

Here you will find a list of all your website pages.

Data#

Data acts as a database of global information used throughout your website. Data is split between Global Partials 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. 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, Twitter, LinkedIn, 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. 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, Menu, Hero, and Intro, followed by all content blocks the page uses. Each content block gives a brief overview of what is contained within it.
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.

Toggle Blocks#

To toggle blocks on and off, simply look for the Enabled field on any block. Enabled blocks will be shown with a red checkmark. To disable a block, simply uncheck this field. On save, your block will no longer be displayed on the front end of your website.

List Items#

CloudCannon list items give you the ability to drag and reorder blocks of content. List items will be shown with a grid of six dots, use these handles by clicking and holding the list item, now you can drag it into the order you prefer. To add a new list item, click the + Add button at the bottom of the list.

Adding New Staff Pages#

1. To add a new a new staff page, click on the Our Team section of pages within the admin menu options. Click the + Add button at the top right corner of the screen. Then click, + Add New Staff
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 page title, URL if a custom URL is preferred, SEO data like page title, meta description and featured image. Note: Your SEO featured image is used in metadata for social media and search engines.
4. Add new staff headshot
5. Add job title
6. Add Zoom room URL
7. Select a weight, your weight will control the order in which staff get displayed on the page. Without a weight, new team members will be added at the end of the list and sorted in alphabetical order.
8. Add post content within the content editor and use the formatting options of the WYSIWYG editor to style your post as you need.
9. When ready to publish, ensure that your post is switched out of a draft state and click Save.

Adding New Authors#

1. To add a new author to your blog, click Data, then click authors.
2. Click the + Add button in the top right or clone an existing author.
3. Enter in your new author title and name to match exactly as what their name is on their staff page.
4. Select their headshot
5. When ready to publish, click Save in the top right corner.

Adding New Categories#

1. To add a new category to your blog, click Data, then click categories.
2. Click the + Add button in the top right or clone an existing category.
3. Enter in your new category title.
4. When ready to publish, click Save in the top right corner. This category will now be available to select when creating your next blog post.

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 Blog
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, URL if a custom URL is preferred, 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. 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 Blog. 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. 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 as all your pages. The post editor will be split between two main sections, the data editor and the content editor.
4. To edit your post content within the content editor, use the formatting options of the WYSIWYG editor to style your post as you need.
5. 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.

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.

Inbox#

Inbox is where you can view and manage the email notifications from your contact forms. When you enter your inbox, you will see a list of all mail notifications that you have received. Click on any notification to view the full email details. You can also click the three vertical dots in the right corner to find options to resend the message, mark it as spam, or delete the message.

Special Considerations#

Image Handling#

All images throughout the website are configured and served through an image transformation service called Imagekit.io. Imagekit 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.

Build Times#

Your new Jamstack website does all the work upfront to prepare files for your website visitors so pages can be delivered much faster. At the time of the website launch, your site is loading at around 400ms*.

After editing a page's content, sit back, and enjoy some coffee. Give it a minute to rebuild your website and then go view your newly published change on the front end of your website. Builds typically take about 14 seconds.