Our Sitebuilder Upgrade is Live!

  • 1
  • Announcement
  • Updated 8 years ago
Want a sneak preview of some of the upcoming changes to the Yola Sitebuilder? Read about it here and be the first to know!

We have developed some exciting new features (and also made some improvements to the way the Sitebuilder looks) which we plan to release soon. To help prepare you for the changes, we are giving you the inside scoop so you know what to expect on the big day of the release. This is an exciting one as it contains some of the most frequently requested features, including the ability to edit your site’s CSS and make site-wide changes for tracking code, favicons etc.

In addition to the new features, existing users will notice some fairly dramatic cosmetic changes to the Sitebuilder itself. If you already know and love the Yola Sitebuilder, when you log in after the release it might feel like someone has gone and “moved all the furniture”. But don’t be alarmed, there hasn’t been a robbery, just a bit of redecorating! In other words, all the options that used to be there are still available, just in a slightly different location. Here’s the short version to help you find your way around:

The Properties sidebar will be removed completely and the main menu will be re-ordered. Everything you used to be able to do in the Properties sidebar can now be found either under “Site Properties,” “Page Properties” or the “Edit” link found on individual widgets. “Why has Yola done this?” you may ask. We have been moving in this direction for some time, and our aim is to make site building simpler and more logical. User testing demonstrated that we needed a more logical grouping of widget, page and site-level actions. We also noticed that many people didn’t understand how to use the Properties sidebar and, as a result, were losing out on many important site building functions.

As with any change we realize that there will be a bit of a learning curve for existing Yola users, and this may be a little frustrating until you figure out where everything has moved to. Please bear with us and give the improvements a fair chance. With all the new control and ease of use, we are sure that you will like it! Here are a few screenshots to give you an idea of what is coming:

We removed the Properties sidebar.

Instead you'll now open the Page properties window shown here. page-properties

You can click on “Page Properties” to edit your page heading and add window title, keywords and description.

page-properties

We incorporated a Site menu and properties.

site-properties
Click on “Site Properties” to edit your site name, set your language, add a favicon, edit site CSS and insert a site-wide tracking code.
site-properties

New CSS editor:

site-css

We hope you will enjoy the new features, and the new-look Sitebuilder. Watch this space for an announcement of the release. To take full advantage of all the new functionality, upgrade to Yola Silver now!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
  • excited!

Posted 8 years ago

  • 1
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
WOW! I've been patiently waiting for the custom css, and now it's coming out!
Approximately how long until it is released?
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hello kevin
We are expecting the custom css to be released as early as the beginning of February! We are excited too! :)
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Does this mean you can now change the size of your header and all round page size in order for it to fit into a web page fully instead of the usual large white bands down both sides?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Craig

The CSS editing should allow you to do this! But you may need to keep in mind if that if you are using a background that Yola has made, the background image size will not change. So, if you widen the page size, you may see gaps between the page width and the background image. If you use your own background - then it will not be a problem :)
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
I saw a Site HTML tab, does that mean that we can edit the website's HTML aswell? If we could that would be totally amazing!

Also, I would have preferred it if the CSS edit panel was the total width of the lightbox and the website preview was underneath - less scrolling involved but, nevermind - can't have everything perfect can we?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
We're so happy to hear that you're very very very happy :) You can edit your site's HTML as well! Thanks for the feedback about the CSS Panel. Let's give this a try and see how it goes. We look forward to hearing how this layout works and hearing your feedback.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
WOW! Just as I requested yesterday! That was quick ;)
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Is this feature only available to Yola Silver members?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yes - that's correct! Yola Free users will still have access to the CSS but it will not be applied to their site until they have upgraded to Silver.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
oh well no luck to all us free users then!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yola Free users can still add CSS though by adding the CSS snippet to the HTML Widget! I hope that workaround will be a viable solution for you.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
WOW! This is very exciting! I am super excited about this update/upgrade! I thought there was just CSS coming but there is a bunch of extra and awesome features!! I can't wait for them to be released, this is exciting!

