Transfer your Microsoft Office Live Small Business account to Office 365

During my OLSB to Office 365 transition, I thought it would be easy … just copy and paste the pages over. But when I moved over my custom domain, all the images, documents, and hyperlinked pages all pointed to my old OLSB site.

To make matters worse, the O365 website editor has many unresolved issues. The worst being that it did not support OLSB’s Rich Text Format, like from Microsoft word. Now the O365 editor does not clean the RTF html code, so you get a lot of empty space between lines and paragraphs. There is a fix for this problem.

I will show you how to use SharePoint Designer to redirect OLSB web pages and the home page (default.aspx), documents, images and hyperlinked pages to your Office 365 website.


For further information download the Self-transition Guide for OLSB Customers


 

Download SharePoint Designer

 

1. Create your Microsoft Office 365 account

2. (Optional) Create accounts for your users

3. Move all email, contacts, and calendars

4. Move your Website to Office 365

Archive OLSB web pages

Copy OLSB pages to O365

Copy OLSB Page Titles & SEO MetaTags

Rich Text Format to HTML

5. Save your business applications

Save OLSB Documents

Redirect OLSB Documents

6. Save OLSB Images

Use Sharepoint Designer to Upload Images

Creating Sub Folders for your Images

7. Move your custom domain (if you have one)

Revert back to your free OLSB domain name

Redo all modules (Gadgets)

Redirect Hyperlinked OLSB Pages

Replace OLSB Reports with Google Analytics

Redirect All Old OLSB Page Links to O365

Redirect OLSB Home page (default.aspx)

 

Download SharePoint Designer

We will use SharePoint Designer to make it easy to Redirect OLSB Documents, Images, and Page links to O365. SharePoint Designer also makes it easy to upload tons of images and documents to Libraries, as well as creating sub folders (which are disabled for the public website Libraries).

 

Download and open “SharePoint Designer 2010” , it’s free.

 

 

 

 

Then install and run it. Click Open Site.

 

 

 

Type in your O365 free name or your domain name. Then Open.

 

 

 

Then type your O365 account User ID (***@*****.onmicrosoft.com), then password.

 

 

When SharePoint Designer connects to your website, click All Files to display the website’s folders and libraries.

 

1. Create your Microsoft Office 365 account

 

To retrieve your one-time use promotional code to create your Microsoft O365 account, sign in to your OLSB account with your Windows Live ID and click on the promotional code link.

 

 

This link will open a new browser window on Office 365 to a unique sign up form that includes Office 365 for professionals and small business and Office Professional Plus.

 

Follow the instructions to complete sign up for the 6-month free trial promotional offer.

 

2. (Optional) Create accounts for your users

( Read the Self-transition Guide for OLSB Customers )

 

3. Move all email, contacts, and calendars

( Read theSelf-transition Guide for OLSB Customers )

 

4. Move your Website to Office 365 

( Read theSelf-transition Guide for OLSB Customers )

 

Archive OLSB web pages

 

To transfer your OLSB website to O365, you need to manually move your content. But before that,

save each OLSB web page as a Webpage Complete file. To do this, View each OLSB web page,

then go to File/Save As in your browser.

 

 

Save it to a new folder, and a html page is created and a folder of all the images. These will be your back-up OLSB web pages.

 

 

Copy OLSB pages to O365

 

In OLSB, open the page you want to move over.

 

In O365, in the public website editor, create a new page.

 

 

 

Then pick the Layout to match the same Zones you have in the OLSB page.

 

 

Go back to OLSB and from each Zone, highlight all the text / images, and right click and choose Copy. Then in O365, Paste the content in the same zone. Go back and do the same to fill each zone. Follow the same process to copy and paste all OLSB pages to O365

 

Copy OLSB Page Titles & SEO MetaTags

 

Open OLSB pages in the editor, and go to Page Properties.

 

 

 

Copy the Page title and then go to the same O365 page and paste it in Page title.

 

 

 

Copy and paste over the MetaTags to O365.

 

 

Rich Text Format to HTML

 

If you pasted Microsoft Word or WordPad rich formatted text into your OLSB web pages, and then copy and paste from over to O365 pages, the text output in the O365 website editor may have many empty paragraphs and empty lines.

 

