If you provide services on an appointment basis and want to enable your clients to book appointments with you directly from your business website, ubooq will do that. In this tutorial we will show you how to create a website that allows your visitors to book appointments online, using ubooq.

1. The first step is to signup for an account at ubooq.com.

2. After your account is created, click the ‘Take me to my reception’ button.

3. You will log in and Sally appears at the bottom of the screen. She will guide you through the setup process step-by-step.

4. Follow Sally and complete the setup steps until she guides you to the widgets section and tells about embedding your online reception right into your website.

5. After you select the “Embedded Reception” widget and choose how you want it to appear on your website, a text box with the widget code will be shown.

6. Left click the HTML code in the text box. Then right-click and select Copy to copy the widget code.

7. Now login into your Iconosites website maker admin area and start editing the page in which you want to embed the ubooq widget.

8. Scroll down to the ‘Your Page Content’ area and press the HTML button in the toolbars. Check screenshot for help.

9. Now paste the code exactly where you want the ubooq widget to appear on your webpage. After pasting the code press ‘Update’ to save changes.

10. Save the page by hitting the ‘Save & Exit’ button in the bottom floating menu bar on screen. Check your website.

Congratulations!  Your visitors now have the ability to book appointments with you directly from  your website, using our online website maker.

P.S. Don’t forget to return to Sally. She will guide you through the rest steps and show you how to use ubooq day-to-day.

A good website attracts people and compels them to stay on their but what about Search Engines? What are the things that attract Search Engines to come and stay on a website? When a bot from Search Engine comes to your website, the first thing it looks for is a sitemap. A sitemap is like a virtual map for your virtual property that shows a bot the things that are on a website and points it in the direction where they are located. Sitemaps thus form a very important part of a website. A sitemap is no rocket science, in fact it is one of the most basic and easiest steps of website building. And like always, we at Iconosites make sure that things get even simpler for our customers and readers. The following tutorial will enable you to create a Sitemap for you using www.SlickPlan.com

1) Go to SlickPlan.com and click orange button that says “Try it free for 30 days”

2) Next scroll down a bit (just below the paid plans on the left), there is a sign-up link for the free plan. Click the button to start with the sign-up.

3) Sign-up for a free account using your email. Make sure you click the verification button in the email.

4) After verifying your email, log-in into your account on SLickPlan.com and click the big grey button that reads “CREATE A NEW SITEMAP”=

5) A wizard will then show up. Complete the step-by-step wizard.

6) After completing the wizard, you will be shown your Dashboard where you will be allowed to create your sitemap.

7) Add pages and subpages. Drag-and-Drop pages to get the relationship right between the pages.

8) After you have added all the pages and subpages, press Export/Import button in the upper menu.

9) Select the file format and press Export.

In this post, we’ll show you how to embed a Microsoft Excel document onto your webpage.  This will allow your visitors to see anything you have on a given excel spreadsheet, with the ability to scroll up, down, left, or right if needed.  Just follow the steps below.

1)      Go to http://office.microsoft.com/en-us/excel/redir/XT102603424.aspx and login into your account. Sign-up for a new account if you do not already have one. Sign-up is easy and free. This service allows you to upload your documents on internet and share through different platforms.

2)      After you login, following screen will appear. Open the public folder by clicking it.

3)      Upload the excel file to be embedded by pressing the upload button on the top.

4)      Next step is to embed the file in the webpage. Follow the screen-shots below.

5)      The following screen shows up. Press Generate to generate the embed code.

6)      Copy the generated code.

7)      Now log-in into your IconoSite and start editing the document you wish to edit. Scroll down to the content area and open the HTML editor.

8)      Add the code where you want the table to appear. ‘Save and Exit’ the page.

9)      I listed some stats on my page using this method. How do they look?

LinkedIn is a place where you connect with all the professional people of your small business niche. In fact you can not only see their profile and contact them, you can even grab business and job opportunities at this great site for designed specially for professionals. This tutorial will show you how to add your LinkedIn profile tab to your Iconosites website, using our professional web page maker.

1) Go to LinkedIn.com and login with your username and password.

2) After logging in come back to this page and click this link to view the profile badges you can use on your Iconosites to let people find and connect to you on LinkedIn.

3) After the page opens, you will be able to view many buttons with their respective code on the right. Select the one that would look best on your business website.

4) After deciding the design you would like to use, right click on the corrosponding code and press copy from the menu.

5) Now login into your Iconosites Admin panel and start editing the page in which you want to add your LinkedIn profile.

6) After the page loads, scroll to the ‘Your Page Content’ and press HTML button in the toolbar. Check screenshot below for help.

