First Thing to Do after Adding ShortPoint Widget

In this article we are going to show you how to use ShortPoint Widget, to improve the look and feel of an existing Support Template.

---

Step 1: Create a new site from a Support Template

From the Admin Space, in SAP HANA Cloud Portal, go to Site Directory

Then Create a new site by clicking on the ( + ) button

From the available Templates, choose Support Site

---

Step 2: Replace HTML Widget with ShortPoint Widget

Now you have created a Site from Support Site Template, now navigate to Homepage from the menu on the left panel

Delete the first HTML Widget that contains the message Welcome to Atomic Support

Now on the same place that used to have the HTML widget, click on the ( Section + ) button

And choose “ShortPoint Widget” from the “Add Content” dialog

Now you will see a big yellow info box, as in the next image.

---

Step 3: Add a Nice Background with a welcome message

Edit the ShortPoint Widget

Remove the default content that appears inside the editor

Click on the Blue Insert Button

 

It will open ShortPoint Inserter Tool, that will allows you to pick design elements, and choose their options.

On the search box, type "Background" or any part of it

Now you can start customizing the "Background" ShortPoint, we'll start from the "Settings" tab,

Scroll down until you see the "Height" field, update its value to be 70% (this means the background image will fill up 70% of the screen)

Now navigate to the "Background" tab and fill the Image field with the value (http://www.shortpoint.com/wp-content/uploads/2015/08/rocky-beach.jpg), as shown in the next image

Then click Insert

Basically we have configured this element, to have an image background (to a nice beach), and we  have set the height of this background element to 70%, which means that this background when it will be available in the view port, it will occupy 70% of the screen device's height.

Now put the cursor inside the Background element, and type a Welcome Message, 

Update the font size to make it big 

And hit the Save button.

And now you have a nicely designed background banner for your support site!

---

Remember: You need to publish your page ( using the Publish button as shown in the next image ), in order to let your site visitors see your designed pages, otherwise only site page editors will be able to see your changes.

---

NEXT: Designing Content using ShortPoint Built-In Sample Pages