SYS-CON MEDIA Authors: Elizabeth White, Liz McMillan, Yeshim Deniz, Roger Strukhoff, Jason Bloomberg

Blog Feed Post

How to build your own Intranet for free in less than a day – no coding skills required

Remember the days when building sites and portals seemed like a hugely complex task? Web developers used to be magicians for all of us and we were wondering how they were able to conjure gorgeous websites. “I wish I could do that”, we wistfully mused. 

While good UX-UI design is even more important than it used to be,  new platforms have democratized web development for non techies who want to take control, and create their own websites. WordPress, which now powers a big bulk of the websites today is a prime example. 

This is the goal that has driven HyperOffice: to allow business leaders to have the same kind of control over their intranet and collaboration environment, which still continues to be seen as a technical heavy lift. We’ve built a complete environment to let teams customize their collaboration tools without the need of the IT team, something generic solutions like Microsoft Sharepoint struggle to achieve.

We want to demonstrate this by example; we will guide you through a step-by-step guide to help you build your own Intranet. No code required. No high technical skills required. Not an upfront payment required, either.

Do you feel identified with at least one of these situations?

  • The IT department claims to have other priorities and activities, relegating and defer your collaboration needs.
  • You already have an Intranet but it requires developers to modify it—and you want to be able to customize every aspect of it constantly.
  • You want to give your collaborative environment a true brand identity, adding the elements and colors to make it looks yours.
  • Your collaboration and intranets needs go beyond the standard offerings in the market and would like to add some features.
  • While your team is already large but keeps growing, you want to have control over intranet costs/user.
  • You don’t have an intranet, but you want to set it up and easily justify the cost to the executive board.

If so, we hope this guide will help you towards building your own intranet in a matter of minutes. For free.

Here are the main steps we will go through:

  1. Account creation
  2. Intranet features
  3. Creating menu and pages
  4. Adding widgets
  5. Creating workspaces and users

Account creation

  1. Go to and create a free account to set your trial, by clicking the button in the heading.
HyperOffice homepage 300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />
HyperOffice homepage

Now, just sign up by filling out the form. We use it to better identify your needs and understand what kind of content you could be interested in. Also, it’s for giving your intranet a name and access credentials.

Intranet user creation screenshot 300w, 768w" sizes="(max-width: 1011px) 100vw, 1011px" />
Learn to create a user to manage access to your intranet
HyperOffice sign up 300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />
HyperOffice sign up

Once you’re signed up, you will be able to start building your Intranet from scratch. You can use a blank canvas to start from zero or can choose a set of templates. For this tutorial, we will use a template, and also recommend you to do so to save hours for your first deployment. These templates have built-in features that you might not have considered before but you find useful. 300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

For this case, we will choose a classic template for HR department, that includes most of the basic features commonly needed, such as a document management widget, to quickly access the most relevant and popular content for HR operations, tasks management and quick access to employees profile. 300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

However, for this tutorial, we want to show you how additional widgets you can use. There are 3 types of widgets; Atlas, which connect the functions the HyperOffice collaborative suite has to offer; object features, which are common websites elements such as buttons, menus, contact forms, text, images, and embed codes; and design widgets to customize the overall look-n’-feel with lines, dividers, and grids.

Let’s briefly see each of them.

Intranet features

Atlas widgets

  • Agenda: you are allowed to create events and assign a deadline or date.
  • Link an item: access any HyperOffice feature by just clicking an element.
  • Calendar: have a calendar view of your tasks, instead of a list.
  • Files: add a box with a set of clickable items that will give you access to online documents you can upload.
  • Workspace selector: you can create multiple intranets and restrict or allow access. For instance, you can create a personal intranet or one for each department.
  • Links: list a set of custom links to access any URL.
  • Tasks: create a task, assign a responsible, a deadline, attach it to a project, and view the current its current status.
  • Wiki: quickly create a web page where more users can collaborate.

You don’t have to create a task, file, agenda or Atlas element when creating an intranet. We will synch these elements as you have them in your account. 118w" sizes="(max-width: 206px) 100vw, 206px" />

