Value Websites is a sponsor of the first New Zealand PopUp Business School which will be held in Porirua 2-13 October 2017. This event has been brought to Porirua from England by Tony Henderson-Newport after its success in helping people establish businesses there. Terry at Value Websites will offer attendees insights about how a web presence can enhance startup business prospects. Value Websites has been assisting Tony to develop the PopUp Business School website and its links to Eventbrite and Mail Chimp apps.

This event is a 10-day course, 9:30am to 2:30pm each day. The PopUp Business School is a Social Enterprise, focused on helping you start your business and get your ideas off the ground instantly! Come along, spend 10 days with us and learn

• How to start a business with no money
• 10 ways to leave the job centre behind forever
• How to build a website for free
• How to make money doing what you love
  ​
  

Sample Value Websites' Designed Webs Built with Weebly

Launched as a New Zealand website design and development company in 2008, Value Websites are now in their sixth year of operation. In six years the web has developed exponentially. Early in our development we began our partnership with the Weebly Content Management System (CMS) that had been launched a year before we were formed. Today, more than 90% of our web work relates to one of the Weebly websites that we manage. We humbly claim to be New Zealand Weebly experts and are often called upon by businesses and individuals to either build a Weebly web for them or to troubleshoot one that they have begun.

During 2014, Weebly have expanded very significantly, offering a new range of options and services as they seek to tune their system for the modern web. You can read about some of these  developments in this BLOG POST.

The Weebly System now ranks with the big players on the web. Whether it is a small business basic brochure website you need, an online registration and payment site linking with Formstack and PayPal (or other add-ons) or a full-blown eCommerce website, Weebly with Value Websites is a great choice for you if you need a professional, value-for-money and easy-to-work-with website developer.

All of our websites come with Blogging options and a built-in interface to easily connect to major social media.

If it is prompt, value-for-money, personalised service you want from your NZ Weebly website professional then call Terry on 027 600 1926 or use our Webform. 

N.B. This method works for most modern browsers. However it does not work for IE 10.0 or earlier. It does work for the current IE 11.0 browser.

Instructions

• Inserting the code above will make the first four (4) parent (top-level) menu items of your Weebly website non-clickable. You would only want to do that if you have drop down or pop out sub-menu pages relating to parent menu items. 
  
  
• Important: make sure there is no comma ',' after the 'a' before the '{' bracket.
  It is optional whether you insert a space before the '{' bracket.
  
  
• Often the first parent menu item is HOME with no sub-menus. Having used the code above, to make HOME clickable again remove the code below.
  

• The code below makes the third (3rd) parent menu item non-clickable. All other parent menu items will be clickable. Remember, the 1st parent menu item is numbered '0'.

