Webeden Blog How to How to use HTML on your WebEden website!

How to use HTML on your WebEden website!

23 Replies

How to

More exciting news here at WebEden! This time its strictly for the advanced users amongst you.

Our Sitebuilder developers have been burning the midnight oil and have produced an ‘HTML widget’ that lets you place pieces of HTML on your WebEden website. You can find it in the File manager and its called ‘HTML Snippet’. Beware though – its still in BETA, and there are some very good reasons why its not on full release yet.

What does it do?

It allows you to add HTML snippets to your site! Add your Amazon links, web rings, banner ads, friends list from Facebook or try any other snippets you find on the web. We can’t guarantee it will work for everything but it’s worth trying.

How does it work?

Place the widget on the page and using the ‘Setup’ tab on the ‘Editor’ paste in the HTML for  your snippet and click ‘Apply’. If a height and width is detected in your code you will be given an option to resize the widget accordingly. To view the HTML widget use the ‘Preview’ button on the ‘Editor’ or click ‘View my site’ on the toolbar. If a visitor is using a browser that doesn’t support the widget it will render as a broken image link and the HTML will be displayed just below your site along with instructions on how to fix the problem.


There are known bugs with this widget.

Currently the HTML widget only works correctly if you view the site using Internet Explorer 6 or above, with Flash Player 10. So for Firefox users, it displays the HTML content below the site so they can still see it, but its not ideal.

We’ve had some exciting news from Firefox that the bug that prevents the HTML widget correctly displaying in your site for Firefox users will be fixed in the 3.1 release of the browser, due sometime in the next couple of months (hopefully). This is great, as this bug was something we couldn’t fix ourselves.

The main bug that we’re looking at on our side is why some HTML snippets don’t load correctly, which seems to be mainly those that use external JavaScript files in the HTML. Hopefully we’ll be able to fix that too and open the net wider.

Once the HTML widget is fully robust we hope to be able to offer many different pre-configured flavours of it. There will always be the generic ‘paste in any HTML’ widget, but we’ll also do some that are focused on particular services.

