GoWebsite.com provides Domain Registration
Website Hosting, On-Line Shopping Carts, SEO
Blog Hosting, Email Accounts, Security Certificates,
Merchant Accounts & other Website Products.
Free setup! Speak with us anytime: 480-624-2500

Adding Buttons, Shapes and Lines with Website Builder v7

NOTE: This article is for Website Builder version 7. Your version displays at the top of the screen when you log in to your Website Builder account. Not using version 7? Search Website Builder version 6 articles.

With Website Builder v7, you can add buttons, shapes, and lines to create stylish links and designs for your website. You can create borders for your text or use lines to separate areas of your website.

To Add Buttons with Website Builder v7

  1. Log in to your Website Builder account.
  2. Click Edit Website.
  3. From the Element toolbar, drag and drop Button Icon onto the page.
  4. Click the button to select it, and then click Settings.
  5. In the Label field, enter the text you want to display on the button.
  6. In the Link field, enter the URL where you want the button to link. (Optionally, select Open link in new window to open a new browser window when the button is clicked.
  7. Next to Background Color, click the color picker and select a background color for the button. (Optionally, select Gradient, and then click the second color picker to select different color for the gradient range.)
  8. Next to Font, click the color swatch to select a color for the text on the button.
  9. Next to Effect, select the effect you want to use for the button.
  10. Optional: Go to the Advanced tab to add or edit other effects for your button, including Border, Shadow, Rounded Corners, Transparency, and to edit the button Size.
  11. Click Publish.

To Add Shapes with Website Builder v7

  1. Log in to your Website Builder account.
  2. Click Edit Website.
  3. From the Element toolbar, drag and drop Shape Icon onto the page.
  4. Click the shape to select it, and then click Settings.
  5. Next to Color, click the color picker, and then select the color you want to use. (Optionally, select Gradient, and then click the second color picker to select different color for the gradient range.)
  6. Next to Effect, select the effect you want to use for the shape.
  7. Optional: Go to the Advanced tab to add or edit other effects for your shape, including Border, Shadow, Rounded Corners, Transparency, and to edit the shape Size.
  8. Click Publish.

To Add Lines with Website Builder v7

  1. Log in to your Website Builder account.
  2. Click Edit Website.
  3. Drag and drop Line Icon onto the page, select the line, and then click Edit.
  4. Next to Direction, select an option to display your line horizontally or vertically.
  5. Next to Border, select the color, style, and thickness of your border.
  6. Click Publish.

NOTE: For a linked list of Website Builder v7's other major tasks, see Using Website Builder v7.

Domain Registration
Pay less for website domain names. Register your own .com, .net or .org for as low as $10.18 per year. Everything you need to get online - FREE with your domain.
Website Builder
For as little as $3.89 per month you can build your Website online with Website Builder using our easy to use professional templates.
Play Video - Demo
Quick Shopping Cart
Build and run your own successful online store in minutes. You're just five easy steps away!
Shopping Cart works with Google® and eBay®
Play Video
Website Hosting
Everything needed to give your website the high-performance home it deserves.  Protect transactions and secure your customer's data with
a SSL Certificate