Posted on

Add a downloadable file with button link – Website Builder 7

You can upload files — such as spreadsheets, Word documents, or PDFs (Portable Document Files) — with Website Builder. Your site’s visitors can then click a button to download that document for offline use. Or if you prefer, you can offer that downloadable file using linked text instead of a button.

 Note: The files can be no larger than 30MB, and this method is not intended for uploading images or audio files. Instead, see Add imageand Adding an audio player. You cannot upload files ending with htm, html, htmlx, js, asp, aspx, mht, php, exe, gem, xpi or dll.

  1. Log in to your 1 account.
  2. In your Products list, click Website Builder, and then click Managenext to the account you want to use.
  3. Once Website Builder launches, click Edit Site.
  4. Use the page menu to select the page where you want to create a linked button.
  5. In the left-hand toolbar click Button, and a button is added to the page.
    Click button in the left toolbar.
  6. Click the button on the page and choose Settings.
    Click button and choose Settings.
  7. In the Settings window, next to Label, enter the text you want the button to display.
    Enter a label for the download button.
  8. Next to Link, click the red arrow, then Upload
    Click Upload

    Other options after clicking the red arrow:
    • Select a previously uploaded file in the Link to list.
    • Delete a previously uploaded file by clicking Upload and then click the file’s trash button in the File Manager.

  9. In the File Manager, click Browse to find a file on your local drive.
  10. After the file is added to the File Manager, click it. When the green checkmark appears, click Insert.
    After upload, click Insert
  11. Close the File Manager by clicking the x in the upper right and return to your page.

     Note: If you upload a text or PDF file, you can have it open in a new window by selecting the checkbox below the Link field. (Other file types, such as a spreadsheet, will simply download rather than opening in a new window.)
    Check Open link in new window.

  12. After making your choices, click Save at the bottom of the Settingswindow.
  13. Click Preview to see how the button will appear on your website.
    How download button will appear to customers
  14. When you’re ready, click Publish and confirm your choice by clicking Publish again.
  15. A window displays a link to your site, which you can click to see the published changes. Or click Close.
  16. When your page reappears, click Exit Preview.

Next step

More info

Posted on

Customize your navigation menus – Website Builder 7

Website Builder lets you customize how your website’s menu navigation links display, including their style, orientation, and alignment.

  1. Log in to your cheap domain registration .com account.
  2. In your Products list click Website Builder, and then click Manage next to the account you want to use.
  3. Click Edit Site.

     Note: If your website does not yet have a navigation menu, get started by dragging the Navigation tool from the left-hand toolbar onto any page.
    Navigation Icon

  4. Click on your website’s menu/navigation pane (without clicking any of its links) and click Settings.
    Click the navigation pane (but not any of its links) and then click Settings.
  5. In the Navigation Settings window, use the Options section to:
    Use Options section to set menu's orientation, alignment and spacing.

    • Set the orientation of your navigation links with the first two buttons to display a Horizontal Menu or a Vertical Menu.
    • Align your navigation buttons or text labels using the next two buttons.
      Use the menu to choose the alignment for your navitation buttonsUse the menu to choose the alignment for your navitation text labels
    • Turn on/off equal spacing for your navigation buttons or labels using the section’s last button.
  6. From the Theme menu, select the theme you want to use for your navigation.
  7. In the Font section, you can change the font style and size of the text in your navigation menu.

     Note: Changing the font and size of the text in your navigation does not affect the font and size of the text in the submenus. You cannot change the submenu font.

  8. Click the boxes in the next section to change the color for the text and background elements of your menu buttons: Text, Hover (text) and Selected (text); Background, Hover (background) and Selected(background). Click the color you want to display for each of the six buttons (though you don’t have to set them all) and click Select.
    Pick a color and click Select.

     Note: Click Advanced to specify a color using Hex, RGB or HSV values.

  9. If you need to change the order of your menu items, add submenus (sometimes referred to as sub-navigation), or add a new menu item, click Edit Menu.
    Click Edit Menu to change its order or add items.
  10. Edit your menus (more info). To abandon your menu edits and revert to your previous settings, click Revert to original. Otherwise, click Save, and close the window.
  11. Take a look at your new menu’s appearance.
    The menu with its new settings.
  12. If you want to tweak it, go back to Step 4. Once you’re happy with the results, click Publish to update your site online.

Next step

More Info

Posted on

Add favicon – Website Builder 7

