The Media component

This article is about XaitWebProposal. Please check with your administrator that you have subscribed to this product.

Definition: 

This is a simple component that is used on its own via the 'Media' component.

It is used to embed an image or video. It can also be integrated into another component:

• Banner
• Text/Media
• Carousel
• Map
• Media grid

Inserting a component in a section:

Click here for the full article: How to add content to a microsite?

Insert a Media component

• Click on ‘Add content’
• Click on ‘Media’ component
• Click on 'Click here to insert media'.
• Choose the type: 
  • Image 
  • Video

Image media details:

1. TYPE: Select the Image media.
2. CAPTION: Add a caption if you wish, but it is optional and will be displayed on export.
3. INSERT FILE: Select an image imported from your computer, knowledge base or Google Drive (if enabled on your site).
4. FORMAT: You can choose the following formats: GIF, JPG, JPEG, PNG, SVG.

The maximum size is 20 MB. It is advisable to use an image of less than 300 Kb.

5. TARGET: You can add a link component.

• Internally: via the 'Anchor' button to link to a page, sub-page, or section of the microsite.
• Externally: use the 'External link' button to link to an external URL.

NB: On the screen, the image will be the same width as the section. If the image is too small, it will be enlarged and may be pixelated.

Video media details:

1. TYPE: Select the Image media.
2. MODE: Select 'File' or 'Link'.

• File to insert a file imported from your computer, knowledge base or Google Drive (if enabled on your site).

• Link to insert a link from an online video (YouTube, Vimeo, etc.) by entering the URL of the video in the link box.

The video file format is MP4, and the maximum size is 20 MB.

We advise you to upload a video of less than 500 Kb.

3. SETTINGS: Tick 'yes' or 'no' to customize:

• Automatic video triggering.
• Video looping.
• Sound volume.

It is advisable to tick 'yes' for automatic triggering and 'yes' for looping to avoid a frozen video image.

NB: On screen, the video will take up the width set on the section. If the video is too small, it will be enlarged and may look pixelated.