• To make the fifth parent menu item non-clickable you would add the code below before the { bracket.
  

and so on....

• To find the main-style.css file follow this path in your Weebly website editor:
  
  DESIGN > Edit HTML/CSS > CSS > main-style.css
  
  
• Add  your code (as above) at the very bottom of the main-style.css code by scrolling down in the right window.
  
  
• The third parent menu, 'Web Services' on this website has been made non-clickable using this method - using the last code above.
  
  
• We acknowledge Domz who offers a more technical explanation of this methodology for creating non-clickable Weebly parent menu items.
  

Today I would like to demonstrate how I create breadcrumbs link trails in my Weebly websites. I have seen a few others try this but without complete success. I am indebted to Jack Woon's blog article on this subject and I use the Javascript code he used adding some refinements to his code and methodology.

This is the code I use in this website to setup Breadcrumbs.

You can copy the code above by saving the weeblybreadcrumbs.js file below to your Weebly Code Editor Files directory accessible via: DESIGN > Edit HTML/CCS > Files

There are a few variations to this code available to those of us who are not experienced Javascript coders. For instance:

• <h4>...</h4> could be <h3>...</h3> if you want a larger font size.
• "You Are Here: " can be changed  or deleted.
• UpperCase can be changed to LowerCase - there are three places where this change can be made.
• <font color="#555555"> (towards the bottom of the above code - this controls the font of the page name you are on) can be changed to any color code you wish as long as it contrasts with your page content background.

Having loaded the .js file above, you need to add code to your HTML pages above your Files folder.

The secret to creating Weebly Breadcrumb Trails is to treat each top level menu link in conjunction with the sublinks above (or beside) it.  

With reference to this website www.valuewebsites.co.nz for instance, I have grouped 'Web Services' with the sublinks below beginning with 'Weebly Websites'. In this case I have used the same Page layout for all these links, 'short-header.html'

Just above the closing </body> tag I have inserted this script.
<script src="/files/theme/weeblybreadcrumbs.js"></script> 

The final piece of code that needs to be added is placed immediately above  the {content} code (usually white) on the html page.
<div topurl="/Web-Services.html" toptitle="Web Services" ></div>
So 'topurl' in this case is '/Web-Services.html' and the top level page's title 'toptitle' is 'Web Services'

Now, this is where it all gets a little more complicated. Some Weebly users will need help with this. Each top level link, in my websites e.g. 'About Us', 'VW News', etc. needs to have a different Page Layout. If you want to use the same graphical design and page layout as 'short-header.html' for another top level menu link, you will need to copy the html code in that layout and create another page layout, e.g. 'short-header2.html'. I have done that for my 'About Us' page. I then changed the 'div' (2nd) red code above to:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
while adding the 'script' (1st) code as is.

Furthermore, you may choose to have No Header for the sub link/s below (beside) a Top Level Link, as I have done for the pages below 'About Us'. Please do not use the 'no-header.html' Page Layout - this is needed for Store Products/Services if you need your website for eCommerce.

Copy the code from your existing 'no-header.html' page and create, 'no-header2.html' before adding in:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
<script src="/files/theme/weeblybreadcrumbs.js"></script> 
as above.

And so on....

You will need to Publish your website to see your Breadcrumbs Trail - it does not appear when you are in Editing mode.

Three things to note:

1. You may choose not to have a breadcrumb trail on your Home page, or any other page that does not have menu sub-links. If you do have a 'Trail' on Home, you need to act in the same way as above because 'Home' is a top level menu link just like 'About Us' and 'Web Services' on this website.
   
2. If you have products for sale, your eCommerce 'Cart' is a 'no-header.html' page like the Product pages. Your 'Cart' breadcrumb trail 'Store' or 'equivalent' link may throw up a 404 error message. I have not figured how to get around this. Suggestions are welcome.
3. I have tried to offer a careful explanation of how to add breadcrumb trails to Weebly websites. Those of you unfamiliar with using html and javascript code may be encouraged to try implementing this breadcrumbs methodology. Don't waste too much time if your time is valuable. In most cases I can add this code to your Weebly website in less than an hour. You may choose to spend NZ$50 with me to have the code installed on your Weebly website.

Jack Woon also offers an alternative method which involves coding page by page. This is okay if there are say less than 15 pages in your website. Beyond that it becomes tedious and time consuming. As you develop your website it may also be frustrating to have to manually change or add code as you add new pages and/or change top level links, etc.
Alternative Method
Load the .js file as above to the 'Files' folder. 
Add the first code once at the bottom of one of your page footer elements:
<script src="/files/theme/weeblybreadcrumbs.js"></script> 
This code will automatically repeat on the footer of all pages.
Add the second code, adjusted for each of the top level menu links, to each web page, eg.:
<div topurl="/About-Us.html" toptitle="About Us" ></div>
For this alternative method top (2nd) code:

1. You can use the element Copy function to more quickly move the top level link code to the top of sub-menu pages;
   
2. You can add the code to the RH sidebar of any 'Blog' page - not top left;
   
3. You can add the code to your Store page, but you will not be able to place  it in Product pages nor in the Checkout Cart.

To view the results of coding using this alternative method visit our sister website Edit Your Webs

Please use the comments facility associated with this Post if you have questions or suggestions about this topic. 

May all your breadcrumbs be tasty ones!

Terry Alve
Value Websites

The Weebly website development and management system is much more powerful than most Kiwi users appreciate. While Weebly is one of the simplest website builders to use, many business and other users often give up without realising they are sitting on a goldmine. With a little perseverence and advice your Weebly website can be a very effective marketing and selling tool for you and your business.

Terry Alve from Value Websites has been using and profiting from Weebly Websites for over 10 years. During that time, he notes, Weebly have developed their website platform in leaps and bounds. Despite that they have maintained core values of simplicity, ease of use, along with clear and concise help systems. The end result is a wonderfully functional and effective, user-friendly website builder.

So, why do some struggle with their Weebly? 

A core issue, Terry notes, is that many small business Weebly owners and users are quite time poor. When they run into a website development issue they often give up when the solution is relatively simple. Issues we have been able to assist with include (with relevant links): getting header graphics sorted, tweaking the new and powerful Weebly eCommerce system, improving links to a payment processor and creatively adding documentation like product lists.

We can help troubleshoot and develop your Weebly website. Whether its advice, detailed instruction or asking us to do some hands on work; Value Websites are available to assist you. In working with us you will work with a Company that has designed and developed 50+ Weebly websites. We consider ourselves amongst the most experienced and knowledgeable Weebly developers in New Zealand.

Finally, a piece of valuable free advice.

One of the most under-rated components of a Weebly website is their Blog component. This very user-friendly facility is a great Weebly website back door to good search engine rankings. While we rank well in Google search engine first pages for a number of search terms (especially for Weebly related terms), a good news blog post - like this - will quickly rank on Google and other SEs. This will provide your website with a valuable entry point from which searchers will visit, explore and respond to some of your web pages. One of the reasons why we regularly write VW News posts.

And it costs you nothing (but a little time) to discuss your Weebly website issue with Terry. 

Want to talk ...?