# Video Element in Email Builder > Easily embed YouTube, Vimeo, Wistia, HTML5 or Loom videos in emails via the design editor. Auto-generate thumbnails based on the video platform selected. - Source: https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/video-element-in-email-builder - Section: Marketing / Email Builder Capabilities - Reading time: 3 min - Images: 9, each explained below --- Embedding videos in emails can be tricky due to limitations in email client support. GHL Customer Care's **Video element** solves this by letting you insert clickable video thumbnails that link to your video content. This article explains how to use the Video element in the Email Builder, including how to choose video types, customize thumbnails, and adjust layout settings for the best presentation. --- **TABLE OF CONTENTS** - [What Is the Video Element in Email Builder?](#what-is-the-video-element-in-email-builder)[](#how-to-find-the-video-element) - [How to Find the Video Element](#how-to-find-the-video-element)[](#video-editor-configurations) - [Video editor Configurations](#video-editor-configurations)[](#related-articles) - [Related Articles](#related-articles) --- # **What Is the Video Element in Email Builder?** The **Video element** in GHL Customer Care’s Email Builder allows you to add a video preview inside your emails. While true video playback isn't supported in email clients, this element creates a clickable thumbnail with a play button that links directly to your video. **Note:** due to technical limitation of all major email clients, we can **not yet** _embed_ videos into emails. The Video block simply creates a preview image (using the video's thumbnail image), adds a play button, and then hyperlinks the image to your video URL so when someone clicks the image, they are taken to the video. --- ## **How to Find the Video Element** **Note:** The Video element is **only** **available** inside the **Design** **Editor** and **Email** **Templates** within GHL Customer Care’s Email Builder.  To locate and use the Video Element: 1. Login to your **sub-account**. 2. Navigate to **Marketing > Emails**. 3. Click on **\+ Create Campaign** and choose **Blank** and then **Design Editor**. 4. or open an existing **Email Template**. 5. On the left-hand side, locate the **Video element** under the Elements section. 6. **Drag and drop** the Video element into your email layout. ![How to Find the Video Element (image 1 of 9)](https://jumpshare.com/v/bRaKnLTHrlbRQ7TOhiVS+/GIF+Recording+2025-07-24+at+12.22.48+AM.gif) **How to Find the Video Element (image 1 of 9)** This animation appears in the "How to Find the Video Element" section of "Video Element in Email Builder". The text alongside this image reads: Login to your sub-account. Navigate to Marketing > Emails. Click on + Create Campaign and choose Blank and then Design Editor. or open an existing Email Template. On the left-hand side, locate the Video element under the Elements section. Drag and drop the Video element into your email layout. The navigation path used here is Marketing > Emails. Immediately after, the guide continues: The Video editor provides following video configurations. - Path: Marketing > Emails - What to choose: Login to your sub-account. Navigate to Marketing > Emails. Click on + Create Campaign and choose Blank and then Design Editor. or open an existing Email Template. On the left-hand side, locate the Video element under the Elements section. Drag and drop the Video element into your email layout. - Controls: only, available, Design, Editor, Email, Templates, sub-account, Marketing > Emails, + Create Campaign, Blank, Design Editor, Email Template - Next: The Video editor provides following video configurations Full procedure: 1. Login to your sub-account. 2. Navigate to Marketing > Emails. 3. Click on + Create Campaign and choose Blank and then Design Editor. 4. or open an existing Email Template. 5. On the left-hand side, locate the Video element under the Elements section. 6. Drag and drop the Video element into your email layout. --- ## **Video editor Configurations** The Video editor provides following video configurations **Video Type:**  There are currently 4 options to choose from: YouTube, Vimeo, Wistia, and HTML5. Based on the selected video type, the system will try to fetch the video thumbnail from the video URL and also change the play button styling based on the provider themes (e.g. in case of YouTube, the button will appear with a red background and white play icon). The link to the thumbnail image will automatically appear in the "Video Thumbnail URL" field. ![Video editor Configurations (image 2 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034043053/original/pmIhldlfN5JzLwwEFnb5gejDVQt6RacdZw.png) **Video editor Configurations (image 2 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: The link to the thumbnail image will automatically appear in the "Video Thumbnail URL" field. Immediately after, the guide continues: Video URL: Here is where you need to enter the URL of your video. - What this covers: The link to the thumbnail image will automatically appear in the "Video Thumbnail URL" field. - Controls: Replace, Remove, NOTE, Align - Next: Video URL: Here is where you need to enter the URL of your video **Video URL:** Here is where you need to enter the URL of your video ![Video editor Configurations (image 3 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155032578329/original/9Hu32ssUvaGPoirOD3rcNmOJRtGyfjSpyw.jpg) **Video editor Configurations (image 3 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: Video URL: Here is where you need to enter the URL of your video. Immediately after, the guide continues: If the preview fails to fetch the thumbnail image from video, it will display a warning (e.g. If you change the video type to Vimeo for a YouTube video url, the editor will try to fetch the thumbnail based on the Vimeo logic, which will…. - What to fill in: Video URL: Here is where you need to enter the URL of your video - Controls: Replace, Remove, NOTE, Align - Next: If the preview fails to fetch the thumbnail image from video, it will display a warning (e.g. If you change the video type to Vimeo for a YouTube video url, the editor will try to fetch the thumbnail based on the Vimeo logic, which will not work so it will show you a warning). If the preview fails to fetch the thumbnail image from video, it will display a warning (e.g. If you change the video type to Vimeo for a YouTube video url, the editor will try to fetch the thumbnail based on the Vimeo logic, which will not work so it will show you a warning). ![Video editor Configurations (image 4 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155032579468/original/izf8GtpyFyLuEI-ymahOnCNYxjMP8uMxJw.jpg) **Video editor Configurations (image 4 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: If the preview fails to fetch the thumbnail image from video, it will display a warning (e.g. If you change the video type to Vimeo for a YouTube video url, the editor will try to fetch the thumbnail based on the Vimeo logic, which will not work so it will show you a warning). Immediately after, the guide continues: NOTE: The Editor will not clear the previously fetched image if it fails to fetch thumbnail image so if you want to add an image that doesn't have a thumbnail image, you could first add a video that has a thumbnail image you like, then…. - What to fill in: If the preview fails to fetch the thumbnail image from video, it will display a warning (e.g. If you change the video type to Vimeo for a YouTube video url, the editor will try to fetch the thumbnail based on the Vimeo logic, which will not work so it will show you a warning). - Controls: Replace, Remove, NOTE, Align - Next: NOTE: The Editor will not clear the previously fetched image if it fails to fetch thumbnail image so if you want to add an image that doesn't have a thumbnail image, you could first add a video that has a thumbnail image you like, then change the video URL and thumbnail image from the first video will remain. **NOTE:** The Editor will not clear the previously fetched image if it fails to fetch thumbnail image so if you want to add an image that doesn't have a thumbnail image, you could first add a video that has a thumbnail image you like, then change the video URL and thumbnail image from the first video will remain.  **Video Thumbnail URL:** As mentioned above, the editor will try to fetch the default thumbnail image from Video URL based on selected video type and fill this field automatically but you can also provide your own thumbnail image by adding its url. ![Video editor Configurations (image 5 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034043990/original/4MdFN1U8MwQmUyaQjZCC47m_1tGVSBdpeQ.png) **Video editor Configurations (image 5 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: Video Thumbnail URL: As mentioned above, the editor will try to fetch the default thumbnail image from Video URL based on selected video type and fill this field automatically but you can also provide your own thumbnail image by adding its url. Immediately after, the guide continues: Use the Replace button to upload and provide custom Video thumbnail. - What to fill in: Video Thumbnail URL: As mentioned above, the editor will try to fetch the default thumbnail image from Video URL based on selected video type and fill this field automatically but you can also provide your own thumbnail image by adding its url. - Controls: Replace, Remove, NOTE, Align - Next: Use the Replace button to upload and provide custom Video thumbnail Use the **Replace** button to upload and provide custom Video thumbnail Use the **Remove** button to remove the default thumbnail **Width & Height:** Through these input fields you can control the dimension of your video. If no dimensions are added, then video will take full width and auto height based on image resolution ![Video editor Configurations (image 6 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034043755/original/p0eBTrPq5tm8uZFgcqffKsk8qc1sdSKOJA.png) **Video editor Configurations (image 6 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: Width & Height: Through these input fields you can control the dimension of your video. If no dimensions are added, then video will take full width and auto height based on image resolution. Immediately after, the guide continues: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or…. - What to fill in: Width & Height: Through these input fields you can control the dimension of your video. If no dimensions are added, then video will take full width and auto height based on image resolution - Controls: Replace, Remove, NOTE, Align - Next: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. **NOTE****:** By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the **Align** attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. ![Video editor Configurations (image 7 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034043297/original/HCCEaKCWkXgSbSOTNleAcQkNwSPXqppi7Q.png) **Video editor Configurations (image 7 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. Immediately after, the guide continues: Padding: You can provide the padding to video element through this field see below image to see it in action. - What to fill in: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. - Controls: Replace, Remove, NOTE, Align - Next: Padding: You can provide the padding to video element through this field see below image to see it in action. ![Video editor Configurations (image 8 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034043506/original/3KjF8wBXW79JthmMYEKoZAZ4eAjeAZIG5g.png) **Video editor Configurations (image 8 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. Immediately after, the guide continues: Padding: You can provide the padding to video element through this field see below image to see it in action. - What to fill in: NOTE: By default, the video element will always be aligned on left hand side if you provide custom Height and width. Unlike with images, it is not possible to align them using the Align attribute but you can align it through padding or wrapping them inside a 2 or 3 column layout. - Controls: Replace, Remove, NOTE, Align - Next: Padding: You can provide the padding to video element through this field see below image to see it in action. **Padding:** You can provide the padding to video element through this field see below image to see it in action. ![Video editor Configurations (image 9 of 9)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155034044248/original/I-A7L_GPO82zQ0IAT5MaAnkIJ_Hafo-uUw.png) **Video editor Configurations (image 9 of 9)** This screenshot appears in the "Video editor Configurations" section of "Video Element in Email Builder". The text alongside this image reads: Padding: You can provide the padding to video element through this field see below image to see it in action. Immediately after, the guide continues: How to use the Email Builder and its In-line Editor Spacer Element in Email Builder Border Customization: Color, Radius, and Thickness How to send a Regular Email Campaign (Send Now or Schedule)? - What to fill in: Padding: You can provide the padding to video element through this field see below image to see it in action. - Controls: Replace, Remove, NOTE, Align - Next: How to use the Email Builder and its In-line Editor Spacer Element in Email Builder Border Customization: Color, Radius, and Thickness How to send a Regular Email Campaign (Send Now or Schedule)? --- ## **Related Articles** - [How to use the Email Builder and its In-line Editor](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/how-to-use-the-email-builder-and-its-in-line-editor)[ ](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/spacer-element-in-email-builder)[](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/spacer-element-in-email-builder)[ ](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/spacer-element-in-email-builder) - [Spacer Element in Email Builder](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/spacer-element-in-email-builder) - [Border Customization: Color, Radius, and Thickness](https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/border-customization-color-radius-and-thickness) - [How to send a Regular Email Campaign (Send Now or Schedule)?](https://docs.ghlcustomercare.com/docs/marketing/campaign-settings-functionalities/how-to-send-or-schedule-a-regular-email-campaign) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com