Create Office Add-ins with Napa with a Developer Site

Create Office Add-ins by using Napa with an Office 365 Developer Site

Office Add-ins

Use Napa Office 365 Development Tools with an Office 365 Developer Site to create Office and SharePoint Add-ins.

Last modified: August 14, 2015

Applies to: apps for Office | Office 365 | Office Add-ins

Learn more about supported hosts and other requirements.

Note Note

The name "apps for Office" is changing to "Office Add-ins". During the transition, the documentation and the UI of some Office host applications and Visual Studio tools might still use the term "apps for Office". For details, see New name for apps for Office and SharePoint.

In this article
Create and manage projects
Develop add-ins
Share and publish add-ins
Next steps

Napa is a great way to get started building Office Add-ins right in a browser window. You don't need to install any tools such as Visual Studio.  All you need is an Office 365 account and a supported browser. To get started, sign up for an Office 365 Developer Site. Then, install Napa on your Developer site and you are ready to create Office Add-ins. See Set up a development environment for SharePoint Add-ins on Office 365. When you're ready to use the powerful capabilities in Visual Studio, Napa makes it easy to download your project and continue developing your Office Add-in.

Note Note

There's an alternate version of Napa that doesn't use or require an Office 365 Developer Site. That version supports creating only Office Add-ins using your personal Microsoft account.

Napa gives you a page to manage your projects. You can use this page to create a mail add-in, content add-in, or task pane add-in project, rename, and delete projects.  You can also open any project in Visual Studio if you decide that you want to use features such as advanced debugging or use a web project as part of your Office Add-in. Choose a filter to view recently modified projects or projects of a specific type. Choose a project tile if you want to open an existing project.

Projects page

Projects page

When you open a project, a default HTML file appears in a code editor. This file contains all the file references that you need to get started. Use the productivity features of the editor such as syntax highlighting and code completion to write your code. You can access many of these features by using shortcut key combinations. To view a list of shortcut key combinations, press CTRL and the "." key simultaneously.  Files of your project appear in a hierarchical view to the side of the editor. Use the context menus of files and folders in this view to add, rename, or upload files (for example, HTML, JavaScript or style sheets). Use the options at the bottom of the page to run your project, modify the properties of the add-in, or open your project in Visual Studio. 

Code editor

Code Editor

While you’re developing your add-in, if you want to share it with someone else, such as to show them code or pages you're developing, you can use the Share Project feature. To share an add-in project, load the project in Napa and then choose the Share Project button on the side of the page. The Share Project feature creates a copy of the add-in project and provides you with a public link that you can give to anyone to enable them to view the copy of the add-in project. After you’ve completed your add-in project and want to distribute it, you can publish your add-in. See Publish SharePoint Add-ins or Package your add-in using Napa or Visual Studio to prepare for publishing.

© 2015 Microsoft