How to add video to the homepage feature region

With eCatholic, you can configure your feature region to display two types of content: photo(s) or video.
  1. Photo Mode - upload one or more still images into the feature region (see instructions).
  2. Video Mode - embed a video in the feature region (instructions below).

Follow these steps to set your feature region to Video Mode and display a video!

1

Select a theme that supports Video Mode

To begin, log in to your eCatholic-powered website as an Admin.

  1. Click Design Studio in the blue Admin Toolbar.
  2. Click the Theme button (pictured below) to open the Select a Theme dialog.

  3. To identify themes that support Video Mode, use the Slideshow Size filter to select Video (16:9) (pictured below).

Video Mode is supported in the following free themes:

Loyola, Verona, Lourdes, Santiago, Krakow, Porres, Xavier, Chamblanc, Milan, Bethany, Padua, Clairvaux, Guadalupe, Carmel, Siena, Traditions 2.0, Molokai, Avila, Assisi, Cupertino, Summit

After selecting one of the themes listed above, click Save to continue. (If you're already using a theme that supports Video Mode, move on to Step 2.)

2

Choose a homepage layout that supports Video Mode

Still in the Design Studio:

  1. Click the Homepage Layout button (pictured below) to select a layout that supports Video Mode.

  2. In the Homepage Layout dialog, all layouts that support Video Mode will be marked with a video icon (as pictured below).

NOTE: Only Admins have access to the Design Studio to change your site's theme and/or homepage layout.

Once you've selected a layout that supports Video Mode, click Save to exit the Homepage Layout dialog.

3

Turn on Video Mode

Now that you've picked a theme and homepage layout that supports Video Mode, it's time to enable Video Mode in the homepage feature region.

  1. Click Edit Website in the blue Admin Toolbar to exit the Design Studio and access your website's homepage in Edit Mode (pictured as #1 below).
  2. Next, hover your cursor over the homepage feature region and click the settings icon in the top right corner of the region (pictured as #2 below) to open the Feature Region Settings dialog.

  3. Once the Feature Region Settings dialog opens, change Mode to Video.

4

Add a video to your homepage feature region

Once you've enabled Video Mode, configure the Basic settings to add your video and control its appearance.

Video Mode Basic settings:

  • Video Source - Select one of the following sources for your video:
    1. Vimeo - If your video is already uploaded to your Vimeo account, type or paste the video's Vimeo ID or full URL.
    2. YouTube - If your video is already uploaded to your YouTube channel, type or paste the video's YouTube ID or full URL.
    3. eCatholic LIVE Archive - If eCatholic LIVE is enabled for your website, use the drop-down menu to select a video file from your eCatholic LIVE archive.
  • Vimeo Pro Player Controls - If you've selected Vimeo as your video source and your video is hosted in a paid Vimeo Pro account, you can choose to hide the player controls (e.g., play button, video progress bar, and other controls) by selecting Off.
  • YouTube Player Controls - If you've selected YouTube as your video source, you can choose to hide the player controls (e.g., play button, video progress bar, and other controls) by selecting Off.
  • Autoplay - Set to On and the video will loop with muted audio.
  • Title - Add a title to display over the video.
  • Caption - Add a caption to display over the video.
  • Overlay - Set to On to enable an overlay that will darken your video, helping the Title and Caption stand out from the video background.
  • Call to Action - Set to On to create a linked button that will display in the feature region. Once turned on, you'll need to configure the following settings:
    1. Call to Action button text - Enter text to display on the button.
    2. Link Type and Link URL - Choose to enter an external link that directs visitors to a separate website or an internal link that directs visitors to a page within your website.

Automatically stream live video on your homepage

With eCatholic LIVE, you can automatically stream your live broadcasts in your homepage feature region. Check out How to feature a live stream on your homepage for full instructions

Finally, don't forget to publish the changes you've made on your homepage as well as any site-wide Theme/Layout updates you made in the Design Studio.

How to get the best results with your homepage videos

Here are a few tips to consider when using the homepage video feature region.

  1. Avoid using a video file that displays text (i.e., words that are edited to appear in the video). If you'd like to communicate a message via text, use the built-in title, caption, and call to action button features instead. 
  2. Make sure the primary visuals within the video are framed to appear near the center of the frame (i.e., not near the edges of the frame).
  3. Try to use video clips that contain smooth pans and simple, beautiful images. Too much "commotion" can overwhelm your visitors.

Still need help? Contact Us Contact Us