Adding a Video to an Article

Enhance your articles by adding videos as content blocks. Videos are a great way to use visuals with audio to showcase your products.

You can add videos in two ways:

Tip:
If you have a video on your Wix site that you'd like to add to an article, click here to learn how. 

Using a Video URL

If your video is uploaded to YouTube or Vimeo, you can copy its URL and paste it into a video content block in your article. 
Important:
Currently, it is only possible to add URLs for videos uploaded to YouTube or Vimeo. 

To add a video by pasting its URL:

  1. Go to an article's Content Editor
  2. Hover over the left side of a content block and click the Add a block icon
  1. Click the Video icon .
  2. Paste the URL of the video.
  3. Click Get Video.

Using an Embed Code or Source Code

If your video has an embed code or source code, you can add it to an HTML block in your article. 

To add a video by pasting its embed code or source code:

  1. Go to an article's Content Editor
  2. Hover over the left side of a content block and click the Add a block icon
  1. Click MORE and select HTML.
  2. Double-click HTML Code and remove the existing code.
  3. Add your code:
    • For embed code: Paste your video's embed code.
    • For source code: Paste the following code, replacing YOUR_SOURCE_HERE with the video's source code:
1
2
3
<video width="560" height="315" controls="controls">
  <source src="YOUR_SOURCE_HERE" type="video/mp4">
</video>
  1. Click Save.

Related Articles

Creating an Article