This is because the O365 editor is a simple HTML editor and cannot clean the formatted text properly. And when you View the page to see how it looks when published, all empty spaces has been ignored by your browser, and all text lines are crunched together. An example below:

 

 

 

There are solutions to this problem on the internet. I have found a good online website: http://word2cleanhtml.com

 

In O365, in every zone one at a time, highlight and cut the text and images, then on the word2cleanhtml website, paste the contents into the textbox. Then Checkmark Remove empty paragraphs.

 

 

 

Then Click convert to clean html.

 

Go to view.

 

 

 

The text has all empty paragraphs and lines removed. Highlight and cut the text.

 

 

Back to the O365 page…paste the cleaned text. Remember that all empty paragraphs and lines have been removed, but text formatting (bold, underline, italic) has been saved.

 

In this Photoshop tutorial you will learn how to use Layer Style Effects to create a beautiful wooden texture.

Layer Style Effects is an easy way to add depth to your textures, and makes it easy to create good artwork.

You will learn to use the following Layer Styles: bevel & pillow emboss, drop shadow, and inner glow. These effects are applied to patterns in different layers to create a realistic texture.

You will also see how the Pen tool in Photoshop is used to make complex patterns with nice curves.

What Layer Style Effects you will learn to use in this Photoshop tutorial.

 

The only thing left to do is to is resize the text if you need to, and put spaces between the paragraphs.

 

In this Photoshop tutorial you will learn how to use Layer Style Effects to create a beautiful wooden texture.

 

Layer Style Effects is an easy way to add depth to your textures, and makes it easy to create good artwork.

 

You will learn to use the following Layer Styles: bevel & pillow emboss, drop shadow, and inner glow. These effects are applied to patterns in different layers to create a realistic texture.

 

You will also see how the Pen tool in Photoshop is used to make complex patterns with nice curves.

 

What Layer Style Effects you will learn to use in this Photoshop tutorial.

 

In the O365 website editor, you can copy all text and images and clean the empty spaces in word2cleanhtml, then copy and paste back to O365 with minor modifications to do.

 

 

5. Save your business applications

( Read the Self-transition Guide for OLSB Customers )

 

 

Save OLSB Documents

 

In OLSB you can download your documents one by one by visiting the Document Gallery. Right click each file and Save target as…

 

Download your documents to a new folder on your computer.

 

Then in O365, you can upload all the files to the new Documents Library. Click the Documents tab, then click Upload File. Use Upload Multiple Files to upload all the files at one time.

 

 

 

Redirect OLSB Documents

 

Your documents will point to your old OLSB Document Gallery.

 

An example below shows a zip file:

<a href=”http://oldOLSBsite.com /Documents /FlyingWing_Pics.zip”>

 

In O365, on each web page, you can find and right click each hyperlink and redirect it to the document in your O365 Documents Library. Or if you have a lot of documents, then use SharePoint Designer.

 

To redirect documents with SharePoint Designer:

 

Open “SharePoint Designer 2010”. Log in to your O365 website. Click All Files then Pages folder.

 

 

 

In the Pages tab, open the Page you want to edit. Click Edit file.

 

    

 

 

Enter the email address and password you used to open your O365 account.

 

Warning: Copy and save the original code. If you should make a mistake and have problems, you can delete the modified page and paste in the original. Right click and Select All / Copy the code for that pageand save in a text editor like Notepad.

 

Choose Yes to edit in advanced mode. Click the Edit tab, then the Replace button.

 

 

 

Clear the Find What text box. Put ”<a href=”http://OLDsite.com/Documents” in the Find What box. Put “<a href=”http://NEWsite.com/Documents” in the Replace With box (use your real domain name). Checkmark Find in source code. Click Replace All.

 

 

 

Click the Save button, and the changes will be uploaded to your website.

 

 

 

Now all hyperlinks to documents have their new O365 addresses (O365 pages omit the domain name).

 

<a href=”/Documents/FlyingWing_Pics.zip”>

 

 

6. Save OLSB Images

When you fully move your pages and domain name to O365, on each page, the text will show, but the images may be empty like the example below.

 

This is because each image is pointing to the old OLSB address.

 

In O365, the folder location for images has changed to “/SiteImages”:

 

OLSB images: *******.com/images/pic1.jpg

 