I saw int he last screen shot, it has "Site HTML" tab. Does that man we get to edit the HTML of our site? If so that makes me even more excited!

This will really help me out (and everyone else) with our sites!

Thanks!!
Nathan
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Kevin and Nathan,
Editing the CSS and the HTML of a site are two different things. It's not going to be possible to edit the backend HTML of the site, however you can still add HTML and javascript using the HTML Widget. When it comes to the tags, the positions will still be there for adding the title, description, keywords and google webmaster code via the Properties tab area. Hope that answers that question.

Emmy
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Emmy, I thought it was editing the HTML because if you see in this screen shot:



It has a "Site HTML" tab. Wouldn't that be the HTML of the site?

Thanks,
Nathan
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Right, Sanja said that we can: here is the conversation...

I ASKED:

mangopearmedia replied 8 hours ago
I saw a Site HTML tab, does that mean that we can edit the website's HTML aswell? If we could that would be totally amazing!

Also, I would have preferred it if the CSS edit panel was the total width of the lightbox and the website preview was underneath - less scrolling involved but, nevermind - can't have everything perfect can we?

I’m very very very very very very very... very happy :)
2 Comments Add a comment

SANJA REPLIED:

Sanja, (Official Rep), commented 7 hours ago
We're so happy to hear that you're very very very happy :) You can edit your site's HTML as well! Thanks for the feedback about the CSS Panel. Let's give this a try and see how it goes. We look forward to hearing how this layout works and hearing your feedback.

I THEN REPLIED:

mangopearmedia commented 5 hours ago
WOW! Just as I requested yesterday! That was quick ;) ( Delete or Edit)
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hey Nathan & mangopearmedia,

Before I speak too soon on this thread, I am going to speak with colleagues for clarification. We will respond soon and appreciate your patience.

Cheers!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thanks (in advance) Brianna.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Thanks for the quick replies guys, one more question... will the changes affect all pages or just the current page we are editing. Would be very helpful if the HTML was editing page as oppose to the entire website.

Thanks.
Andi North,
Mangopear Media
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi Andi,

I am pretty sure it will effect the whole site. But lets wait for an employee to confirm that.

Thanks
Nathan Johnson
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
I would be very pleased with yola if they can make some html effect the whole site. Because sometimes I make a little piece of code I need to add to all the pages, and it is tiring to go through 6 pages, each time asking you if you would like to save changes. It would be great if yola could add an "APPLY TO ALL PAGES" link on the html widgets.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
It would be better to have both as options, so that we could edit the page's html code (for W3C standards etc) and the option to add a piece of code to the entire website. That would be the best option!

A Screenshot of the HTML tab would be brilliant, and would solve a lot of questions!
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi kevin and Andi

kevin, I think you'll find that the ability to edit the CSS will make it easier to apply the same piece of code everywhere on your site. We are hoping to release this feature in February, so it is coming very soon!

Andi, I'm not sure whether we will allow editing of HTML.

Nazlie
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
what is the HTML tab for then?
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello everyone,
I'm sorry this thread has been a bit confusing. The HTML tab is so that you can see the HTML of the page, it is not for editing purposes. I can see how that would have been confusing from the screen shot. I hope that clears this up and please let us know if you have further questions. We're very excited about the release of this feature and know that you are too :)

Emmy
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
That is a shame!

Never Mind, at least we can edit the CSS and add code to all pages! Thanks for clearing that up :)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thanks Emmy for clearing that up! :) I was hoping we could edit the HTML though. At least we get to edit the CSS of the page! :)

Thanks,
Nathan
Photo of the_pete

the_pete

  • 65 Posts
  • 16 Reply Likes
Hey folks

I'm one of the engineers who worked on the Site CSS editing feature. Let me try and answer some of your questions.