Our Business and Business Plus plans for Website Builder version 7 let you create a favicon for your website. A favicon (short for favorites icon) helps your site stand out amid the competition by displaying a small image in the web browser’s page tab when visitors view your site. Your favicon will also appear in their browser’s list of favorite or bookmarked pages.
Favicons appear in the browser tab and in bookmarks.

    1. Log in to your Website Builder account.
    2. Click Edit Site.
    3. In the top right corner of your screen, click the three-bar icon (Manage Site) and select Site Settings in the dropdown menu.
      Click the three-bar icon (Manage Settings) to manage your site settings
    4. Click the Site Features tab and in the Favicon section, click Add Image. (For more information on which browsers support favicons, see Website Builder 7 Favicon Supported Browsers.)
      Click Add Image in Favicon section of Site Features tab
    5. The Choose Photos window lets you choose from a variety of image sources. Click any of the left-hand buttons to navigate to a photo. Or click Browse to use a photo stored on your computer, which you can then upload.
      Click Insert to add the favicon

 Note: The Website Builder favicon feature automatically generates a properly sized square image and drops it into the correct folder on your website. Just remember to use an image with a filename that ends with .gif, .jpg, .jpeg or .png. It also helps to use a visually simple image that will remain legible even when tiny.

  1. After choosing a suitable image, click Insert.
  2. When the Site Features tab reappears, the favicon of your image appears in the Favicon section. Click OK to close the tab.
    Click OK
  3. Click Publish and the favicon will be added to your site.

Next step

More info

Posted on

Adding buttons, shapes and lines – Website Builder 7

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 IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. From the Element toolbar, drag and drop Button Icon onto the page.
  5. Click the button to select it, and then click Settings.
  6. In the Label field, enter the text you want to display on the button.
  7. 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.
  8. 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.)
  9. Next to Font, click the color swatch to select a color for the text on the button.
  10. Next to Effect, select the effect you want to use for the button.
  11. 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.
  12. Click Publish.

To Add Shapes

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. From the Element toolbar, drag and drop Shape Icon onto the page.
  5. Click the shape to select it, and then click Settings.
  6. 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.)
  7. Next to Effect, select the effect you want to use for the shape.
  8. 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.
  9. Click Publish.

To Add Lines

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. Drag and drop Line Icon onto the page, select the line, and then click Edit.
  5. Next to Direction, select an option to display your line horizontally or vertically.
  6. Next to Border, select the color, style, and thickness of your border.
  7. Click Publish.

Next step

Posted on

Change my site background – Website Builder 7

It’s simple to change your site’s background settings — as long as you don’t confuse them with your page background settings. Here’s the difference: the Site background surrounds the Page background.
Your site's background surrounds every page

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. Click near the edge of any page and click Background in the pop-up window.
    Click the left-side Background button
  5. In the Site Background Settings window, you change these options:
    Site Background Settings
    Color Click the color picker, and then select the color you want to use. If you want your background to transition between multiple colors, select Gradient.
    Image To change your website’s background to an image, click Change, and then upload an image from your computer or select a stock image. You can also import an image from your Facebook® or Instagram® account. For more information about images, see Add image.
    Alignment Click the arrows to obtain the position you want for your background image.
    Repeat To pattern your background image vertically, horizontally, or both, use the drop-down menu to select how you want your background image to repeat.
    Scrolling If you want the background image to scroll in tandem with your page, select Scroll background with page.
  6. When you’re finished making changes, click Save.

     Note: The change is applied to your entire site.

  7. Click Publish to update your site online.

Next steps

More info

Posted on

Organize pages with navigation menus – Website Builder 7

With multiple-page sites, a navigation menu at the top of every page helps visitors find their way around. If you have lots of pages, add submenus.

    1. Log in to your Website Builder account.
    2. Click Edit Site.
    3. Click on your website’s menu/navigation pane (without clicking any of its links) and click Settings.
      Click the navigation pane (but not any of its links) and then click Edit.

 Note: If your website does not yet have a navigation menu, click the Navigation tool in the left-hand toolbar and the menu is added to the page.
Click navigation icon

  1. Use Edit Menu to drag and drop your pages in the order you want them to appear in the navigation menu.
    Click and drag menu items to rearrange their order
  2. If you need to add more navigation/menu links, click Add link, enter a page title in the new, blank field and use the Destination menu or field to link the menu item to a new page.
    Use the Destination menu or field to link the menu item to a page
  3. To hide a menu (e.g. a sales page), click that item’s eye icon.
  4. To create a submenu, click that item’s indent icon. Or click on a menu item’s dotted grid and drag the item under and to the right of another menu item.
    To create a submenu, click and drag a menu item under and to the right of another menu item.
  5. Click Save to apply the changes and close the Edit Menu window.
  6. Take a look at your new menu.
    Take a look at your revised menu before clicking Publish.
  7. If you need to change it, start again with Step 3. Once you’re happy with the results, click Publish to update your site online.

Next steps

More info

Posted on

Change site settings – Website Builder 7

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. In the top right corner of your screen, click the three-bar icon (Manage Settings) and select Site Settings in the dropdown menu.
    Click the three-bar icon (Manage Settings) to manage your site settings
  5. Click the tab of the area you want to edit:
    • Site Info – You can update your site or business name, your contact email address, select a business category that best describes your business, edit your address and phone number (and indicate whether or not to display them on your Web page and mobile site), and connect with your Twitter® and Facebook® accounts.

       Note: This changes your information throughout the site.

    • Site Features – You can turn on/off the social media sharing sidebar, enable/disable automatic mobile site publishing or add a favicon image that will appear in visitors’ browser tab.

       Note: Mobile and Favicon features only available with Business and Business Plus plans.

    • Search Engines – You can add a title and description for each of your website pages. This information helps with search engine visibility.
    • Backup/Restore – You can create a backup of your current website or restore a previously saved version of your website. You can have up to five backups of your website.
    • Site-wide Code – You can add code, such as HTML meta tags or JavaScript between your HEAD tags or before the /BODY tag. This will help search engines find your website.
  6. When finished, click OK to save your changes and close the Site Settings window.