7) In the HTML window, paste the copied code where you want it to appear on your page. After pasting the code, press ‘Update’.

8) Save the page by clicking the save button at the bottom of the screen. Now proceed to your page on the website to view the new LinkedIn button.

Page Rank is the measure of your website or more specifically the measure of a web page’s worth in the eyes of the Google. It depends on several factors, backlinks being the biggest of them. If your business website has a good social presence on the internet, Google considers your website as a trustable source and gives you a better page-rank above the other free websites or webpages on internet. There are many myths and facts about page-rank or more popularly known as PR that you can find on Google. This tutorial will help you to add a PageRank checker to the footer of your iconosites website.

1) We will be using MyPageRank.net for this purpose. Click here to go to the PR Checker tool.

2) In the text box, enter the URL of the website on which you want to add the tool and then press the ‘Check PR’ button.

3) This will show you several styles to display the PR. Select the style that you like and would like to use on your Iconosites website.

4) A code will pop-up as soon as you select the style. This is the code we need to add to the HTML of our Footer.

5) Select the complete code (a single left click on the code will select the complete code.) and right click on the code to find the copy option. Press copy to copy the code.

6) Now log-in into your Iconosites web page maker. On the admin page, there is a menu on the left hand side. From the menu, press the option that reads ‘Logo/header/Footer’.

7) On the next screen that shows up. Scroll down to find ‘My Footer’ content area. Press the HTML button (refer to the image below) to view and modify the HTML of the footer.

8) Add the HTML code at the bottom and press ‘Update’ to update the HTML using this professional website builder software.

9) Press save on the menu bar that appears on the page to save the Footer.

10) Now, view your small business website. How does it look on my website? Cool enough?

People hate slow websites and most of the time reason behind slow websites are big images (not bigger in dimensions but bigger in size). This not only leads to running customers but also poor search engine rankings which makes your free website almost invisible to new buyers. This tutorial will help you get rid of this problem when you build a website with our website builder by reducing the size of the image but still not compromising with the quality. We will use a very simple website named: JpegReducer.com for this purpose.

1)  Head over to the website and scroll down to the ‘Browse’ button within a green box. Press the Button to open the browser select the image.

2) Select the image and press ‘Open’

3) Click the ‘Reduce It’ button to proceed to the next step. This will trigger the script on the webpage and reduce the image size while you sit and have some snacks.

4) After the size of the image has been reduced, you will be shown the following screen.

Click on ‘See converted images’ to view the reduced size images.

5) The next page shows you several images with different size and quality. Select the one you need. Make sure you do not compromise too much with the quality as it will ruin the look and feel of your site.

6) Follow the screenshot below to save the image.

and then

Finally you have learned how to create a website with the images you need and you can use it the way you want.  This is a great addition to use in combination with our professional web page maker, as it will allow you to take large images and res them down so that your web pages look good and load snappily.

A Logo is the identity of your business.  Including one when creating a website not only defines the personality of your company and its employees but also makes your company step above the competition. The Logo, nowadays is used on websites also and our website builder also allows you to place your logo in the header. But what if your logo size is large and makes your page look ugly instead of professional? This tutorial will help you give a perfect size to your logo (or any other image for that matter) and impress your visitors.

My site has a logo that suits my business well and I am happy to have it on my Icono free website. But the large size of the image makes the whole site very ugly and instead of impressing the people, it ruins the image of my business.

We will solve this problem by using Picresize.com

1) Go to Picresize.com

2) Press the ‘Browse’ button to open up a file browser and select the file.

3) Go through the following screenshot if you need help with selecting your logo image.

4) Now press the big yellow button to proceed to next step.

5) Scroll down to 2nd option which will allow you to resize your image (check screenshot). Select any existing preset or enter custom dimensions if you know how much place you have on your header. I made my logo 50% smaller in size.

6) Click the option with a floppy icon to ‘Save the image to disc’.

7) Log-in into your Iconosites website maker account. Check the left sidebar for ‘Logo/header/footer’ section. Click it!

8) Scroll down to the image uploader. Press the ‘Add Files’ button to select an image. Now press ‘Upload’ to start uploading.

9) Your new logo will be uploaded within a second and shown to you. Click on ‘Activate Logo’ within the professional website creator to use the new logo on your website.

And that is it! We are done and our website has been updated with the resized logo.

This is how my Icono website looks after placing a re-sized logo.

If you are looking for a way to enable people to chat on your business website or simply post a message for you or other people, Chatwing is not only a simple but a very beautiful tool that allows you to do this. In this tutorial we will teach you how to create a website with free chat rooms, using Chatwing.  In minutes you can have full-blown discussions happening on your free web site.

