Admin Level - Webmaster

Command buttons are large buttons on a page that highlight important pages and take the user to them when clicked. To access them,

  1. In the side menu, click Website Design.
  2. If the buttons are on a page other than the home page, navigate there using the top horizontal menu.
  3. Click the Command Buttons overlay.
    Command Buttons overlay
  4. Follow the set of instructions based on what Choose Display Type is set to: Simple or Image Thumbnail.
    Button Group, Display Type

Add or edit buttons — Simple

  1. Click a button to edit, or click + Add Button.
  2. Button Text — The text label on the button.
  3. Button Color — Self explanatory. Defaults to color theme when no color is selected.
  4. Icon — Either choose a built-in icon that picks up the Text & Icon Color, or upload your own icon image that stays its own color. Below are dimensions for uploaded icons. Note that long Button Text labels and/or Link More Text may crop or hide the icon.
    • Template, icon dimensions in pixels, aspect ratio
      Business: 58x58, 1:1
      Classic: 58x58, 1:1
      Clean: 58x58, 1:1
      Minimal: 61x61, 1:1
  5. Text & Icon Color — Click Select or the colored box to change the color of the Button Text, and the icon when using a built-in icon.
  6. Link More Text — Appears as smaller text below the Button Text (Clean template only).
  7. On Click Link to — Enter the URL that clicking the button will take a user to, or click the page icon and select a page on your site.
  8. Open Link in — If you are linking to an external site, we recommend clicking the New Window radio button; otherwise leave as Same Window.
  9. Click Save.
  10. Click Close.

Add or edit buttons — Image Thumbnail

  1. Click a button to edit, or click + Add Button.
  2. Button Text — The text label on the button.
  3. Text color — Click Select or the colored box to change the color of the Button Text.
  4. Thumbnail Photo — To replace an existing image, click the in the upper right of the image to delete it, then click Remove to confirm. Drag and drop an image onto the Thumbnail Photo area, or click the area and then double click the desired image.
    • Template, image dimensions in pixels, aspect ratio
      Business: 317x178, 16:9
      Classic: 315x177, 16:9
      Clean: 317x178, 16:9
      Minimal: 274x154, 16:9
  5. Button Description Text — Currently not used. Useful for internal notes.
  6. Link More Text — When filled in, appears on a colored strip at the bottom of the image (Classic template only).
  7. On Click Link to — Enter the URL that clicking the button will take a user to, or click the page icon and select a page on your site.
  8. Open Link in — If you are linking to an external site, we recommend clicking the New Window radio button; otherwise leave as Same Window.
  9. Click Save.
  10. Click Close.

Button controls

When you hover over a button after clicking the Command Button overlay, the following controls appear at the top.

— Clone the button. Useful when using the same colors and/or icon/image on multiple buttons.
/ — Show/Hide the button.
— Delete the button.
— Drag and drop to rearrange the button order.

__________
See Also
Add Command Buttons to other pages
Upload higher resolution photos