How To Create Word Add-Ins

Introduction

In this article, we will see how to create a word add-in and how to run it.

Word add-in is an application that we can run inside of the word to increase the functionality. We can build word add-ins by using HTML, CSS, JavaScript, C#, or any other technology. It does not matter what platform we are using it will work (word for windows, mac, web- office 365 account).

Steps to Create Word Add-in

Step 1

We need to install Yeoman generator (yo) and generator-office globally using npm.

Step 2

Run npm install -g yo generator-office to install yo and office project template generator globally.

Step 3

Run yo office command to create an add-in project.

Step 4

When you run the above command, it will ask for below information.

  1. Choose a project type - Office Add-in Task Pane project
  2. Choose a script type - JavaScript
  3. What do you want to name your add-in? - My Office Add-in
  4. Which Office client application would you like to support? - Word

Once you complete the wizard, the generator will create the project and install supporting Node components.

Step 5

Go your project using this command cd "My Office Add-in".

Step 6

Run this command to start development server npm run dev-server. 

Step 7

Run npm start this command run your add-ins.

Step 8

Once you run above command it opens word desktop apps with your add-ins. You can see your add-ins in Home Tab.

Step 9

When you click on add-ins it will open side pane.

Conclusion

This is how we can easily create Word add-in and test it.