Table of Contents#
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.ecpwi.com/ecp-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#
- Navigate to Data > Site Settings.
- Here you can edit your business name, address, phone, fax, email and social media links.
- 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.
Managing Social Media#
- Navigate to Data > Site Settings.
- Your website is preconfigured with options for Facebook, Instagram, Twitter, LinkedIn, and YouTube.
- Click on the social media platform you want to add a link to and simply paste your page's URL in the link field.
- 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 "Connect With Us" section in the footer of your website.
Managing Pages#
- 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.
- 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.
- 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.
- 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 of the editor.
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 as spam, or delete the message.
Special Considerations#
Uploading Images#
Important!
You will never need to upload a full-resolution image to your website. Images are the most resource-intensive form of media that your website will load. Loading full-size images will negatively affect the performance of your website and will hurt your search rankings. If you're unsure how to handle images for the web, please reach out to Insight Creative, Inc. for assistance.
To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a .jpg. If you are using an image editor like Photoshop, you will have image options when you save. Save as the lowest quality you can before your image starts to look bad (usually 80% quality). You should always shoot for under 200kb file size for all images you load to the website. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye.
After you save your image, the front end of the website will automatically optimize and transform your image into a more modern and performant image. This ensures your images are loading as fast as possible.
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 800ms*.
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 20 seconds, on average.
* Performance metrics are measured without added software like HubSpot's live chat and meeting calendar. Third-party software adds load time that is out of our control.