1) You cannot edit the html of your site (technically your style). Sorry :( The tab you see in the screen shots just shows your the source HTML of your site so you can better decide what CSS rules to write. It's a non-editable reference of your HTML. Pretty much the same thing as clicking 'View Source' - but in a handy tab.

2) CSS that is written in this dialog is applied to your entire site. That way you never have to repeat yourself on all your pages. If you want CSS to be applied to a single page you should drop an HTML widget, add a style block like this: , and put your CSS inside that block.

If you're a free user you could do that for every page on your site, one by one, but it would take you a long time, be really hard to edit and you wouldn't get a preview while you were editing.

3) It's really tricky to answer what exactly CSS editing will let you do in terms of changing widths and editing headers etc. It can do all those things, but it's up to the person writing the code how well it works and what browsers it works in etc. Remember to test your code in different browsers. It's just the nature of this feature that we can't be responsible for it working everywhere because we're letting you write it.

4) This is a Yola Silver feature - but if you're a free user you can still play with the CSS editor as much as you like and see what creative changes you can make to your website. We'll save any CSS you write in your free account, but won't apply it to your site unless you upgrade. That way you can try before you buy.

Hope you guys enjoy this feature when it comes out later this month (February).

Cheers :)
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
This is amazing, answers the questions above in full! Thanks :)

Will HTML editing become available later?

Thanks

Andi North
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes


By looking at my site you can imagine how much my mouse and my left click finger thanks all those who had their hands in this feature's development...

http://www.honeybearplayhomes.com/
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Andi

We cannot promise that we will allow HTML later, but it is possible.

Nazlie
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Ed, yes I am sure that having the flexibility of changing the CSS will be very useful for you! :)
Photo of safi ullah

safi ullah

  • 63 Posts
  • 1 Reply Like
I think yola should add a sign in and add more free tempietes
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi safi

Thanks for the feedback.

We will be adding more templates to our collection soon, so watch out for announcements about this. As for a sign-in feature, we cannot say if or when this will be coming.

Nazlie
Photo of the_pete

the_pete

  • 65 Posts
  • 16 Reply Likes
lol @ Wayne & Garth pic

We may be supporting HTML editing in the future - but perhaps not in the way you might think.

What we would likely do is let people sign up for a developer account. With that account they would be able to write their own styles, which would include HTML, CSS and some very simple PHP templating. Once a user has authored their style they would be able to use it in their account and submit it for inclusion into the main style gallery for everyone to use.

Essentially you would be able to write your own HTML and CSS as a style - but not edit it on the fly while you're building your site. The way our system is set up, some very serious things could go wrong if you edited the HTML incorrectly - and we might not be able to recover your site should the worst happen. So on the fly editing would be very dangerous - too dangerous for us to release given our setup. If you needed to edit you could use an existing style as a starting point, modify it and save it as a new style.

With this set up it would be possible that you could even sell the styles you make.

This feature isn't close to being scheduled - and it may turn out we do something completely different. I can't commit to it - just consider this an idea we might like to go with some day.

Safi - we'll be adding more premium templates over the next few months, no free ones are planned just yet. Can't commit to when we'll improve our sign in. At the moment all we have are password protected pages.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Pete, I just meant that there is a still yet a good number of changes that I would like to make to my site layout and the upcoming release will do me a world of good.