To see your changes online, you must publish your website.

Next step

Posted on

Publish my website – Website Builder 7 Help

After you review your website and get it looking just the way you want, Website Builder lets you preview it to see how it functions online.

Once you’re ready to show the world what you have, publishing your website online is just a few clicks away.

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. Click the Preview button.
  5. Click either Preview Desktop or Preview Mobile (Business and Business Plus plans only) to see how your website will look.
  6. Click Exit Preview to continue editing your site.

To Publish Your Website with Website Builder

 Note: To publish your website from the Preview page, click Publish.

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. Next to the three-bar icon (Manage Settings) in top right corner, click Publish.
  5. Click Publish to confirm you’re ready to put your website online.
  6. Your site is live; enter your domain name in your browser to see it for real.

Next step

Posted on

Adding and editing tables – Website Builder 7 Help

Tables are useful for displaying information in rows and columns, making it easier to scan information. You can format a table’s text when you create it, or edit those settings afterward. You also can edit table elements, such as its cells, rows and columns.

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. To add a table, drag and drop Click and drag Text tool onto the page.
  5. Double-click within the dotted text box to display the text box editor, then click the editor’s table button.
    Click the table icon in the text box editor.

     Note: Go ahead and delete ‘Type your paragraph here.’ from the text box.

  6. Choose how many rows and columns you need. You also can set the table’s width, height, header, cell spacing and padding, as well as its border size and alignment. If desired, enter a caption and summary.
    Table Properties dialog box

     Note: The Headers menu is set to None by default, but lets you choose whether to boldface the First Row, First Column, or Both. You can the Summary field to leave yourself a note about the table; site visitors do not see it.

  7. Click OK and the table is added to your page.
    The table displays on the page.

     Note: As this screenshot shows, the Alignment setting is applied to the table’s position within the blue dotted text box, notto the table’s content, such as the caption.

  8. Click inside any cell to enter your content.

To Edit a Table

  1. Log in to your IFindHost – Cheap Domain Registration. com account.
  2. In your Products list click Website Builder, and then click Managenext to the account you want to use.
  3. Click Edit Site.
  4. Double-click the table to display the text box editor.
    Double-clicking the table displays the text box editor.
  5. Select the text you want to change inside the table.
  6. Click the appropriate button within the text box editor to change your selection, or press your Delete key to remove it.
    Click the appropriate button within the text box editor to change your selection.

     Note: Depending on your Web browser settings, clicking the text box editor’s Cut, Copy or Paste buttons will trigger an alert telling you to use your keyboard shortcuts. (Also see Add text.)
    Clicking the text box editor's Cut, Copy or Paste buttons will trigger an alert that your Web browser does not allow their use.

  7. To change more than the table’s formatting, double-click the table and then right-click a table element (such as a cell, row or column) and make a choice from the main menu and its sub-menu.
    Right-click inside the table and make a choice in the menu.
  8. Repeat the action to edit other table elements. Your choices include:
    Table Element Choices
    Cell Insert Cell Before or After, Delete Cells, Merge Cells, Merge Right or Left, Split Cell Horizontally or Vertically, and Cell Properties
    Row Insert Row Before or After, Delete Rows
    Column Insert Column Before or After, Delete Columns
  9. Click Publish (and again when asked to confirm the action) to update your site online, then click the confirmation window’s link to see the changes.
    Publish your site and check how the table appears on your site.

Next step

Posted on

Link text – Website Builder 7 Help

You can add links to your text to open a Web page or fill in the “To:” field in a new email.

  1. Log in to your Website Builder account.
  2. Click Edit Site.
  3. Click the page menu to choose a page that has text you want linked.
    Click the page menu to choose a page.
  4. Double-click inside the text box containing the text you want linked.
  5. Select the words you want linked and click the text editor’s chain-link button.
    Click the chain icon to link the selected text
  6. In the Link window, click the Destination menu to select a page within your site, or type an external web address in the Link (URL) field.
    Use the Link window to select a Destination for your text link

     Note: To link text to an email address, enter the email address in the Link (URL) field using this format: mailto:cool@coolexample.com. (The field will remain pink until you type in the entire URL.) When customers click the link on your site, their default email program opens a blank email to that address.
    Enter an email address to link

  7. Select Open link in new window if you don’t want the viewer’s Web browser to close your site.
  8. Click Insert to apply the link and close the Link box.
  9. Click Publish to update your site online.

Next steps

More info