Whether you are working in a staging environment and want to move your customizations into another environment, or just playing around the customization tool, and want to take backup of every beautiful design your hands can craft, the "Import / Export" feature is what you are looking for.


By using the "Import / Export" feature you can:

  • Take a backup of your current customization: by pasting the exported content into a text editor, and save it on your machine;
  • Move your customizations from one environment or site into another (e.g: from designing into staging or production environment);
  • Move your customizations from one site collection into another;
  • Move your customizations between various SharePoint platforms: any design you make with the customization tool, is cross-platform (yes, it is!), which means you can do your customizations on SharePoint Online, and then have them imported into SharePoint 2013 & SharePoint 2016, and they will look exactly the same on all platforms (isn't that cool?)

Open Theme Builder


  • For Office 365/ SharePoint Online:

1. Click the cog wheel icon at the top of your page to open Settings and go to Site contents:



2. Open ShortPoint Dashboard:



3. Click to open Theme Builder:



4. Choose Classic or Modern, depending on the SharePoint site you are using, and click Customize my site:



Note: you cannot import/export customization for Modern site to Classic site and vice versa.

  • For SharePoint On-Premise (SharePoint 2013, SharePoint 2016):


1. Click the cog wheel icon at the top of your page and go to Site settings:



2. Open ShortPoint Dashboard:



3. Click to open Theme Builder:



4. Click Customize my site:




Export:

To export the customization settings you are working on:

  • Go to Utilities > Import / Export
  • Click on the Copy button below the Export field



Now all your customizations have been copied into your clipboard. 

  • You can paste them in a notepad and have them saved on your machine, 
  • Or you can go and import them into another environment (see next step for Import).

Import:

To Import the design all you have to do is:

  1. Paste the previously exported design into the Import field.
  2. Click on the Apply button.




Sometimes when you paste the settings into the Import field, a warning message might appear to warn you about potential problems, it's good to note that you always click on the Undo button, in case importing process did not work for any reason.

Also, guys, paste the code in .txt plain files


Happy Exporting!