Mission 1: Install Component


In this mission you will learn to install a new page component from the upgrade store. You will add it to a page, edit it and immediately see the results. Let's get started.

Step 1 : Upgrade store.

Login to the tutorial project that you created (see tutorial setup). On the CMS homepage click the upgrade store button or add more elements.

The upgrade store is the place where you install additional components and functionalities that come with every SiteManager website. You can restrict access to the upgrade store for your clients.

1 starttoupgradestore

In the upgrade store click on the Page Components button.

2 upgradestore

Scroll down untill you see the Blockquote component. This is the element we will add to the project.

3 blockquote

Click add to site to install the component. After the component is installed close the upgrade store pop-up to return to the CMS homepage.

Step 2 : Drag and drop the component on your page

Click on the Add element button to view the installed components on your project. Drag and drop the blockquote component below the intro text of the homepage (see below).


Step 3 : Edit component form

In the textfield type: “ Every accomplishment starts with the decision to try “

Click the Save button (1) and then the back button (2) to return to the CMS visual editor.

Tip: you can use ctrl/cmd + s to save the form or ctrl/cmd + q to save and quit the form

4 edit form

Step 4 : Publish

To put your changes online press the Publish button.

5 publish

After publishing you can click the preview button to visit your website.

6 visit


Well done! In the next onboarding mission you will style the installed blockquote component using the design application.

Thank you for trying out SiteManager! Would you like to get your own personal demo with one of our specialists? Send us an email at hello@sitemanager.io.