Add a contact form – Website Builder 7

You can add a contact form to any page for gathering information from your site’s visitors. The default form includes fields for name, email, subject and message. You can add more fields or edit the existing ones, though fully customizable forms are only available for Business or Business Plus plans.

To add a contact form:

  1. Log in to your 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. Use the Page menu to select the page where you want to add or change a form.
  5. If you have a contact form on the page, move your cursor over the contact form and then click to select it. If not, from the left-hand toolbar, click Form to add a contact form to your page and then click on it.
  6. To remove an existing field from the selected contact form, move your cursor over the field, and then click Delete.
  7. To add a new field, click in the contact form to access the menu, and then click Add (the plus sign) in the floating toolbar. (You also can simply drag the form onto the page.)
  8. Click the type of field you want to add to the contact form:
    • Text – Adds a one-line, plain text field. Enter a text label for the field and then add placeholder text to populate the text field. This might be sample text or instructions, for example.
    • Multiline Text – Adds a multi-line, plain text field, such as a paragraph. Enter a text label for the field and then add placeholder text to populate the text field. This might be sample text or instructions, for example.
    • Multiple Choice – Adds a multiple choice, single answer, radio button option list. Enter a label, possibly a question, for the multiple choice list and then add the available options. These might be possible answers to the question.
    • Checkbox – Adds a multiple answer option list. Enter a label, possibly a question, and then add the available options. These might be possible answers to the question.
    • Drop Down – Adds a multiple choice, single answer option drop down menu. Enter a label, possibly a question, and then add the available menu options. These might be possible answers to the question.
    • Submit File – Adds a button to allow visitors to upload a file to the contact email message you receive. Files must be 10MB or less. Enter a label to display above the button, and then enter text to display on the button.
    • Date/Time – Adds a field that can display the date, the time or both. You also can set it to accept only future dates, allow date ranges or limit time entries to 15, 30 or 60 minute increments.
    • Address – Adds a plain text field where visitors can enter their street address. Enter a text label for the field. Placeholder text is defaulted, but can be changed.
    • Phone – Adds a plain text field where visitors can enter their phone number. Enter a text label for the field. Placeholder text is defaulted, but can be changed.
    • Email Address – Adds a plain text field where visitors can enter their email address. Enter a text label for the field. The placeholder text displays your default email address. To change it, right-click the email field, click Settings (the gear icon)and use the Email to: dropdown menu to select another address. Click Save to close the window.

       Note: The form will work well with up to 30 fields; there may be some performance issues with more than 100 fields. A work-around is to combine some of the field information if possible.

  9. Depending on the type of field you selected, enter the requested information. For any field, you can select Make this a required fieldto require visitors to fill in the information before they can send their message. The field is automatically added to your contact form.
  10. If you want to change the email address where this form will be sent, right-click the form to choose Settings (the gear icon), delete the address in the Email to: field, enter a new email address and click Save.
  11. After making all your changes, click Save and then click Publish to see your changes online.

Add HTML code to page – Website Builder 7

Need to add custom code to a particular page on your site? Website Builder v7 makes it easy with a drag-and-drop HTML tool. If you need to add code that will be applied to your entire site, see Change site settings . You should not use this tool to embed YouTube video. For that, see Adding apps.

While we are happy to explain how the HTML Code tool works, we cannot troubleshoot issues with any third-party code you might add to it.

Warning: Do not use this tool unless you’re experienced at hand coding with HTML. Do not copy and paste HTML code from third-party sources unless you trust that source and fully understand how the code works. To learn more about the dangers of malicious coding, see this Wikipedia entry on HTML script injection.

  1. Log in to your 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. Navigate to the page to which you want to add the code.
  5. Click the HTML Code tool in the left-hand toolbar. A new text box is added to the page, and the Settings window’s HTML Code Settingspanel opens.
    Paste or enter your code in the panel
  6. Replace all the code in the black panel by pasting in what you copied or by entering your own code.
  7. Click Save.
  8. Click Publish to apply the changes to your website.
  9. When the confirmation window displays, click the live link to see your site changes.

Next step

Add a downloadable file with text 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 text link to download that document for offline use. Or if you prefer, you can offer that downloadable file using 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 Cheap Domain Registration 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. Open the page with the text box containing the text you want linked and double-click inside the text box.
  5. Select the words you want linked and click the text editor’s chain-link button.
    select text and click chainlink button
  6. 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.

  7. In the File Manager, click Browse to find a file on your local drive.
  8. After the file is added to the File Manager, click it. When the green checkmark appears, click Insert.
    After upload, click Insert
  9. 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.

  10. After making your choices, click Save at the bottom of the Settingswindow.
  11. Click Preview to see how the linked text will display in your website.
    Check Open link in new window.
  12. When you’re satisfied, click Publish and confirm your choice by clicking Publish again.
  13. A window displays a link to your site, which you can click to see the published changes. Or click Close.
  14. When your page reappears, click Exit Preview.

Next steps

  • For more on styling text’s size, style, and color, see Change text .
  • To change the background color, size, and border of the box surrounding your text, see Change text box.

More info

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

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: TextHover (text) and Selected (text); BackgroundHover (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

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

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

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

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

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