Add Custom Images, Videos, Text and More

Website builder page templates support widgets, which let you easily edit and arrange images, text, videos, buttons and more. Widgets in the website builder allow you to quickly and easily add buttons, text boxes, video, maps and other elements to your site pages. When you add a widget it's like adding To view all the widgets available, click Widgets on the left menu of Website Builder.

Insert a page element simply by clicking the widget and dragging it to the desired location on the page.

What would you like to do?

ClosedInsert a Title or Text Box

To Insert a Title or Text Box:

  1. In the website builder, open the page you want to editYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Title or Text widget, then drag it to the desired location on the page.
    When you release the widget, a text box appears.

  4. Enter a title or text. Use the text editor to format the text.
  5. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

ClosedInsert an Image

This section describes how to insert an image into a page. To learn how to replace a Header image, see ...

To Insert an Image:

  1. In the website builder, open the page you want to editClosedYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Image widget, then drag it to the desired location on the page.
    When you release the widget, an image box appears.
  4. Click the Edit icon.

  5. On the Add Image panel, choose how you want to add your image.

    Your options are:
    • Upload Image - Drag and drop your image file to the Upload Image box or click Choose Image and browse to an image on your system. When you upload an image, it is automatically added to the image repository for your site.
    • Link Image - Type the URL of the image file into the Image URL text box.
    • Import from Repo - Select an image from the image repository.
  6. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

ClosedInsert a Button

To Insert a Button:

  1. In the website builder, open the page you want to editClosedYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Button widget, then drag it to the desired location on the page.
    When you release the widget, an image box appears.
  4. Click the Edit icon.

  5. On the Edit Button panel, specify how you want the button to appear and what action to take when clicked.

    Button settings are:
    • Title - The title that appears on the button.
    • Link Type - This is the action that occurs when the button is clicked. You can choose Email, Page, Phone Number or URL.
    • Size - Choose the size of the button. You can choose Small, Medium, or Large.
    • Alignment - Specify how you want to align the button in the editing box.
  6. Click Save.
  7. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

ClosedInsert a Spacer

To Insert a Spacer:

  1. In the website builder, open the page you want to editClosedYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Spacer widget, then drag it to the desired location on the page.
  4. Optionally, click the Edit icon to adjust the pixel height of the spacer.


  5. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

ClosedInsert a Divider

To Insert a Divider:

  1. In the website builder, open the page you want to editClosedYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Divider widget, then drag it to the desired location on the page.
    When you release the widget, an element box appears.
  4. Optionally, click the Edit icon to adjust the width of the divider. You can also specify how you want to align the divider by clicking the Left, Right or Center icon.


  5. Click Save.
  6. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

Closed Insert a Video

You can insert a video into a page on your site. Website Builder supports links to videos on Youtube and Vimeo.

To add a video to your site, you'll need to provide the URL to the video.

Get a Link to Your Video

ClosedHow to get a Youtube link

  1. Find the video on YouTube.

  2. Click the Share icon to expand the share options.

  3. Copy the link.

ClosedHow to get a Vimeo link

  1. Find the video on Vimeo.

  2. Click the Share icon to open the share options.

  3. Copy the URL in the Link field.

ClosedUpload a video to Youtube or Vimeo

If the video isn't on Youtube or Vimeo yet, it's easy to add them. Click the links below for instructions:

To Insert a Video:

  1. In the website builder, open the page you want to editClosedYou can select the page from the Pagespanel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.
  3. Select the Video widget, then drag it to the desired location on the page.
    When you release the widget, the video element box appears.
  4. Click the Edit icon.


  5. On the Edit Video panel, specify the following settings:
    • Link - Enter a URL link to the video from Youtube or Vimeo.
    • Size - Choose a size for the video.
    • Alignment - Specify how you want to align the video by clicking the Left, Right or Center icon.
  6. Click Save.
  7. Click Preview to see how the page will look to visitors on your site, then click Publish if you are ready to publish your changes.

ClosedAdd an Apply Now Button

The loan application process begins when a site visitor clicks the Apply Now button on your site. When you add an Apply Now button, you’ll specify the Encompass user ID of the loan application recipient (the person who will receive the loan once it is submitted).

To Add an Apply Now Button to Your Site

  1. In the website builder, open the page where you want to add the Apply Now button. You can select the page from the Pages panel or use the links in the menu bar of the currently loaded page.
  2. In the website builder main menu, click Widgets.

  3. Select the Apply Now widget, then drag it to the desired location on the page.

    When you mouse over the widget, an image box appears.

  4. Click the Edit icon.

  5. On the Edit panel, enter the loan application recipient (LAR, or Encompass user ID) of the user who will receive loan applications from this site. You can enter part or all of the recipient's Encompass User ID, then select it from the drop-down list.

    For each Apply Now button you add, make sure the loan application recipient you specify is connected to a loan application folder. This will ensure any loans that are submitted from that Apply Now button go to correct user and folder. Learn more about connecting loan application recipients and folders

  6. Optionally, change the button text, adjust the button size and alignment.

  7. Click Save.

  Published  April 10, 2017

© 2017    EllieMae, Inc.  Ellie Mae®, Encompass®, AllRegs®, DataTrac®, Ellie Mae Network™, Mavent®, Millennial Tracker™, Mortgage Returns®, Prospect Manager®, Total Quality Loan®, True CRM®, TQL® and the Ellie Mae logo are trademarks of Ellie Mae, Inc. or its subsidiaries. All rights reserved. Other company and product names may be trademarks or copyrights of their respective owners.