Text widget

• 

  sarahcodered · Member · May 28, 2014 at 5:42 pm

  • Copy link
  • Add topic to favorites

  I am trying to add a book here button in text widgets for my wahanda page. the html shows on the page and doesnt link correctly. The tech guys at wahanda said the full code I pasted is correct and should work. It means that my website needs a plug in or extension that would allow it to accept HTML codes. I am completely confused as to how to do this

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 28, 2014 at 6:11 pm

  • Copy link

  It means that my website needs a plug in or extension that would allow it to accept HTML codes.

  Ignore that knowing there is no FTP access to any WordPress.com blogs and there is no blogger enabled plugin installation capability.

  Moreover,we can post HTML provided it is actually pure HTML. If you are posting Javascript or an iframe code the software here will strip it out for security reasons. http://en.support.wordpress.com/code/ If you are posting an advertising code it will be stripped out because no blogger initiated advertising is allowed.

  Exact which code are you using? Post it here between code tags please so we can examine it.

• 

  sarahcodered · Member · May 28, 2014 at 7:38 pm

  • Copy link

  This is exactly what they have said I should copy and paste into the text widget

  <script src=”https://widget.wahanda.com/common/venue-menu/javascript/widget-button.js”></script>

  <script>
  (function() {
  var link = document.createElement(“link”);
  link.type = “text/css”;
  link.href = “https://widget.wahanda.com/common/venue-menu/css/widget-button.css”;
  link.rel = “stylesheet”;
  link.media = “screen”;
  document.getElementsByTagName(“head”)[0].appendChild(link);
  }());
  </script>

  <a href=’http://www.wahanda.com/’ id=”wahanda-online-booking-widget”
  onclick=’wahanda.openOnlineBookingWidget(“http://widget.wahanda.com/place/273193/menu/”); return false;’ target=”_blank”>
  <span>Book now!</span>

• 

  sarahcodered · Member · May 28, 2014 at 7:40 pm

  • Copy link

  It is suppossed to create a “book now” Button that links to my wahanda booking page

• 

  kokkieh · Staff · May 28, 2014 at 9:04 pm

  • Copy link

  Hi there. This won’t work on wordpress.com.

  I cannot find any link here to an actual image file that will appear as the button and cannot find a widget image on the Wahanda website either. It could be that only registered users can see a preview of the widget. If you can see an image like that somewhere try to download it by right-clicking and selecting “Save image as”.

  Alternately you can create your own button. If you just want a square or circle saying “Book here” you can make it in something as simple as Windows Paint. You can also create something more stylish or customise an existing image. I used pixlr.com to create my blog’s button, but use whatever you’re comfortable with.

  Whether you use an official Wahanda image or your own, resize it to around 120×120 pixels (if you want a wider rectangular button you’ll have to experiment with the width – I can’t find information on how wide your theme’s widget area is) and upload the image to your media library. Copy the image’s URL (starting with http:// – you’ll find it in a box on the edit image screen) and insert it into the following code:

  <a href="http://widget.wahanda.com/place/273193/menu/" target="_blank">
  <img src="insert image URL here" border="0" alt="Book Now!" /></a>

  Where it says ‘Book Now!’ you can insert anything you choose – it’s the text that will appear if someone hovers their mouse pointer over the button.

  I tested this in a text widget using an image of my own and it opened a new tab to the Wahanda booking menu of Code Red Hair when clicked, so it should work for you as well once you have an image to use.