My site is one of those... Say "Huh?", shake your head and walk of wondering how they heck sites. (somebody-else's quote not mine). Tonight I had one of those giggly schoolgirl nights because in the end everything that I did worked out perfectly. I couldn't be happier... I completely re-did my banner to include an imagemap house which lights up inside when moused over (do you believe it and in a Yola built site even?) in addition to the flash banner background imagemap banner shield and interactive flash bee.

I think that what I would love to see is a "Master Widget". A widget which only has one column and is colored red which I could do a complete header, footer or maybe banner overlay like I did and then click a button on the widget toolbar which says "Copy to all pages" That would allow for so much flexibility and future updating ease.
Everything in one widget with the HTML, Text and images with their positioning locked in and when one Master widget is edited they all are changed upon publishing.

An HTML code button could be added where the code produced can be shared with other using the same style among the user base and Yola could sell these custom codes as an add-on to that style. Imagine if you will... I or anyone else can create a custom banner overlay and Yola can sell them for a dollar or so a piece in a widget add-on store. The member who created it can earn a little, Yola can earn little and we all are happy. I can dream can't I? ;) I alone could make a few dozen per week for all the available styles and they could be put in an Ap store so to speak. (new revenue idea? ;)

Currently and for the last few years I have used a text widget as an easier way for me to update. Too difficult to explain as my brain hurts right now so the thread that I started the other day will have to do.

Use a text widget as a sitewide (page to page) copy feature in Yola... A Honey Bear Playhomes tip...

I cannot wait to see what's been in the pipe with this current release. Truth be told Pete, I have wanted to design layouts for a while now and if you don't (after that great explanation) I am gonna be one unhappy camper. Ya'll gonna have to set aside a full page for the champion designed styles that you offer. I am sure that each of us could do quite a few and who better to do it...

Thanks for everybody's hard work...
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Wow Ed, I like that sun! I also like the new menu you have there. Before every time I hovered over it, it would show in the favicon a loading circle for a few seconds when ever I hovered over a menu image item and that is because of the image being so big but it looks and loads faster now because you made it non-Flash and you made it not on huge image map, you made it all different images, good job! :)

Also, did you say "champion designed templates"? Do they have them on Yola? If so I wonder if I could design a template/style, because I have designed some templates before... it would be a cool thing to do!

Best regards,
Nathan
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Also Ed, is that sun and clouds in the background Flash?
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Thanks Nathan... I think that I have enjoyed this update more than any other. The sun was a $1 flash swf file that I added the smiley face to that I did in Gimp and then added to the sun with my Aleo flash banner maker. It really ties the theme in together and makes the place more cheery.

The menu has 7 mouseover imagmaps to cut down the image total to 300KB from over 1.5MB plus as you said they load much faster.

Laughingly, I can spend ten minutes just turning the house lights on and off. The effect is way perfect for the site. Too cool...

I think that a champion designed theme section would be awesome and would be a great touch to those now offered. I have never but would love to. I simply thought that it would a good idea and hope that it can be done.

Man that house... LOL Too much fun.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
When is the new SiteBuilder coming? I have several websites that I am going to build in the next weeks/months. The update would be really helpful but should I wait?
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi Andi,
I am so glad to hear how excited you are for the new Sitebuilder. While I cannot share the release date (we have a target date, but nothing set in stone) I can tell you it will be real soon. We will certainly keep you guys posted when the release date gets closer.
Cheers!
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Cool Thanks!
Photo of Jean

Jean

  • 134 Posts
  • 14 Reply Likes
Thanks to all of you who have requested, promoted and helped build the upcoming Custom CSS feature. I am holding off on finishing several sites until this is in place.

Thank you again to all involved.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
We also share in your excitement Jean! This is a big milestone for us and we're looking forward to this release!
Photo of Roley

Roley

  • 12 Posts
  • 0 Reply Likes
Just a curious question; will there be another announcement made when the SiteBuilder Upgrade will be released to the public to use?

By announcement, I mean anywhere from a tweet update, a reply to this announcement, a new announcement made on GetSatisfaction, or simply a post on the official Yola site? The truth is I rarely have the time to go sign into my Yola account to see if the SiteBuilder Upgrade has been released, so it would be very convenient to be notified when this release will go live.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Roley

Yes we will definitely announce it on our blog, in Get Satisfaction, on Facebook and on Twitter when this goes live.

We hope it will be soon! We are working the last bugs out of the system to make sure everything functions correctly before the big release, and when we get there we will definitely let you know.
Photo of Eat_A_Peach_5

Eat_A_Peach_5

  • 57 Posts
  • 7 Reply Likes
