Mac SEO Blog

In the following video tutorial, we are going to cover how to add custom buttons to your iWeb website using ButtonDesign. With these custom buttons, you can create your own navigation menu, or include other buttons such as Buy Now, Learn More, etc.

Video Transcript:

To add custom buttons to your iWeb website using RAGE Software’s ButtonDesign, follow these simple steps.

First, choose the button template that you want to use. Next, type in your button caption. This will be the text that will appear on the button.

Adjust the button’s width and zoom as you want it to be.

When you are done, click on the Export To Web Site button in the top right corner of the application.

Make sure the option to Save As HTML Button is selected. Select PNG as the Image Type, select the location to save the button, and then press the Save button.

Next, open up iWeb, and drag and drop the .PNG button onto the page you want to add it to. Move the button to your desired location.

With the button still highlighted, click on the Inspector button, and then go to the Links tab. You can now link the button to your desired destination.

Repeat this process for as many buttons as you want.

This is what an all button navigation menu looks like.