Have a go, and let us know what you think!

  • http://www.butecrafts.webeden.co.uk Alison Cross

    woooohoooooo!!!! This is truly excellent news! Well done your team!

    So this means that if I find a nice carousel widget, I can drop in in here?!

    There are loads of little widgets that I’d like to use – can’t wait to get started…..but it will be next week before I’ve got time to fiddle around with this new feature.

    Really well done! I think that there will be lots of builders who are just as pleased as me to see this feature.

    Even if it still has some bugs! :-)


  • http://www.butecrafts.webeden.co.uk Alison Cross

    Nope – couldn’t wait! Loaded in the Twitter widget onto my front page for the Tarot Association of The British Isles (which I write SEVERAL times a day)

    And it works!


    Lovely – thanks guys!

  • admin

    Nice one Alison – and thanks for the feedback, it is appreciated.

    BTW don’t look at your site in Firefox, you won’t like it! Come on Firefox 3.5, we’re waiting!


  • http://www.butecrafts.webeden.co.uk Alison Cross

    The whole site is getting an overhaul over the next week or so.

    Too many words – I bet *that* surprises you LOL!


  • http://mpeople.webeden.co.uk Graham Lawrence

    Super news will investigate this next week thanks!

  • admin

    Good luck, let us know how you get on!

  • http://www.tarotburlesque.webeden.co.uk Alison Cross

    Ken – Does this mean that we can create buttons in our paypal accounts and copy the HTML snippets to our websites – eg for gift vouchers or donations?

    I can create and see the button ok, but when I view my site and click on the button to test, not a lot happens – it obviously links through to something, but only a box the size of the button box stays open?

    Hmm – is this too ambitious or perhaps I’m just not terribly good at this yet?!


  • admin

    Hi Alison,

    Yes it does mean that you can create buttons in your paypal accounts and copy the HTML snippets to your websites, for payment.

    It sounds to me like you need to make the box with the HTML snippet in much bigger. You should be able to do this without making the actual button bigger.

    If you have no luck, let me know and we’ll have a go!


  • http://www.tarotburlesque.webeden.co.uk Alison Cross

    Yes – that worked beautifully. I hadn’t realised that one needed to increase the size of the box in order to see the whole page! It also meant that in order to see the full width of the gift voucher, I had to increase the width of my pages….and a lot of further footering about with the previously entered page content to resquare it up again!

    I’ve zapped it off for the moment, but will reinstate it when I’ve finalised the content of my pages!

    That might make a good tutorial – how to insert a Gift Voucher button or a Donations button onto your website?

  • admin

    Glad that worked – well done.

    You’re right, we’ll definitely be doing a tutorial on this. We just want the Firefox update to be out of the way first, otherwise we’ll be creating more problems that we’re solving!

    Latest from Mozilla is that Firefox update should be done by mid July. Once that’s sorted we’ll go HTML crazy. I mean do a tutorial…


  • http://www.guildfordboilerroom.webeden.co.uk Georgina

    Loving this so much!! Google Calendar embedded fine. Haven’t tried it in chrome but latest edition of firefox seems to work fine :)

    Thanks Webeden team

  • admin

    No problem Georgina, thanks for the feedback, and happ site building!


  • http://www.fgrtrust.com Ben

    Do we know if the Firefox update has fixed any problems with it

    I’d love to get stuck in and start using this feature.

  • admin

    Hi Ben,

    Yes, it has fixed almost all the features. We’re going to be taking this out of Beta shortly.

    the only problem that we’ve found is that Firefox 3.5 is a bit unstable. (That’s for web browsing generally, not our widget). Oh, and plenty of people haven’t yet upgraded to it yet. I just checked our stats for yesterday and 18% of people were using Firefox on our site. Of those, just 20% had upgraded to 3.5.

    By my calculations I think that means 14% of all web users are using an earlier version.

    Before too long, Firefox will force their users to upgrade. At that point the problems will disappear!


  • http://www.therevolutionisnow.co.uk Chris

    Any update on the HTML editor?

    Its still playing up in Firefox, which most of my visitors use, and Im using the most updated version, 3.5.3 at time of writing?


  • admin

    Hi Chris,

    Could you let me know what part of your site you have added the HTML widget so i can go and take a look at it and let you know what the problem is.



  • http://www.therevolutionisnow.co.uk Chris


    Thanks for getting back to me.

    If you go to the bottom of the homepage or the 2012 page you will see what I mean, if you look at it in firefox that is. Its just what has been said here, the graphic appears out of place at the bottom of the screen.

    It will be such a useful feature when its fixed! Thanks again.


  • admin

    Hi Chris,

    Could you please send me an email to design@webeden.net so i can reply with hopefully an answer to your query.

    I can see the Bookmark HTML i think you talking about but want to confirm.

    Kind regards


  • http://lighthouseoadby.co.uk Huw Davies

    I’ve put an HTML Snippet on our website and it works in Firefox! Ace-y Pace-y Great :-D
    But it doesn’t work on INternet Explorer! I’m seriously puzzled. I’ve check it in Win7 & WinXP, check I have correct version of FlashPlayer for IExplorer and that the Java is up to date. It still doesn’t work in IExplorer!
    Page is ‘Daily Bible Verse’ off the ‘Church’ menu tab on main page. Any suggestions???

  • Ray

    @huw aghhh this is a problem that resurfaced when the dev team upgraded the toolbar. I know they are working on a fix and will update when they do.

    sorry about that

  • Alfie Sheldon

    does it work on google chrome

  • nick

    this isnt really a full solution at all yet. I have added 3 lines of code, a script link a css sheet and a link. when the link is clicked it should open up a lightbox. However, the html snippet tool creates a iframe and then inserts the html inside that. This means my lightbox can only be as big as the physical dimensions of the html snippet. What would be better is if there was an option for adding javascript and css links etc to be inserted in the header section of the website and then have snippets on the page for physically embedded html markup. This way things like lightboxes etc are still possible…

  • http://www.eukhost.com/ eUKhost

    I think it will work for other blog as well.