Troubleshooting Site Builder

Below we will go over some useful troubleshooting steps in case you run into any issues while using Site Builder

What to do if Site Builder is not loading

If your site builder isn’t loading, we recommend trying the following:

- Clearing your browser’s cache. Your browser’s cache stores certain information (snapshots) of webpages you visit occasionally your cache can prevent you from seeing updated content, or cause functional problems when stored content conflicts with live content. This link has information on how to clear your browser’s cache: clear cache.

- Check to be sure JavaScript is enabled in your browser.  For help enabling JavaScript click here: Enable JavaScript.

- Check for images and files with large file sizes. The larger the file the more data it has to load. It is essential to keep images sizes down to a minimum. If you have too many large files loading at once this can definitely cause a page to load very slowly. Please take a look at the following on how to resolve this issue: Image Optimization.

- Check your network. Test your connection to other sites to ensure there is not a problem with your connection to the internet. You should call your ISP (Internet service Provider) if you are unable able to connect to other websites as well.

- You can also try different browsers (Chrome, Firefox, IE, etc). If for example you are using Chrome and something is not loading or the entire site wont load there may be a widget or other application that may not be compatible with the browser. You should try to load the page in an alternate browser to ensure your site loads properly in multiple browsers.

- Be sure to check any anti-virus or firewalls, they may be blocking your site from loading. You can check your computer’s anti-virus and firewall programs to see whether they may be blocking your site from loading. This information is usually listed in the logs generated by your anti-virus protection. If your site is being blocked, you will need to add it to your exceptions list. For information about how to do this, visit your anti-virus and firewall provider’s website and take a look at their “Help” section.

 - Also be aware of where you are connecting from. If you are using a public computer, such as in a library or internet cafe, the network security settings may be causing your site builder not to load. Try to access your site from your home or office computer. If you can’t connect from your office check with your IT people to ensure the office security program or settings are not preventing you from loading site builder. Just like your personal computer’s anti-virus and firewall you’ll want to make sure that you can have a exception added for your site.

- You should also check your browser’s add-ons as they could be affecting your site builder and prevent it from loading correctly. If you have add-ons installed on your browser, try disabling them and then attempt to access site builder. If site builder loads you should then attempt re-enabling them one at a time to see witch one is causing the issue. 

 If after going through the above steps and your page still isn’t loading it may be because of text that has been pasted from a text source with coding in the background causing the site not to load or broken HTML code.

Browser compatibility

If you are using Internet Explorer 9/10/11 and your text does not appear on your page, you need to turn off Compatibility View. To do this, click on the Compatibility View button of your browser (next to the refresh button) and add Yola to the Compatibility settings. For more information, click here.

Effects of copying and pasting from MS Word or an external source

Please do not copy and paste directly from MS Word or any other external sources. This can and will cause issues.

Copying and pasting directly from a program like MS Word, email, or other webpages is one of the easiest ways to destroy your site. When you copy and paste directly from these sources, there is hidden formatting in the text that can cause the page to break. Here are some things that may happen to your site as a result of pasting text directly;

  • Your page will not load in the site builder. This might not happen initially but your page will break at some point.

  • Content on the page might not be editable.

  • Inconsistent appearance of your text in different browsers.

  • Text and images appear “jumbled” and do not display the way you laid them out.

  • Inability to format your text as you would like.

  • Other elements of the style may break, such as the menu links.

  • You may be unable to access various site builder functions, such as saving or publishing.

**You can resolve this issue by using Notepad or TextEdit

  1. Copy the content from the MS Word document or external source.

  2. Paste the content into a text editor.

    • Windows users: Use Notepad for this purpose. You can find it under Start > Accessories.

    • Apple Mac users: Use TextEdit for this purpose. You can find it in Finder > Applications. Please note that if you use TextEdit, you must select the “Plain Text” option after you paste. To do this, go to Format > Make Plain Text.

  3. Notepad or TextEdit will strip out any unwanted formatting and you can then safely copy and paste the text into the text widget.

  4. Then use the Text Editing Toolbar to format your text as desired.

How to add images stored in a MS Word document

In order for your images to display correctly on your page you would need to upload the images individually and not embedded inside a MS Word document.

If you upload the document, a link to the MS Word document will be displayed on your page, instead of the image itself.

Uploading the images

  1. Open your MS Word document.

  2. Right-click on the image.

  3. Click on “Save As” and save the image on your desktop or in any location on your computer.

  4. Follow the above step for all images.

  5. The image will be saved as .gif or .png if it’s a graphic illustration, or a .jpg if it’s a photograph.

  6. You will now be able to upload your image, using these steps: Adding Files

My page is stuck on “Opening Page” and the content does not load

This is mainly caused by adding invalid HTML code to your page. When this happens the page is not editable and therefore does not allow you to correct the code. This situation is rather unfortunate and you have only two options available. The first option is to try and break the code by changing the layout (usually 3-over-1 works best). Then drag the widget containing the invalid code to one of the empty columns and delete. If you are still unable to access your code, then your only option is to delete the page and recreate it. Invalid HTML causes very similar problems to text pasted directly from MS Word and other sources.

How do I avoid such a situation in the future?

We recommend testing your HTML code first before adding it to your page. Here’s how to test the code:

  1. Create a test site in your Yola account.

  2. Before adding the HTML code to your site, simply test it out on the test site first.

  3. Add the code and save the page.

  4. Now open a different page and then return to the page with the pasted code.

  5. If the code stops the page from loading or if you encounter any problems on the page, we suggest not adding it to your site until it’s corrected.

How do I fix my invalid HTML code?

  1. Go back to the source of the HTML code and make sure you have copied the entire code.

  2. To make sure you are copying the entire code, simply right click on the code with your mouse and click on “Select All”. This will ensure that all code is selected.

  3. Then click on “Copy”.

You can also use an HTML tidy tool – there are many HTML tidy tools available for correcting invalid HTML code. We recommend using http://infohound.net/tidy.

Using the HTML tidy tool

  1. Paste your copied HTML code into the field called “HTML”.

  2. Click on “Tidy!”.

  3. Your invalid code will be corrected.

  4. Right-click with your mouse, click on “Select All”, right-click again and click on “Copy”. This will ensure all code is copied.

  5. Drag and drop the HTML Code Widget onto your page.

  6. Next copy and paste the corrected HTML code into the HTML Editor.

“Invalid Component” error dialog box when loading my page

Invalid component

 

If you see a similar error dialog box with a message like this “Invalid Component id ’134′. Cannot Find Component HTML” this is mainly due to pasting invalid HTML code on your page.

This type of Error message is much easier to resolve and in most cases does not require for the page to be deleted and recreated.

Here’s how to resolve the problem with invalid code:

  1. Hold down on the “Esc” key or click on “OK” until the message closes.

  2. Locate the last piece of HTML code that was added to your page. This is most likely the cause of this issue.

  3. Delete the HTML Code Widget containing this code.

  4. Save the page.

  5. Click on Page > Refresh (it looks like a circle with an arrow).

    • If the Error Dialog box does not appear, then the HTML Code Widget you deleted was the offending widget.

    • If the Error Dialog box still appears, then you still need to locate the offending HTML Code Widget and delete it.

 

What do I do if I get validation errors on my page?

When you see such errors on your page, there is nothing to be alarmed about. These HTML validation errors have little or no practical impact to how browsers render your site or how search engines index your content.

Was this article helpful?

Yes (11)
No (1)

We're sorry you didn't find this article very helpful. Please help us improve it by leaving your feedback below.

Error