1) First, we will need a Chatwing account to create the widget for our small business website. Click on the big purple button that says “Get Chatwing”. This will open up a sign-up form. Sign up for a free account for your website.

2) The next screen shows you three options: Embedded, Pop-Out and Group Chat URL. Since we are Embedding a chatbox in a website, we will use the 1st option – Embedded.

3) The next screen allows you to customize the chatbox widget for your website design. It allows you to change the size of the chatbox as you need. It even allows you to change the color of the chatbox to blend it seamlessly within your website. After you are done with the customization press the ‘GET HTML CODE’ button to get the embed code.

4) Left click and select the complete code on the left side of the screen being displayed. Then right click and press copy to copy the code.

5) Now login into your Iconosites website maker admin area and start editing the page in which you want to embed the chatbox.

6) Scroll down to the ‘Your Page Content’ area and press the HTML button in the toolbars. Check screenshot for help.

7) Now paste the code exactly where you want the chatbox to appear on your webpage. I added it to the top of the page just below the header. After pasting the code press ‘Update’ to save changes.

8) Save the page by hitting the ‘Save & Exit’ button in the bottom floating menu bar on screen. Check your website to see how the chatbox looks.

So, what do you think about my chatbox?

Congratulations!  You now have the ability to add chat rooms to any page of your choice on your professional website, using our online website maker.

Vimeo is one of the best video sharing and video streaming website on the internet today. Its popularity can be measured from the fact that most of the music labels now rely on Vimeo for streaming their music online. The videos have an extremely high steaming quality, which means that your videos will just look better in terms of resolution and clarity when viewed on your website.  For small business owners who care about maintaining a professional and credible website design, Vimeo is definitely the way you should go.

In this tutorial we will learn how to create a website with videos from Vimeo.  We’ll show you the step-by-step process of doing this using our online website maker.

1) Go to Vimeo.com and browse to the video you want to add on your free website.

2) Now bring your mouse cursor over the video and watch out for 3 options that appear on the upper right side of the video. Click the third option which says “Share”.

3) Clicking the Share Button, shows up a new screen. On the right side, we have the embed code. Also you are given an option to customize the embed features according to your requirement (check screenshot). If you want to skip the customization part, you may skip the next step of the tutorial and go to Step 5 straight away.

4) The video embed code can be customized as per your requirement. There are a host of options that you can change to change the look and feel of the video player.

Size: Lets you change the size of the video player that will appear on your site.

Color: Changes the color of text and controls that would appear on your site.

Intro: Lets you change the intro of the video on your site.

Other:

Autoplay: IF the video should play itself as soon as the page is loaded. Check the box for YES.

Loop this video: Check to start looping.

Show text link underneath this video: Show link to Vimeo and name of the author of the video under the video. Check the box for YES.

Show video description below video: To show description of the video (from Vimeo) under the video. Check the box for YES.

5) After the customization part has been done, its time to copy the code. Select the code by left clicking and then right click to open the right-click menu. Now press copy.

6) Now its time to add the video to the page. Login in to your Iconosites free website builder admin area and “EDIT” the page in which you want to add the video.

7) Now scroll down to the ‘Your Page Content’ area and Press HTML Button in the toolbar.

8) In the HTML window, browse to the location where you want to add the video. Once you are confident of the place. Paste the code and press update (check screenshot).

9) After updating the HTML code, save the page by pressing the “Save & Exit” button in the site builder (bottom of the screen). Now go to your website to see how the video looks.

Congratulations!  You just added a high quality Vimeo video to your website using a professional web page maker.  We encourage you to peruse through this blog and look at the other website building tutorials we offer that will teach you how to design a website with ease.  The more you learn, the more tools and features you can take advantage of to help your business succeed.

Sometimes while working with images on our free website, we are faced with the problem of them being very big and going out of page and distorting everything. This tutorial will show you how to solve this problem and make a better looking website with our professional website maker.

Below is a webpage with a very big image that is not only looking ugly but also disturbing the text underneath.

This is how we will solve the problem.

1) Go to Picresize.com

2) Now press the ‘Browse’ button and select the file to be resized.

3) Refer to the screenshot below if you need help with uploading the picture.

4) After you have selected the image, press the continue button.

5) This will upload the image on the server. The next screen will allow you to resize your image to any size you need. From the drop down menu, select custom option and enter the required dimensions and then press the big yellow button at the bottom.

6) After the image has been resized, you will be shown the next screen which will allow us to download the image to our computer.

7) Take the downloaded image, and upload it to your website using our easy web page maker.  I did the same and now my site looks a lot better. Check it out in the following screenshot.