How to Create a New Webpage

Simply Drag and Drop to Design Your Webpage

In the App drawer screen, in the ‘Social Cloud’ drawer, click on the ‘Website’ app.

CloudOffix App Drawer Page - Website App

Fig. 1: CloudOffix App Drawer page, Click the Website App to begin.

The website dashboard shows many valuable information such as daily visitors, and sales made according to the filtered time scale. But in this instance, let’s navigate to creating a webpage. Click the world icon labelled ‘Go to Website’

CloudOffix Website Dashboard

Fig. 2: Website Dashboard

As an alternative to going from the backend, it is enough to go directly to the website and click on the new button in the right corner of the website.

On the Website, click the ‘New’ button located on the top right corner of the screen to be begin designing the webpage.

CloudOffix Website New Page Button

Fig. 3: Click the ‘New’ button.

The ‘New’ button brings up a variety of ‘New’ options.

Although these new pages can be created from the backend, In Order to do this from the App Drawer Screen click ‘Website’, then find and click ‘Pages’ under the ‘Configuration’ Menu item. This form enables configuring the webpage at the backend before the design phase begins at the frontend.

Creating Website Pages

Fig. 4: Creating pages in the Backend.

CloudOffix also offers the option for these pages to be created easily from the frontend.

Continue with ‘New Page’ for this instance.

‘New’ web page types

Fig. 5: ‘New’ web page types.

In the Edit mode, a panel appears on the left of the screen, which has blocks that can be dragged and dropped on the screen. Simply drag and drop a desired block and begin designing.

Webpage in Edit Mode

Fig. 6: Webpage in Edit Mode

Use the styling menu at the top of the screen to edit the writing on the page. Change fonts, colors, size, positioning and even add links.

Styling Menu

Fig. 7: Styling Menu

Customize the blocks using the customize menu located just above each and every block.

Customize the blocks

Fig. 8: Customize the blocks

Once the webpage is complete, simply click the ‘Save’ button located on the top right corner of the screen.

Save the completed webpage

Fig. 9: Save the webpage

Congratulations! You have just edited a Webpage!.