Object widgets: 

  • Button: display a button you can link to any URL, intranet element or Atlas module.
  • Contact Form: create a simple form with defined fields: subject and message. Choose an email to send the information. 
  • Embed Site: choose any website, and just by adding the URL, display an embedded version of such site.
  • Add file: upload your documents and access them through a link.
  • Google Maps: show a location through Google maps.
  • Html: drop any HTML/Js code to embed elements from 3rd parties.
  • Site Menu: create a link to display the pages of your intranet
  • Add an image: add a PNG/JPG image
  • Slideshow: show a set of photos on a slide. 
  • Text Block: add titles or paragraphs of custom text. Edit size, font, colors, and formats. 101w" sizes="(max-width: 193px) 100vw, 193px" />

Design widgets:

  • Custom panel: separate your content through panels.
  • Grid: display a set of photos with a grid format.
  • Horizontal Line: separate your content vertically through horizontal lines
  • Strip: Add a section for your page. A great way to structure each page of your intranet.
  • Vertical Line: separate the content displayed in the same section through vertical lines. 157w" sizes="(max-width: 198px) 100vw, 198px" />


Creating a menu and pages

First, you may want to structure your intranet pages. The most common use is homepages but if you don’t want a very crowded, one-page intranet, you can create multiple pages. Some examples are teams, projects, legal and operations docs, and random pages where teams can share fun stuff or special occasions. Also, there could be a section with contact forms to do requests, such as absence or resources requests.

In our template, you can see two pages displayed, but we will create and add one. 300w" sizes="(max-width: 564px) 100vw, 564px" />

All the editions we will do start with the button “Design” in the top-left corner. 300w" sizes="(max-width: 459px) 100vw, 459px" />


Now, in the editor, just click the “Pages” section. You will see your current published pages. Select “New page”. 300w" sizes="(max-width: 754px) 100vw, 754px" />

We will create a third page called “projects” where we will display team calendars and pending tasks with other elements to make the content more relevant. Don’t forget to change the status to “Published”. 300w, 768w, 1024w" sizes="(max-width: 1069px) 100vw, 1069px" />

Adding widgets

As you can see, we have just created a third page that already displays on the menu. It’s time to put some elements in the canvas. 300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Just click the wrench icon to choose one widget (described above). As we will display project-related widgets, we will first choose a calendar. Click on the calendar widget and choose the workplace you want to display the activities from; you can choose to display all your tasks or just those related to your department. You can also determine the number of tasks displayed. 300w, 768w" sizes="(max-width: 810px) 100vw, 810px" />

And here you have! Your first element. With no code, very simple, just as we promised. You can customize the size and the position of the element with our very intuitive drag and drop interface. 300w, 768w, 1024w" sizes="(max-width: 1274px) 100vw, 1274px" />

But, to make a more complete view, we will also display a list of tasks. It’s just as simple as before: choose the tasks widget and customize the options you prefer: the workspace you want to take the tasks from, filtering by task status and who are assigned.
300w, 768w" sizes="(max-width: 904px) 100vw, 904px" />

We have displayed the key elements of our intranet page. But, we could try to make this page more feature rich. Fortunately, we can extend the width of our page as much as we want:
300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Let’s add some additional elements. Don’t you worry if you don’t have any tasks, files or projects to display. You can yet create the widget and add them later. They will be synced to your Intranet. If you want to learn now how to create tasks, projects and upload documents, just scroll down a little bit more to find the section where we highlight the collaboration features HyperOffice has to offer.

I will show you how easy it’s to upload, share, and manage a document with HyperOffice. Just like you have seen before, choose the document widget and simply browse the document you want to upload. 300w" sizes="(max-width: 744px) 100vw, 744px" />


Finally, just with the purpose of an example, I will add two features: a form and a button. The form is meant to let users who have access to the intranet to send a comment or message. We can type any email that will receive such a message. For instance, it can be placed here to let our team give feedback on the new page. On the other hand, we will place a button that will give them access to our online chat room where we discuss specifically our HR efforts. 300w, 768w" sizes="(max-width: 898px) 100vw, 898px" />


