Close Window x

Frequently Asked Questions

Other Languages: Español

Adding Buttons, Shapes and Lines

Print this Article
Last Updated: July 2, 2015 9:52 AM

With Website Builder, 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.

  1. Log in to your Website Builder account.
  2. Click Edit Site.
  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

  1. Log in to your Website Builder account.
  2. Click Edit Site.
  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

  1. Log in to your Website Builder account.
  2. Click Edit Site.
  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.

Next Step