O365 images:  *******.com/SiteImages/pic1.jpg

 

 

Use Sharepoint Designer to Upload Images

 

You can manually open each image from the OLSB Image Gallery, right click and Save Picture As, to a folder on your computer. But if you have many images (like a hundred or more), this will take a long time. But there is an easy fix for that, and it uses SharePoint Designer, using Find and Replace.

 

Go back to the step: (Archive OLSB web pages), and save each OLSB page as a Webpage Complete file on your computer. This will create an html file and a folder with all the images for that page.

 

In each O365 page, we want to Find and Replace the old images path ( *******.com/images/ ), with the new one (*******.com/ SiteImages/ ) so the embedded picture paths point to your O365 Image Library.

 

For each O365 page that has been copied and pasted from OLSB, go to the archive folder you created. Then group select all the images. Right click and copy.

 

 

 

Boot up SharePoint Designer. Log in to your O365 website. Click the SiteImages folder. Right click and Paste the Images. Wait until the images finish uploading to your website.

 

 

 

Click the left arrow to get back to all the folders. Click the Pages folder to get to your O365 pages.

 

 

 

Open the new page that had the OLSB text and pictures that was copied over to O365.

 

 

 

Click Edit file.

 

 

 

Enter the email address and password you used to open your O365 account.

 

 

 

Warning: Copy and save the original code. If you should make a mistake and have problems, you can delete the modified page and paste in the original.

 

 

Right click and Select All / Copy the code for that page. Save the code in a text editor like Notepad.

 

 

Choose yes to edit in advanced mode. With all the code highlighted, Click the Edit tab, then the Replace button.

 

 

 

Note: Below, we will assume you have pasted all images only in the SiteImages folder (no subfolder).

 

Clear the Find What text box. Put ”http://OldOffivelive.com/Images” in the Find What box. Put “http://NewOffice365.com/SiteImages” in the Replace With box (use your real domain names). Checkmark Find in source code. Click Replace All.

 

 

 

All the embedded images will now have the correct path to your O365 Image Library.

Example:

 

<img src=”http: OldOffivelive.com/images/ image001.jpg” />

 

To

 

<img src=”http: NewOffice365.com/SiteImages/ image001.jpg” />

 

Click the Save button, and the changes will be uploaded to the website.

 

 

 

Creating Sub Folders for your Images

 

If you want images for a page to be in a sub folder of the SiteImages main folder, then inside the All Files tab click the Folder button. Create a name for the new sub folder.

 

Then open the sub folder and paste the images.

 

 

 

Follow the same steps to redirect the image paths, except add the name of your sub folder after SiteImages in the Replace With box:

 

 

 

So now the path of the image’s are:

****.com/SiteImages / PhotoshopEndTableTexture_images / image003.jpg

 

 

7. Move your custom domain (if you have one)

( Read the Self-transition Guide for OLSB Customers )

 

 

Revert back to your free OLSB domain name

 

If you have a custom domain name on your OLSB site, before you transition your name to O365, reset to your free domain name or you might not be able to get back into your OLSB site.

 

Your OLSB account included a free domain name: freename.officelive.com. This free domain name is based on information you provided when you created your account.

 

Go to More / Domain Manager:

 

 

 

Make your free domain name the Primary – Active name.

 

 

 

Redo all modules (Gadgets)

 

All modules in OLSB will not copy and paste over to your O365 site. These include HTML, Footer, and Video modules. You have to re-insert these modules in O365, and copy and paste the old module code into the new ones.

 

 

Redirect Hyperlinked OLSB Pages

 

For every webpage you have moved to O365, all the hyperlinks to old OLSB pages have to be redirected to O365 pages. We can do this quick and easy with SharePoint Designer.

 

Example of an OLSB page link compared to an O365 page link:

 

<a href=”http: //OLDsite.com /TextureMapFlyingWing.aspx”>

 

<a href=”http: //NEWsite.com /Pages /TextureMapFlyingWing.aspx”>

 

Follow the same steps above for Redirecting OLSB Documents to redirect linked OLSB pages to O365 pages.

 

Put ”<a href=”http://OLDsite.com” in the Find What box. Put “<a href=”http://NEWsite.com/Pages” in the Replace With box (use your real domain name). Checkmark Find in source code. Click Replace All.

 

 

 