As you may think, all the elements work the same way: you just need to drag and drop and customize the display options. We have built an all-in-one collaborative platform that non-technical users can utilize to build intranets in a matter of minutes.

You just need to save the changes to see the updated version of your intranet: 300w, 768w, 1024w" sizes="(max-width: 1266px) 100vw, 1266px" />

Creating workspaces & users

Once you work on your first intranet, you may also want to expand it to other dependencies; this intranet has been built for HR purposes, but there are other departments that need collaboration and manage content and projects in the same workspace. However, you don’t want Finances or Product Development areas to have access to HR, nor vice-versa. This is where we create workspaces: separate entities inside your account to let you control and manage users access.

To create a new workplace, just go to the user’s drop-down menu and choose “Admin”. 300w" sizes="(max-width: 438px) 100vw, 438px" />

There, you will access the current workplaces you have and the assigned users for each of them.
300w, 768w, 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Click on “New workplace”.
188w" sizes="(max-width: 395px) 100vw, 395px" />

Then, give your new workplace a name, a description and give access to specific users. 300w, 768w" sizes="(max-width: 821px) 100vw, 821px" />

As this is your first time with HyperOffice, you may not have any registered users yet. Just go back to the admin page and click “New users”. 163w" sizes="(max-width: 354px) 100vw, 354px" />

You just need to fill the initial credentials to create a new account. However, you can fill additional contact information. It may be very useful for large organizations that manage dozens or hundreds of employees and collaborators. If you need contact management as well, we have you covered, by the way.

You can choose the access level and automatically send an email notifying the new user of the account creation. 300w, 768w" sizes="(max-width: 1011px) 100vw, 1011px" />

Next steps

You may want to leverage HyperOffice’s features such as task management, calendars, projects, notes, and documents. We are also creating guides for each of them. Just ask for a free demo, personalized walkthrough or attend our webinars. We will be very happy to assist you.

Additional resources




The post How to build your own Intranet for free in less than a day – no coding skills required appeared first on .

Read the original blog entry...

More Stories By Pankaj Taneja

An MBA by qualification, Pankaj Taneja has more than six years of experience in the SaaS and web collaboration industries. Having seen SaaS grow from a niche sector to the next big thing in enterprise technology, he has a great enthusiasm and passion for the sphere. Pankaj has been working for many years at HyperOffice, one of the earliest players in web collaboration since 1998, an industry which now includes solutions from Google, Microsoft, IBM, Cisco, Oracle, Adobe and more. It is amazing being part of a pioneer in collaboration, riding a wave which only promises to grow.

