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.
- Choose a project type - Office Add-in Task Pane project
- Choose a script type - JavaScript
- What do you want to name your add-in? - My Office Add-in
- 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.