Click the Save button, and the changes will be uploaded to your website.

Now all hyperlinks to OLSB pages have the new O365 address.

 

 

 

Replace OLSB Reports with Google Analytics

 

OLSB Reports have been left out of O365. You can use Google Analytics in its place.

 

Log in to your Google Webmaster Tools (add your site and verify it first).

 

Go to Google Analytics and Sign Up and add your website.

 

 

 

Then copy the JavaScript code Google gives you:

 

<script type=”text/javascript”>

 

*******google code******

 

</script>

 

You have to paste this script in a PayPal module at the bottom of every page you want Google Analytics to keep stats on.

 

Log in to your O365 account. Go to Insert tab and click More Gadgets, then PayPal.

 

 

 

Paste your Google Analytics code between the <form action=””> …… </form> like below:

 

<form action=””>

<input type=”image” style=”display: none;” />

 

<script type=”text/javascript”>

 

*******google code******

 

</script>

 

</form>

 

Now you can copy and paste the PayPal Gadget that has the Google Analytics code, to every page on your O365 site that you want stats on. Sign in to Google Analytics to see the statistics of visitors, or number of page views per day.

 

 

 

Redirect All Old OLSB Page Links to O365

 

The O365 website page folder structure has /Pages added:

 

OLSB page example:

*******.com/PhotoshopEndTableTexture.aspx

O365 page example:

*******.com/Pages/PhotoshopEndTableTexture.aspx

 

You may have a lot of links to OLSB pages on the Internet, and those links become dead links with 404 not found errors.

 

So, to redirect an old OLSB page link to the same O365 page:

 

1. Open “SharePoint Designer 2010”.

When SharePoint Designer connects to your website, click All Files to display the website’s folders and libraries.

 

 

 

2. Right click in the root area under the root.master file. Go to New / ASPX to create an empty page.

 

 

3. For each OLSB page, you create an empty page of the same name in O365. Put each empty page in the Root area of your O365 site in SharePoint Designer.

Example: PhotoshopEndTableTexture.aspx

 

 

Click the file name and Edit in Advance Mode.

 

 

 

4. In each page put a JavaScript Redirect in between the <head… </head> like below:

 

<script type=”text/javascript”>

 

window.location=”http:// ******.com/Pages/PhotoshopEndTableTexture.aspx”;

 

</script>

 

 

This will redirect any old OLSB link:

 

******.com/PhotoshopEndTableTexture.aspx

to your new O365 Page:

******.com/Pages/ PhotoshopEndTableTexture.aspx

 

 

Click Save and the changes are uploaded.

 

 

To test this redirect, find any old OLSB link on the internet and click it. If you did things right, it will redirect to the new O365 page. No “404 not found” errors.

 

 

Redirect OLSB Home page (default.aspx)

 

Stay with SharePoint Designer. O365 already has a default home page in the root directory. So, to redirect old OLSB home page links to O365 home, the default.aspx file in the root has to have JavaScript redirect code put in.

 

 

 

Warning: Copy and save the original root level default.aspx file. If you should make a mistake and have problems, you can delete the modified default.aspx page and paste in the original.

 

1. Log in to your O365 account. In your browser address bar, type your website name and “/default.aspx” to open the root default page.

 

 

 

2. Open Notepad. Paste the redirect code below. Use your domain name.

 

<script type=”text/javascript”>

 

window.location=”http://*******.com/Pages/default.aspx”;

 

</script>

 

 

 

3. Save the file as “Redirect2default.js” (JavaScript file). Then upload it to your website Documents Library.

 

 

Right click Redirect2default and copy the path: http://*******.com/Documents/Redirect2default.js

 

4. Click the Page tab, then Edit Page.

 

 

 

5. Click the Add a Web Part , then choose Content Editor and click Add.

 

 

 

6. Hover the mouse over the Content Editor, and click the down arrow to the right. In the sub menu click Edit Web Part.

 

 

7. Go to the Content Link where you can paste the document path: http://*******.com/Documents/Redirect2default.js

 

Click Apply.

 

 

On the Internet, this will redirect all old OLSB home page links:

********.com/default.aspx

to your new O365 home page:

********.com/Pages/default.aspx

 

 

For further information download the Self-transition Guide for OLSB Customers