Latest Stories
Tapping into blockchain revolution early enough translates into a substantial business competitiveness advantage. Codete comprehensively develops custom, blockchain-based business solutions, founded on the most advanced cryptographic innovations, and striking a balance point between complexity of the technologies used in quickly-changing stack building, business impact, and cost-effectiveness. Codete researches and provides business consultancy in the field of single most thrilling innovative te...
Atmosera delivers modern cloud services that maximize the advantages of cloud-based infrastructures. Offering private, hybrid, and public cloud solutions, Atmosera works closely with customers to engineer, deploy, and operate cloud architectures with advanced services that deliver strategic business outcomes. Atmosera's expertise simplifies the process of cloud transformation and our 20+ years of experience managing complex IT environments provides our customers with the confidence and trust tha...
CloudEXPO has been the M&A capital for Cloud companies for more than a decade with memorable acquisition news stories which came out of CloudEXPO expo floor. DevOpsSUMMIT New York faculty member Greg Bledsoe shared his views on IBM's Red Hat acquisition live from NASDAQ floor. Acquisition news was announced during CloudEXPO New York which took place November 12-13, 2019 in New York City. Our Silicon Valley 2019 schedule will showcase 200 keynotes, sessions, general sessions, power panels, and...
With the introduction of IoT and Smart Living in every aspect of our lives, one question has become relevant: What are the security implications? To answer this, first we have to look and explore the security models of the technologies that IoT is founded upon. In his session at @ThingsExpo, Nevi Kaja, a Research Engineer at Ford Motor Company, discussed some of the security challenges of the IoT infrastructure and related how these aspects impact Smart Living. The material was delivered interac...
ShieldX's CEO and Founder, Ratinder Ahuja, believes that traditional security solutions are not designed to be effective in the cloud. The role of Data Loss Prevention must evolve in order to combat the challenges of changing infrastructure associated with modernized cloud environments. Ratinder will call out the notion that security processes and controls must be equally dynamic and able to adapt for the cloud. Utilizing four key factors of automation, enterprises can remediate issues and impro...
Intel is an American multinational corporation and technology company headquartered in Santa Clara, California, in the Silicon Valley. It is the world's second largest and second highest valued semiconductor chip maker based on revenue after being overtaken by Samsung, and is the inventor of the x86 series of microprocessors, the processors found in most personal computers (PCs). Intel supplies processors for computer system manufacturers such as Apple, Lenovo, HP, and Dell. Intel also manufactu...
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
As you know, enterprise IT conversation over the past year have often centered upon the open-source Kubernetes container orchestration system. In fact, Kubernetes has emerged as the key technology -- and even primary platform -- of cloud migrations for a wide variety of organizations. Kubernetes is critical to forward-looking enterprises that continue to push their IT infrastructures toward maximum functionality, scalability, and flexibility. As they do so, IT professionals are also embr...
The widespread success of cloud computing is driving the DevOps revolution in enterprise IT. Now as never before, development teams must communicate and collaborate in a dynamic, 24/7/365 environment. There is no time to wait for long development cycles that produce software that is obsolete at launch. DevOps may be disruptive, but it is essential. DevOpsSUMMIT at CloudEXPO expands the DevOps community, enable a wide sharing of knowledge, and educate delegates and technology providers alike.
At CloudEXPO Silicon Valley, June 24-26, 2019, Digital Transformation (DX) is a major focus with expanded DevOpsSUMMIT and FinTechEXPO programs within the DXWorldEXPO agenda. Successful transformation requires a laser focus on being data-driven and on using all the tools available that enable transformation if they plan to survive over the long term. A total of 88% of Fortune 500 companies from a generation ago are now out of business. Only 12% still survive. Similar percentages are found throug...
Industry after industry is under siege as companies embrace digital transformation (DX) to disrupt existing business models and disintermediate their competitor’s customer relationships. But what do we mean by “Digital Transformation”? The coupling of granular, real-time data (e.g., smartphones, connected devices, smart appliances, wearables, mobile commerce, video surveillance) with modern technologies (e.g., cloud native apps, big data architectures, hyper-converged technologies, artificial in...
OpsRamp is an enterprise IT operation platform provided by US-based OpsRamp, Inc. It provides SaaS services through support for increasingly complex cloud and hybrid computing environments from system operation to service management. The OpsRamp platform is a SaaS-based, multi-tenant solution that enables enterprise IT organizations and cloud service providers like JBS the flexibility and control they need to manage and monitor today's hybrid, multi-cloud infrastructure, applications, and wor...
CloudEXPO has been the M&A capital for Cloud companies for more than a decade with memorable acquisition news stories which came out of CloudEXPO expo floor. DevOpsSUMMIT New York faculty member Greg Bledsoe shared his views on IBM's Red Hat acquisition live from NASDAQ floor. Acquisition news was announced during CloudEXPO New York which took place November 12-13, 2019 in New York City.
The Master of Science in Artificial Intelligence (MSAI) provides a comprehensive framework of theory and practice in the emerging field of AI. The program delivers the foundational knowledge needed to explore both key contextual areas and complex technical applications of AI systems. Curriculum incorporates elements of data science, robotics, and machine learning-enabling you to pursue a holistic and interdisciplinary course of study while preparing for a position in AI research, operations, ...
Codete accelerates their clients growth through technological expertise and experience. Codite team works with organizations to meet the challenges that digitalization presents. Their clients include digital start-ups as well as established enterprises in the IT industry. To stay competitive in a highly innovative IT industry, strong R&D departments and bold spin-off initiatives is a must. Codete Data Science and Software Architects teams help corporate clients to stay up to date with the mod...