With the new ability to edit the css of a site, does this mean that we can use other css templates than the ones that are currently offered via Yola? I love many of the offered ones from Yola, however, if you go to the sites credited at the bottom of some of the templates (such as CSS Creme), there are LOTS of great free and for sale templates that I would like to use. Can the CSS editor remove the current Yola CSS template and the user can insert new CSS from one of these sites?
Peach :o)~
Photo of Daniel Kivett-v

Daniel Kivett-v

  • 17 Posts
  • 1 Reply Like
Yes I would like to know the same as Peach.. It would be great to use other CSS templates from other sites. I have heard about the new site builder several weeks again and have been super excited about this! I know its been answered a few weeks ago, But are we any closer to the release date? I heard it will be in February, so i'm expecting the builder should be rolling out here pretty soon! :0) I can NOT wait!!!!!!!!!!!!!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello everyone

The CSS feature is an exciting one! Currently, what this means is that you can edit the CSS of the Yola Styles to best suit your need, not that you can upload other CSS styles. I hope that helps to clarify the issue.

As for the designer credit - this cannot be removed due to our licensing agreement with them. However, if you are a Yola Silver user, you will have access to our Premium Styles - and none of those will have a credit attribution.

We are definitely moving closer to the release date. We're wrapping up our QA and we will let you know when the release will happen! Keep your eyes peeled to the forum to get the most up-to-date information!
Photo of Eat_A_Peach_5

Eat_A_Peach_5

  • 57 Posts
  • 7 Reply Likes
I wasn't asking to remove the CREDITING on the template, but to be able to remove the WHOLE template and put another that isn't one of the options currently in its place. Since this doesn't sound like it's going to be possible, when is Yola going to add more CSS template styles to the mix as what's there is nice, but there really isn't a huge choice when you get down to it (especially in the face of the fact that you can't just seem to have a blank template or add your own CSS). With the literally thousands of free choices of CSS templates available on the web, having approx. 75 -100 styles to choose from for our site design is pretty sad and lame, to be quite honest.
Peach :o)~
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello,
As Sanja explained above, the CSS feature will not allow you to upload your own template. This is something we would like to expand on in the future. If you are looking for a blank template that you can customize, please take a peek at Squeaky Clean and CleanSlate.
Cheers!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
We are thrilled to announce this release has gone live, everyone go play with all the new features!
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
i can see. and also i was quite pleased that the logins warn't desaibled either
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Yes, we are getting better at releases with either no downtime, or very short downtime. Thank you Yola engineers!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
WOW it is awesome!!
Photo of Eat_A_Peach_5

Eat_A_Peach_5

  • 57 Posts
  • 7 Reply Likes
@Brianna - thanks for the ideas; I'll see what I can do with those two styles ;)

Hopefully, we'll be able to use ready made CSS templates that aren't part of the choices we're stuck with (or Yola will add many more CSS styles to their line-up). Guess I'll be going back to school to relearn my CSS coding LOL
Peach :o)~
Photo of Roley

Roley

  • 12 Posts
  • 0 Reply Likes
Great SiteBuilder Upgrade! Everything looks very neat and finding commands seem easier than it ever was before!

Keep it up!

Oh but small question, so the new ability to use and customize the CSS override; can Yola Free users still use the override and publish the override to the public for other people to see? Or will the override only be published if we are Yola Silver users?
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Roley,
We're happy to hear that you are liking the Sitebuilder upgrades! The CSS editing is only available for Yola Silver users, so you will not be able to publish changes with it unless you have Yola Silver.

Emmy
Photo of JC

JC

  • 354 Posts
  • 15 Reply Likes
Thanks Yola team. Really great. Can't even think of what Yola will be like in 2years time even!! As what you are adding really is great, and everything so easy to find and do. Much appreciated by everyone - as I am totally sure you know already.
Also, thanks for listening to what the Yola users request, as gradually and eventually they are put into effect.