Articles are the core of your Help Center. You can create 3 different types of articles for different needs. The following is intended to walk you through the process of creating an Informative article. You can also create:Feature Request articlesKnown Issue articlesInformative articles are likely the most common type of content you'll create for your Help Center. Create Informative articles to introduce features, provide step-by-step instructions, answer FAQs and more. To create an Informative article:Click the Knowledge Base icon in the side panel.Click + New Article at the top right.Leave the Informative Article type selected. (Optional) Select a category for your article from the Category drop-down. Note: An article must be in a category before you can publish it. You can move it to a category later.  Click Create Article.Enter the title of the article in the Title field. Tip:Save your work early and often by clicking Save at the top right. Click the Write something field and enter content for the article. Hover over the left side of the content block and click the Add a block icon . Choose a type of content block to add to your article:TextClick the Text icon and select a text type:Text: Add a standard block of text. Learn how to format your text.  Bulleted: Add a bulleted list. Use bulleted lists for single-step procedures or to list items that don't require a particular order. Numbered: Add a numbered list. Use numbered lists for multiple-step procedures that require a particular order. Learn more about adding text to your articles. SubtitleClick the Subtitle icon and select an option:Subtitle: Select a heading size to add a subtitle. Anchor: Add an anchored subtitle in the H3 heading size. Tip: Once you add a subtitle, you can hover over it to change the size or to add or remove an anchor.Informative NotesClick the Informative icon .Select a color: Green, Teal, Red, or Yellow.Enter the note title in the Title goes here field.Enter the note text in the Write something field.Tip: Hover over an informative note to hide its title or change its color. Learn more about adding informative notes. LinesClick the Lines icon.Select Dashed or Solid. Tip: Once you add a line, hover over it and click the Edit icon to change the line type.Image Click the Image icon . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note: Uploaded images display at a maximum width of 628 px. When clicked, they expand in your browser window. Learn about other ways to add images to your article. VideoClick the Video icon .Paste the URL of the video.Click Get Video.Note: Currently, it is only possible to add URLs for videos uploaded to YouTube or Vimeo. Learn about other ways to add a video to your article.TableClick MORE and select Table.Enter the number of columns and rows that you need.Note: The header is automatically added on top of the table, so there's no need to add an extra row for it. Click Add Table.Learn how to add, delete, or edit your table. CollapsibleClick MORE and select Collapsible.Enter the title in the Title goes here field.Enter the text in the Write something field.Learn more about collapsible blocks. Code SnippetClick MORE and select Code Snippet.Select the type of code snippet you'd like to add. Tip: Hover over a code snippet and click the Edit icon to change the snippet type.IFrameClick MORE and select IFrame.(Optional) Edit the iFrame height.Enter the URL you'd like to embed in the iFrame URL field.(Optional) Click Disable scrolling to prevent scrolling within the iFrame. Click Add iFrame.Note: By default, a horizontal scroll bar appears when the width of the iFrame is more than 700px. Click Disable scrolling if you want to remove the scroll bar.HTMLClick MORE and select HTML.Double-click HTML Code and remove the existing code.Enter your HTML code.MarkdownClick MORE and select Markdown.Enter text using Markdown syntax. Click outside the Markdown block to preview the formatting you've written. Learn more about adding Markdown text.10.  Click Save at the top right.11.  When you're ready, click the Save drop-down and select Publish. 12.  (Optional) Select publishing options (Notify followers or Update URL). Show me more Notify followers: Send an automatic notification to followers of the article. Learn More Update URL: Update the live article's URL (if you've changed the title of the article). Note: The old article URL will redirect to the new URL.13.  Click Publish Article. Tip:View the live article once you've published by clicking View Live next to Save. 

4 min read

Working with Content Blocks

When creating an article, add various types of content as individual content blocks (e.g. text, images, tables). Each content block is an independent component. You can reorder content blocks or copy and paste them into the same, or different articles. Managing Content BlocksClick below to learn more about managing content blocks. Adding a content blockHover over the left side of the content block and click the Add a block icon . Select an option or click More for additional options. View Types of Content Blocks below to learn more about the content types you can add.Copying and pasting a content blockHover over the relevant content block and click the Copy icon .Click the Add a block icon in the same article or in a different article. Click the Paste Block icon .Reordering content blocksHover over the relevant content block.Click the Reorder icon  on the right and drag the content block to a new location in the article. Deleting a content blockHover over the relevant content block and click the Delete icon .  Types of Content BlocksYour articles consist of different types of content (e.g., text, images, tables) that you add as content blocks. Click below to learn more about each type of content block. TextClick the Text icon and select a text type:Text: Add a standard block of text. Learn how to format your text.  Bulleted: Add a bulleted list. Use bulleted lists for single-step procedures or to list items that don't require a particular order. Numbered: Add a numbered list. Use numbered lists for multiple-step procedures that require a particular order. Learn more about adding text to your articles. SubtitleClick the Subtitle icon and select an option:Subtitle: Select a heading size to add a subtitle. Anchor: Add an anchored subtitle in the H3 heading size. Tip: Once you add a subtitle, you can hover over it to change the size or to add or remove an anchor.Informative Notes Click the Informative icon . Select a color (Green, Teal, Red, or Yellow). Enter the note title in the Title goes here field. Enter the note text in the Write something field.Tip: Hover over an informative note to hide its title or change its color. Learn more about adding informative notes. LinesClick the Lines icon.Select Dashed or Solid. Tip: Once you add a line, hover over it and click the Edit icon to change the line type.Image Click the Image icon . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note: Uploaded images display at a maximum width of 628 px. When clicked, they expand in your browser window. Learn about other ways to add images to your article. VideoClick the Video icon .Paste the URL of the video.Click Get Video.Note: Currently, it is only possible to add URLs for videos uploaded to YouTube or Vimeo. Learn about other ways to add a video to your article.TableClick MORE and select Table.Enter the number of columns and rows that you need.Note: The header is automatically added on top of the table, so there's no need to add an extra row for it. Click Add Table.Learn how to add, delete, or edit your table. CollapsibleClick MORE and select Collapsible.Enter the title in the Title goes here field.Enter the text in the Write something field.Learn more about collapsible blocks. Code SnippetClick MORE and select Code Snippet.Select the type of code snippet you'd like to add. Tip: Hover over a code snippet and click the Edit icon to change the snippet type.IFrameClick MORE and select IFrame.(Optional) Edit the iFrame height.Enter the URL you'd like to embed in the iFrame URL field.(Optional) Click Disable scrolling to prevent scrolling within the iFrame. Click Add iFrame.Note: By default, a horizontal scroll bar is added when the width of the iFrame is more than 700px. Click Disable scrolling if you want to remove the scroll bar.HTMLClick MORE and select HTML.Double-click HTML Code and remove the existing code.Enter your HTML code.MarkdownClick MORE and select Markdown.Enter text using Markdown syntax. Click outside the Markdown block to preview the formatting you've written. Learn more about adding Markdown text.

4 min read

Adding a Video from Your Wix Site to an Article

If you've uploaded a video to your Wix site, you can add it to an article by embedding the video's source code. Tip:If your video is also uploaded to YouTube or Vimeo, we recommend pasting the video URL to add it to your article. To embed a video from your Wix website:Step 1 | Add your video to a single video playerAccess the editor from your Wix account. Click Add  on the left side of the Editor.Click Video.Select the Video Upload player under Single Video Players. Click the Settings icon . Click Change Video and select or upload a video.Click Add to Page. Click Publish.Step 2 | Add an HTML block to your articleGo to your article's Content Editor. Hover over the left side of a content block and click the Add a block icon .  Click MORE and select HTML.Double-click HTML Code and remove the existing code.Paste the following code:&lt;video width=&quot;560&quot; height=&quot;315&quot; controls=&quot;controls&quot;&gt;  &lt;source src=&quot;YOUR_SOURCE_HERE&quot; type=&quot;video/mp4&quot;&gt;&lt;/video&gt;Step 3 | Copy your video's sourceView the live webpage of your video in a Google Chrome browser.Note: We recommend Chrome, but you can also copy the source from other browsers. Right-click on your video and select Inspect.Locate the source of the video in DevTools.Note: In the screenshot below, the video's source appears in quotes after src= Copy the source. Step 4 | Paste the video's source In the Content Editor, double-click the HTML block. Replace YOUR_SOURCE_HERE with the source of your video.  Click the Save drop-down and select Publish. (Optional) Select publishing options: Notify followers: Send an automatic notification to followers of the article. Learn More Update URL: Update the live article's URL (if you've changed the title of the article). Note: The old article URL will redirect to the new URL. Click Publish Article.

2 min read