Category

How to Embed External Videos in a Knowledge Base Article

Updated:

In BoldDesk, the Insert Video feature in the Knowledge Base currently supports only YouTube video links. This means that if your video is hosted on YouTube, you can easily embed it using the built-in tools. This feature is available in both the Markdown and WYSIWYG editors.

Embedding YouTube Videos

To embed a YouTube video in a Knowledge Base article, follow these steps:

  1. In the KB article editor, click the Insert Video icon in the toolbar.

  2. Paste the YouTube video URL into the provided field, then click Insert.

  3. Click Preview to view how the video will appear in the article.

    Inserting_youtube_video_in_KB_article.gif

Embedding Non-YouTube External Videos

However, if your video is hosted on a different platform, such as your own server, Vimeo, or another video hosting service, you can still include it in your article by manually embedding it using an iframe HTML element. This type of video embedding is supported in both Markdown and WYSIWYG editors.

For example, here’s a sample embed code for a Vimeo video:

<iframe title="vimeo-player" src="https://player.vimeo.com/video/956992484?h=425ca8495c" width="640" height="360" frameborder="0" allowfullscreen></iframe>

To securely embed videos hosted outside YouTube—such as Vimeo or your own domain—you can use an iframe within your Knowledge Base article. Follow the steps below:

  1. Upload your video to a hosting service that supports iframe embedding (e.g., Vimeo or your own server).

  2. Copy the embed code provided by the hosting platform.

  3. Paste the iframe code directly into your BoldDesk KB article where you want the video to appear.

  4. Replace the src link with your domain’s video URL if needed.

    Video_embedded_from_the_external_source.gif

Removing Image Borders in Customer Portal Knowledge Base Articles

By default, images inserted into Customer Portal Knowledge Base articles may display padding or border spacing based on the portal’s theme styling. If you want images to appear without borders or extra padding, you can remove this styling using Custom CSS.
BoldDesk allows administrators to apply custom styles globally to the Customer Portal through Customer Portal customization settings.

How to Remove Image Borders Using Custom CSS

Navigation Path
Admin → Customer Portal → Customization → Custom CSS

Add the following CSS rule and save the changes:

#article-description img,
.article-description-content-overwrite .toastui-editor-contents img {
  padding: 0 !important;
} 

CSS.gif

Once applied, this CSS removes padding and border spacing from images displayed in Customer Portal Knowledge Base articles, ensuring a cleaner and more consistent visual layout.

This customization affects Customer Portal Knowledge Base articles only and does not impact images displayed in the Agent Portal.

Before Applying Custom CSS

Before applying the custom CSS:

  • Images in Knowledge Base articles may appear with visible padding or spacing

  • The border or spacing is controlled by the Customer Portal theme styles

  • This may affect the visual alignment of screenshots or illustrations within articles

    Before CSS.png

This behavior is expected and applies to all Customer Portal articles by default.

After Applying Custom CSS

After applying the custom CSS:

  • Padding and border spacing around images are removed

  • Images align cleanly with surrounding content

  • Knowledge Base articles display a more compact and consistent layout

    After CSS.png

This change improves visual clarity, especially for step‑by‑step guides and screenshots.

Frequently Asked Questions

1. Can I embed videos from platforms other than YouTube and Vimeo?
Yes. Any platform that provides an iframe embed code can be used, including self‑hosted video files.

2. Does the BoldDesk Insert Video tool support Vimeo?
No. The built‑in tool supports only YouTube links. Vimeo requires manual iframe embedding.

3. Can I use iframe embedding in Markdown?
Yes. Both the Markdown and WYSIWYG editors support iframe HTML.

4. Can I embed multiple videos in one article?
Yes. You can insert multiple YouTube embeds or multiple iframe blocks.

Related Articles

  1. Formatting Article Content with Markdown Editor.
  2. Formatting the Article Content Using WYSIWYG Editor.
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied
Access denied
Access denied

No articles or sections found
No articles or sections found